ระบบตะกร้าสินค้า(Shopping Cart) ตอนที่ 1 หยิบสินค้าใส่ตะกร้า(Add To Cart) , แก้ไขจำนวน , ลบรายการสินค้าในตะกร้า

   ได้เวลาที่ต้องอัปเดตบทความกันซะหน่อยแล้วคับ เดือนนี้มีบทความให้ท่านได้อ่าน เพียงแค่บทความเดียวเท่านั้นเอง เหตุผลที่หายไปไม่ใช่ว่าผมติดธุระ งานยุ่งอะไรหรอกคับ เป็นเพราะความขี้เกียจมากกว่า สำหรับเนื้อหาการทำระบบ E-Commerce ด้วย PHP + MySQL ในวันนี้ ผมจะสอนท่านทำตะกร้าสินค้า(Shopping Cart) โดยตอนนี้จะสอน Add To Cart กับ Update จำนวนสินค้า ลบสินค้าในตะกร้ากันก่อนคับ  มาดูผลลัพธ์กันก่อนเลยคับ ให้ท่านคลิกที่Iconรูปตะกร้า
    สำหรับแนวคิดของการทำระบบนี้ของผม คือ การสร้างตัวแปรแบบ Session ขึ้นมา เพื่อเก็บค่าข้อมูลของสินค้าที่ลูกค้าคลิกสั่งซื้อ ดังรูป

แสดงการคลิกสั่งซื้อสินค้า

ค้นหาสินค้า (Product Search)

บทความสอนทำร้านค้าออนไลน์ (เว็บขายของ) (E-Commerce Website) ด้วย PHP + MySQL ผมจะสอนท่านทำระบบค้นหาสินค้าในร้านแบบง่ายๆกันคับ โดยเราจะสร้างFilterขึ้นมาแค่ตัวเดียวโดยใช้ Textfiled สำหรับเอาไว้กรอกข้อความหรือ Keyword ที่ต้องการค้นหา และเราจะใช้คำสั่ง LIKE ของ sql เพื่อค้นหาข้อมูลจากColumn  pd_name ว่าพบข้อความตรงกันหรือไม  หากพบข้อความในใน Column pd_name ตรงกับ Keyword ที่เราป้อน ก้อให้มันแสดงออกมาตามจำนวนที่เจอ หากไม่พบก็ให้ข้อความว่า “ไม่พบข้อมูลที่ค้นหา” อย่างนี้เป็นต้น  ดูผลลัพธ์ของโปรแกรมกันก่อนเลยคับ (กลัวจะหาว่าผมโม้ เลยตัองโชว์ผลลัพธ์ให้ดูกันหน่อยแหล่ะ)
เปิดโปรแกรม Dreamweaver ขึ้นมาคับ สร้างไฟล์ขึ้นมา 2 ไฟล์ ตั้งชื่อว่า searchpd.php และ searchpd_result.php

แสดงสินค้าหน้าร้าน ตอนที่ 4 ซูมรูปสินค้าด้วย TopUp (Jquery)

ดูผลลัพธ์ของโปรแกรมก่อนเลยคับ โดยให้คลิกที่รูปเพื่อขยาย
Blog สอนสร้าง Web E-Commerce ด้วย PHP + MySQL ในวันนี้ผมจะสอนเขียน Code เพื่อ ขยายรูป(Zoom Images)สินค้าโดยใช้ Pugin ของ Jquery ตัวนึง ชื่อว่า TopUp ให้ท่านDownload จากตรงนี้เลยคับ ซึ่งผมได้แก้ไข Code บางส่วนให้สามารถใช้งานร่วมกับระบบ E-Commerce นี้คับ หลังจากที่ท่านได้Download ไฟล์ที่ผมแจกให้เรียบร้อยแล้ว ให้ทำการแตกไฟล์ จะได้ Folder ที่ชื่อว่า zoomimg ให้Copy ทั้ง Folder ไปไว้ใน Folder jquery ประมาณนี้คับ

กำหนดPathเก็บFolder zoomimg

จากนั้นให้เปิดไฟล์ fp_showpd_detail.php ขึ้นมา  ในส่วนของแท็ก head ให้พิมพ์ Code ลงไปตามนี้คับ