Catalog Layout
🖼️
ฟีเจอร์นี้เป็นฟีเจอร์สำหรับตั้งค่ารูปแบบการจัดวางรายการสินค้าในหน้าเว็บไซต์ โดยจะถูกกำหนดให้เหมาะสมกับหน้าจอแต่ละขนาด
-
หน้าจอมือถือ: พื้นที่การแสดงผลค่อนข้างจำกัด รายการสินค้าจึงถูกจัดเรียงเป็น 2 รายการต่อแถว (คอลัมน์ซ้าย/ขวา)
-
หน้าจอ Tablet, Desktop: พื้นที่การแสดงผลที่กว้างขึ้น จึงถูกจัดเรียงเป็น 5 รายการต่อแถว ช่วยให้ลูกค้ามองเห็นสินค้าได้มากขึ้นในครั้งเดียว
ส่วนประกอบของรายการสินค้า
รายการสินค้าที่แสดงในหน้าเว็บ ประกอบไปด้วย 4 องค์ประกอบ แอดมินสามารถจัดการเนื้อหาข้อมูลได้ด้วยตนเอง ในหน้าตั้งค่า Wordpress หัวข้อ สินค้า
- รูปภาพหน้าปกของสินค้า หรือ วิดีโอแนะนำสินค้า: รูปหรือวีดีโอมีขนาด 1:1 (สี่เหลี่ยมจัตุรัส)
[!NOTE]
ค่าตั้งต้นในการแสดงผลหน้าปกสินค้า คือ ถ้ามีการอัปโหลดวิดีโอ ระบบจะเลือกแสดงวิดีโอเป็นรูปหน้าปก แต่ถ้าไม่มี ระบบจะเลือกรูปภาพเป็นหน้าปกสินค้า
-
ชื่อสินค้า
-
หมวดหมู่สินค้า: สินค้าถูกจัดแบ่งหมวดหมู่ได้อย่างอิสระโดยแอดมิน หมวดหมู่สินค้าถูกใช้เป็นตัวกรองหลักในการเข้าถึงรายการสินค้าทั้งหมด
[!NOTE]
ลำดับการจัดเรียงหมวดหมู่สินค้าส่งผลต่อการเรียงในหน้าเว็บไซต์ แก้ไขโดยเข้าไปที่หน้าตั้งค่า Wordpress > สินค้า > หมวดหมู่ แล้ว Dragสัญลักษณ์ =ท้ายตารางเพื่อเปลี่ยนลำดับ
- ราคาสินค้า (สกุลเงินบาท): ราคาที่แสดงจะมี 2 ราคา คือ 1) ราคาเต็มของสินค้า และ 2) ราคาที่ลดแล้ว หากสินค้าชิ้นนั้นมีการตั้งลดราคา
คำแนะนำ
- ถ้าร้านค้ามีรายการสินค้าอยู่เป็นจำนวนมาก (เกินกว่า 20 รายการ) แนะนำให้ตั้งค่าการแสดงผลสำหรับหน้าจอมือถือเป็นแบบ 2 คอลัมน์ (ซ้าย/ขวา) เพราะจะช่วยให้ลูกค้าเห็นสินค้าได้มากขึ้นในหนึ่งหน้าจอ, ลดระยะการเลื่อน ทำให้เลือกซื้อสินค้าสะดวกขึ้น
- ถ้ามีจำนวนสินค้าไม่มาก และต้องการเน้นให้สินค้าแต่ละรายการโดดเด่นด้วยภาพหรือวีดีโอ อาจเลือกการแสดงผลสร้างความรู้สึกพรีเมียมแบบ 1 คอลัมน์
ข้อสังเกต
- ปรับแต่งรูปแบบการแสดงผล แบบ 1 คอลัมน์ หรือ 2 คอลัมน์ ได้เฉพาะการแสดงผลบนอุปกรณ์มือถือเท่านั้น
- Tablet, Desktop จะไม่สามารถแก้ไขการตั้งค่าได้ จะแสดงสินค้า 5 รายการต่อแถวเสมอ
การตั้งค่า
ปรับเปลี่ยนรูปแบบการแสดงผลได้เฉพาะหน้าจอมือถือเท่านั้น
-
ไปที่หน้าตั้งค่า Wordpress เลือกเมนู ตั้งค่าหน้าร้าน ในหัวข้อ Catalog Layout เลือก “คอลัมน์เดี่ยว / คอลัมน์คู่” คลิก บันทึก เพื่อบันทึกการแก้ไข
-
คลิก รีเฟรสหน้าร้าน ที่อยู่มุมขวาบนในหน้าตั้งค่า เพื่อให้เว็บไซต์ในหน้าจอมือถือแสดงผลตามค่าที่ได้แก้ไข
-
เข้าเว็บไซต์ของคุณใหม่อีกครั้งด้วยอุปกรณ์มือถือรุ่นใดก็ได้ รูปแบบการแสดงผลรายการสินค้าควรแสดงผลตามการตั้งค่า