การปรับแต่งหน้าแสดงผลสินค้า (Product Display)

ขั้นตอนการปรับแต่งการแสดงผลหน้าสินค้า (Product Display) บนเว็บไซต์

การปรับแต่งหน้าแสดงผลสินค้าบนเว็บไซต์ของร้านค้า เพื่อให้ตอบโจทย์กับลูกค้าและใช้งานง่ายที่สุด สร้างแรงจูงใจให้ลูกค้าตัดสินใจซื้อสินค้าได้อย่างรวดเร็ว

• 1 คลิก "ปรับแต่ง"
• 2 เลือกเมนู "Product Display"

เมื่อเข้ามายังหน้า Product Display จะมีเครื่องมือให้เลือกอยู่ 2 แบบ คือ Product Lists และ Product Detail

Product Lists

Product Lists เป็นหน้าแสดงผลของสินค้า เพื่อเพิ่มความน่าสนใจให้กับสินค้า รวมไปถึงการแจ้งข้อมูลราคาโปรโมชั่นหรือราคาพิเศษให้ลูกค้าทราบ

การเปลี่ยนรูปแบบการแสดงผลในหน้าสินค้า

• 3 คลิก "Product Lists"
• 4 เลือกเมนู "เปลี่ยนรูปแบบ"

• 5 เลือกรูปแบบที่ต้องการ จากนั้นคลิก "OK"

การปรับแต่งการแสดงผลสินค้า

• A ตัวอย่างการแสดงผลตามตั้งค่า
• B "เรียงลำดับสินค้า" — การกำหนดค่าเริ่มต้นของการเรียงลำดับสินค้า
• C "จำนวนสินค้าต่อหน้า" — การแสดงผลจำนวนสินค้าต่อหน้า
• D "ลำดับสินค้า" — กรณีตั้งค่าการเรียงลำดับสินค้า รูปแบบกำหนดเอง
• E เปิด/ปิด "แสดงหมวดหมู่ Uncategory"
• F เปิด/ปิด การใช้งาน "Load More"

การปรับรูปแบบการแสดงสินค้า

• A ตัวอย่างการแสดงผลตามตั้งค่า
• B เปิดใช้งานแสดงผลรูปภาพคุณสมบัติสินค้าที่หน้าปก
• C กำหนดสัดส่วนรูปภาพสินค้าที่แสดง แสดงผลได้ทั้งแนวตั้ง แนวนอน ตรงกลาง
• D "ชื่อสินค้า" — ปรับรูปแบบฟอนต์ ขนาดฟอนต์ สี และทำให้เป็นตัวหนาได้
• E "ราคาสินค้า" — ปรับรูปแบบฟอนต์ ขนาดฟอนต์ สี และทำให้เป็นตัวหนาได้
• F กำหนดตำแหน่งชื่อสินค้าและราคา

การแสดงผลป้ายลดราคา

• A รูปแบบการแสดงผลป้ายลดราคา มี 2 รูปแบบ คือ แสดงป้าย Sale และแสดงป้ายเป็น % ที่ลด
• B "ขนาด" ปรับได้ 3 รูปแบบ คือ ขนาดเล็ก ขนาดกลาง ขนาดใหญ่

การแสดงผลป้าย Sold Out

• A เปิด/ปิด ใช้งานแสดงป้าย Sold Out
• B รูปแบบการแสดงผล
• C ตั้งค่าสีพื้นหลัง สีตัวอักษร และรูปแบบฟอนต์ตัวอักษร
• D การใส่รูป Sold Out
• E ตั้งค่าความโปร่งใสของรูป

การตั้งค่าเส้นขอบ และปุ่มต่างๆ

• A เปิด/ปิด การแสดงเส้นขอบของการ์ดสินค้า กำหนดขนาด ความโค้งมน และสีของเส้นขอบได้
• B เปิด/ปิด ปุ่มเพิ่มลงตะกร้า และกำหนดรูปแบบของปุ่มได้
• C เปิดใช้งานปุ่ม Wishlist หรือปุ่มเพิ่มสินค้าที่ชอบ
• D กำหนดตำแหน่งของปุ่มเพิ่มลงตะกร้า และปุ่ม Wishlist

Product Detail

การปรับแต่งหน้าแสดงผลสินค้าบนเว็บไซต์ของร้านค้า เพื่อให้ตอบโจทย์กับลูกค้าและใช้งานง่ายที่สุด สร้างแรงจูงใจให้ลูกค้าตัดสินใจซื้อสินค้าได้อย่างรวดเร็ว

การแสดงผลแกลอรี่สินค้า

• 1 กำหนดรูปแบบ ได้หลากหลายตำแหน่ง ได้แก่ ด้านล่าง ด้านบน ด้านซ้าย ด้านขวา

การแสดงผลข้อมูลสินค้าอย่างสั้น

• 2 สามารถปรับเปลี่ยนรูปแบบรายละเอียดได้ 2 รูปแบบ คือ ด้านบนปุ่มซื้อ และด้านล่างปุ่มซื้อ

• 3 ตั้งค่าการแสดงข้อมูลต่าง ๆ ของสินค้าทั้งหมดได้ โดยกด On หรือ Off ดังภาพ

การแสดงปุ่ม

• 4 ปุ่มเลือกคุณสมบัติสินค้าแบ่งออกเป็น 2 แบบ คือ การแสดงแบบ Dropdown และการแสดงแบบ Button

การเพิ่มปุ่มติดต่อในหน้า Product Detail

ตัวอย่าง: การแสดงผลปุ่มติดต่อในหน้า Product Detail