การใช้งาน Product Highlight Element

Product Highlight Element วิธีเพิ่มและตั้งค่าบนเว็บไซต์

Product Highlight คือ Element ที่ดึงสินค้า (ที่เลือกรูปแบบการแสดงผลไว้แล้ว) มาเป็นไฮไลท์ให้แสดงผลในหน้าต่างๆ ของเว็บไซต์ ช่วยดึงความสนใจลูกค้าไปยังสินค้าที่คุณต้องการโปรโมทได้ทันที

วิธีเพิ่ม Product Highlight Element

เข้าสู่ระบบจัดการเว็บไซต์ Ketshopweb แล้วทำตามขั้นตอนดังนี้

• 1 คลิก "ปรับแต่ง"
• 2 เลือกเมนู "Page Layouts"
• 3 คลิก "ปรับแต่งเนื้อหา"

• 4 คลิก "Add Section"

• 5 เลือก "Content" จากนั้นคลิก "Add Section"

เมื่อเพิ่มเรียบร้อย Section ที่เพิ่มล่าสุดจะอยู่ล่างสุดที่มุมด้านขวา

• 6 คลิกช่องว่างในกรอบ

• 7 คลิก "Add Element"

• 8 เลือก Product Highlight จากนั้นคลิก "Add Element"

• 9 คลิกไอคอนรูปน็อตเพื่อตั้งค่า "Product Highlight"

การตั้งค่า Product Highlight

การตั้งค่า Product Highlight แบ่งเป็นสองส่วน คือ การจัดการสินค้า และ การตั้งค่าการแสดงผล เมื่อตั้งค่าทั้งสองส่วนเรียบร้อยแล้ว คลิก "OK"

การจัดการสินค้า

ผู้ใช้งานสามารถกำหนดจำนวนสินค้าที่จะแสดงผลบนหน้าเพจได้ โดยเลือกได้จาก

• ✓ สินค้าที่เพิ่มล่าสุด
• ✓ เลือกสินค้าแบบกำหนดเอง
• ✓ เลือกจากหมวดหมู่สินค้า
• ✓ เลือกจากสินค้าแนะนำ
• ✓ เลือกจากสินค้าลดราคา
• ✓ แสดงสินค้าแบบสุ่ม

ตั้งค่าการแสดงผล

เป็นการตั้งค่าที่เกี่ยวกับหน้าตาของ Product Highlight เช่น ปรับขนาดของภาพ เลือกฟอนต์ เปลี่ยนสีของฟอนต์ ขนาดฟอนต์ ปรับตำแหน่งชื่อสินค้า อีกทั้งยังสามารถตั้งค่าการสไลด์และความเร็วของ Product Highlight ได้อีกด้วย

1. ขนาดรูปภาพ

จตุรัส, แนวตั้ง, แนวนอน

2. แสดงบนเดสก์ท็อป

3. แสดงบนมือถือ

4. สีพื้นหลัง

5. ตำแหน่งของชื่อสินค้า

ตรงกลาง, ชิดซ้าย, ชิดขวา

6. ฟอนต์ของชื่อสินค้า

7. สีของชื่อสินค้า

8. ปรับขนาดของชื่อสินค้า

9. ตำแหน่งของราคา

ชิดซ้าย, ชิดขวา, ตรงกลาง

10. ฟอนต์ของราคา

11. สีของราคา

12. ขนาดของราคา

13. รายละเอียดสินค้า

14. ฟอนต์ของรายละเอียดสินค้า

15. สีของรายละเอียดสินค้า

16. เส้นขอบ

17. ขนาดเส้นขอบ

18. สีเส้นขอบ

19-22. การตั้งค่าสไลด์

19. ใช้งานสไลด์  ·  20. เล่นสไลด์อัตโนมัติ  ·  21. ความเร็วของสไลด์  ·  22. ลูกศร

• 10 คลิก "Save" หลังจากตั้งค่าสำเร็จ

ตัวอย่างการแสดงผล Product Highlight บนหน้าเว็บไซต์