1. การเข้าสู่หน้าปรับแต่งการแสดงผลหน้าสินค้า
คลิกใน ตำแหน่งที่ 1 และ ตำแหน่งที่ 2 ตามลำดับ เพื่อไปยังการตั้งค่า Product Display
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/setting-product-display-01-1024x500.jpg)
2. การเปลี่ยนรูปแบบการแสดงผลในหน้าสินค้า
คลิกในตำแหน่งที่ 2.1
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/setting-product-display-02-1-1024x500.jpg)
เลือกรูปแบบที่ต้องการ จากนั้นคลิกที่ปุ่ม OK (ตำแหน่งที่ 2.2)
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/setting-product-display-02-2-1024x500.jpg)
3. การปรับแต่งการแสดงผลสินค้า
ฝั่งด้านซ้ายจะแสดง Preview ส่วนฝั่งขวาจะเป็นการตั้งค่า โดยมีรายละเอียดดังนี้
![](https://blog.ketshopweb.com/wp-content/uploads/2020/01/setting-product-display-03-1-1024x557.jpg)
- การเรียงลำดับสินค้า คือ การกำหนดค่าเริ่มต้นของการเรียงลำดับสินค้า
- Load More คือ รูปแบบการแบ่งหน้าของสินค้า
- จำนวนสินค้าต่อหน้า
- ขนาดรูปภาพสินค้า
- ตำแหน่งข้อความ
- เส้นขอบ
- ความหนาของเส้นขอบ
- สีของเส้นขอบ
- ฟ้อนท์ของชื่อสินค้า
- ขนาดฟ้อนท์ของชื่อสินค้า
- สีของชื่อสินค้า
- ฟ้อนท์ของราคาสินค้า
- ขนาดฟ้อนท์ของราคาสินค้า
- สีของราคาสินค้า