คู่มือการใช้งานversion 8ตกแต่งเว็บไซต์

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

สร้างความเด่นให้สินค้าได้ไม่ต้องกลัวจมด้วย ฟีเจอร์ Product Highlight Element ของ Ketshopweb

K
KetShopWeb Team
2022-12-14 11:51:03
การใช้งาน Product Highlight Element

Product Highlight


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


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

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

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

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


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


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


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


 

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


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



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

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


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


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


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



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


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


(ตำแหน่งที่ 9) คลิกไอคอนรูปน็อต  เพื่อตั้งค่า  "Product highlight"


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



ในส่วนการตั้งค่า Product highlight จะแบ่งเป็นสองส่วน ดังนี้

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

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

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

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


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


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

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


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


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

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


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


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


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


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


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


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


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


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

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


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


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


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



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


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


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


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


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

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


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


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


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


11. สีของราคา


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


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


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


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


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

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


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


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


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


16. เส้นขอบ


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

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


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


18. สีเส้นขอบ


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


19. ใช้งานสไลด์

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

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

22. ลูกศร


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



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


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




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





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

www.ketshopweb.com

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

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

คู่มือการใช้งานversion 8ตกแต่งเว็บไซต์KetShopWebE-commerce
แชร์: