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

Product Highlight

        คือ Element ที่ดึงเอา Product (ที่ได้มีการเลือกรูปแบบการแสดงผล) เพื่อเป็น Highlight ขึ้นมาแสดงผลในหน้าต่างๆ

เข้าสู่ระบบจัดการเว็บไซต์ Ketshopweb 

(ตำแหน่งที่ 1) คลิก "ปรับแต่ง"  

(ตำแหน่งที่ 1) เลือกเมนู "Page Layouts" 

(ตำแหน่งที่ 3) คลิก "ปรับแต่งเนื้อหา"  

(ตำแหน่งที่ 4) คลิก "Add Section" 

(ตำแหน่งที่ 5) เลือก  "Content"  จากนั้น คลิก "Add Section"

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

(ตำแหน่งที่ 6) คลิกช่องว่างในกรอบ

(ตำแหน่งที่ 7) คลิก  "Add Element" จากนั้น

(ตำแหน่งที่ 8) เลือก Product Highlight จากนั้นคลิก  “Add Element”

(ตำแหน่งที่ 9) คลิกไอคอนรูปน็อต  เพื่อตั้งค่า  "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. ใช้งานสไลด์

20. เล่นสไลด์อัตโนมัติ

21. ความเร็วของสไลด์

22. ลูกศร

(ตำแหน่งที่ 10) คลิก "Save" หลังจากตั้งค่าสำเร็จ

Ketshopweb | ระบบร้านค้าออนไลน์ ขายคล่อง ส่งสะดวก ครบในที่เดียว

www.ketshopweb.com

เรายินดีให้คำปรึกษาการทำเว็บไซต์ฟรี ไม่มีค่าใช้จ่าย

ติดต่อมาที่ 02-038-5588 , email : sales@ketshopweb.com