Update Menu Setting รูปแบบ Tabs Column & Banner

การตั้งค่าการแสดงผลเมนูรูปแบบ Tabs Column & Banner

ตั้งค่าเมนูเว็บไซต์ให้แสดงผลแบบ Tabs Column & Banner พร้อมเมนูย่อยหลายระดับและภาพแบนเนอร์ประกอบ เพื่อให้ลูกค้าเลือกดูสินค้าได้สะดวกและน่าสนใจมากขึ้น

• 1 คลิก "ปรับแต่ง"
• 2 คลิก "Menu"

การเพิ่มหัวข้อเมนูหลัก

• 3 คลิกไอคอน  เพื่อเพิ่มเมนูหลักใหม่
• 4 จากนั้นจะมีหน้าต่างป๊อปอัปแสดงรายการเมนู (Page List) ขึ้นมา เลือกเมนูที่ต้องการเพิ่ม แล้วคลิก "Add Menu"

• 5 คลิกที่หัวข้อเมนูหลักที่ต้องการตั้งค่า โดยในที่นี้จะเลือกตั้งค่าที่เมนู "Shop"
• 6 คลิกเลือกรูปแบบการแสดงผลเป็น "Tabs Column & Banner"

• 7 คลิกเพื่อเลือกรูปแบบการแสดงผลเมนูย่อย และตั้งค่าการแสดงผล

การเพิ่มหัวข้อเมนูย่อยใน Layer 2

• 8 คลิกที่ปุ่ม "Add New Menu" เพื่อเพิ่มเมนูย่อยใหม่
• 9 จากนั้นจะมีหน้าต่างป๊อปอัปแสดงรายการเมนู (Page List) ขึ้นมา เลือกเมนูที่ต้องการเพิ่ม แล้วคลิก "Add Menu"

การเพิ่มหัวข้อเมนูย่อยใน Layer 3

• 10 คลิกเลือกหัวข้อเมนูย่อย Layer 2 ที่ต้องการ โดยในที่นี้เลือกหัวข้อ "Skincare"
• 11 คลิกที่ปุ่ม "Add New Menu" เพื่อเพิ่มเมนูย่อยระดับถัดไป
• 12 จากนั้นจะมีหน้าต่างป๊อปอัปแสดงรายการเมนู (Page List) ขึ้นมา เลือกเมนูที่ต้องการเพิ่ม แล้วคลิก "Add Menu"

ที่คอลัมน์สุดท้ายจะสามารถอัปโหลดภาพ Banner ได้

• 13 คลิกเลือกรูปภาพที่ต้องการอัปโหลด พร้อมทั้งสามารถใส่ลิงก์ให้กับภาพได้

ตัวอย่างการแสดงผล

การแสดงผลหลังบ้าน

การแสดงผลหน้าเว็บไซต์