ตั้งค่าเมนูดรอปดาวน์ในร้านค้าออนไลน์ของคุณ

คุณสามารถใช้เมนูดรอปดาวน์เพื่อจัดกลุ่มสินค้า คอลเลกชัน หรือหน้าต่างๆ เข้าไว้ด้วยกัน และช่วยให้ลูกค้าไปยังส่วนต่างๆ ของร้านค้าออนไลน์ของคุณได้ง่ายขึ้น ตัวอย่างเช่น หากคุณมีสินค้าจำนวนมาก คุณอาจต้องการเพิ่มสินค้าลงในคอลเลกชัน แล้วใช้เมนูดรอปดาวน์จากเมนูหลักเพื่อจัดระเบียบคอลเลกชันเหล่านั้น ซึ่งจะช่วยให้ลูกค้าสามารถค้นหาสินค้าประเภทที่ต้องการได้

คุณยังสามารถเพิ่ม ลบ หรือแก้ไขรายการเมนูในเมนูดรอปดาวน์หรือในเมนูเริ่มต้นของคุณได้อีกด้วย

คุณสามารถดูและเปลี่ยนเมนูร้านค้าออนไลน์ของคุณได้จาก เนื้อหา > เมนู ในส่วนผู้ดูแล Shopify ของคุณ

การซ้อนรายการเมนูเพื่อสร้างเมนูดรอปดาวน์

คุณสามารถสร้างเมนูดรอปดาวน์ได้โดยการสร้างหรือย้ายรายการเมนูให้ซ้อนอยู่ใต้รายการระดับบนสุด รายการระดับบนสุดจะแสดงในเมนูหลักของร้านค้าออนไลน์ ส่วนรายการเมนูที่ซ้อนกันจะแสดงในเมนูดรอปดาวน์ โดยรายการระดับบนสุดสามารถมีเมนูดรอปดาวน์แบบซ้อนกันได้สูงสุดสองระดับ

ธีมทุกแบบจะแสดงรายการที่ซ้อนกันเป็นเมนูดรอปดาวน์จากเมนูหลัก และบางธีมจะแสดงรายการที่ซ้อนกันเป็นเมนูดรอปดาวน์ในตำแหน่งที่ตั้งอื่นๆ

เมนูหลักและเมนูดรอปดาวน์จะแสดงในตำแหน่งที่ตั้งที่แตกต่างกันในร้านค้าออนไลน์ของคุณ ซึ่งขึ้นอยู่กับธีมของคุณ ธีมบางแบบจะแสดงไอคอนข้างชื่อเมนูดรอปดาวน์ในเมนูหลัก เพื่อช่วยให้ลูกค้ารับรู้ว่ามีเมนูดรอปดาวน์อยู่ตรงนั้น

เพิ่มเมนูดรอปดาวน์จากเมนูหลัก

คุณสามารถเพิ่มเมนูดรอปดาวน์จากรายการเมนูใดก็ได้ในเมนูหลัก

ขั้นตอน:

การผสานการทำงานของเมนูส่วนท้าย

คุณสามารถใช้เมนูดรอปดาวน์ในเมนูส่วนท้ายได้เช่นกัน

ขั้นตอน:

1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ เนื้อหา > เมนู
2. ตัวเลือกเสริม: ปฏิบัติตามหลักการซ้อนเมนูเดียวกับที่ใช้สำหรับเมนูหลัก เช่น การลากรายการเมนูไปไว้ใต้รายการส่วนหัวเพื่อสร้างโครงสร้างดรอปดาวน์โดยการคลิกและลากรายการไปยังตำแหน่งที่ต้องการ
3. ป้อน # ในช่องลิงก์สำหรับรายการส่วนหัวที่ไม่ควรลิงก์ไปยังหน้าใดๆ (เช่น ส่วนหัว ความช่วยเหลือ หรือ สำรวจ)

ข้อควรพิจารณาเกี่ยวกับความเข้ากันได้ของธีม

โปรดตรวจสอบข้อควรพิจารณาต่อไปนี้สำหรับการเพิ่มเมนูดรอปดาวน์ไปยังธีมของคุณ

• ธีมส่วนใหญ่รองรับเมนูดรอปดาวน์แบบซ้อนกันได้สูงสุดสองระดับ โปรดตรวจสอบเอกสารประกอบของธีมหรือทดสอบรายการที่ซ้อนกันเพื่อยืนยันความเข้ากันได้
• ธีมบางธีมอาจต้องมีการปรับแก้ CSS เพื่อปรับปรุงการใช้งานบนมือถือ อย่าปรับแต่งธีมของคุณหากคุณไม่คุ้นเคยกับโค้ดธีม ดูข้อมูลเพิ่มเติมเกี่ยวกับการปรับแต่งธีมของคุณ

การตรวจสอบว่าธีมของคุณรองรับเมนูดรอปดาวน์แบบซ้อนหรือไม่

หากต้องการตรวจสอบว่าธีมปัจจุบันของคุณรองรับเมนูดรอปดาวน์แบบซ้อนได้กี่ระดับตามที่คุณต้องการใช้งาน คุณสามารถใช้แหล่งข้อมูลต่อไปนี้ได้

1. ตรวจสอบเอกสารประกอบของธีมของคุณ โดยดูข้อมูลเฉพาะเกี่ยวกับความสามารถของเมนูและระดับการซ้อนที่รองรับได้จากเอกสารประกอบของธีม
2. ทดสอบรายการที่ซ้อนกัน โดยสร้างโครงสร้างเมนูสำหรับทดสอบซึ่งมีจำนวนระดับการซ้อนตามที่คุณต้องการ จากนั้นตรวจสอบว่าเมนูแสดงผลอย่างถูกต้องทั้งบนเดสก์ท็อปและอุปกรณ์มือถือ

ธีมส่วนใหญ่รองรับเมนูดรอปดาวน์แบบซ้อนกันได้สูงสุดสองระดับ หากคุณประสบปัญหากับเมนูดรอปดาวน์ โปรดตรวจสอบว่าธีมของคุณรองรับจำนวนระดับการซ้อนที่คุณพยายามจะใช้งานหรือไม่ เนื่องจากธีมบางธีมอาจต้องมีการปรับแต่งเพิ่มเติมเพื่อรองรับการซ้อนหลายระดับ

หลักปฏิบัติที่ดีที่สุดสำหรับเมนูดรอปดาวน์

โปรดตรวจสอบหลักปฏิบัติที่ดีที่สุดต่อไปนี้เพื่อสร้างโครงสร้างเมนูที่มีประโยชน์และใช้งานได้ดีในทุกอุปกรณ์

• ใช้ป้ายกำกับที่สื่อความหมายชัดเจน เช่น เลือกซื้อตามหมวดหมู่ สำหรับรายการเมนูระดับบนสุดที่มีลิงก์เป็น #
• ตรวจสอบให้แน่ใจว่าเมนูได้รับการปรับให้เหมาะสมกับอุปกรณ์มือถือ คุณสามารถทดสอบเมนูบนอุปกรณ์มือถือเพื่อยืนยันว่าเมนูดรอปดาวน์ขยายออกตามที่คาดไว้
• เพิ่มรายการเมนูระดับบนสุดไม่เกินเจ็ดรายการเพื่อหลีกเลี่ยงความแออัด
• ใช้ชื่อลิงก์ที่ชัดเจนและสื่อความหมาย เช่น คอลเลกชัน และ ชุดเดรสฤดูร้อน
• แต่ละเมนูสามารถมีได้สูงสุด 10,000 รายการ และร้านค้าของคุณสามารถมีเมนูได้ทั้งหมดสูงสุด 1,000 เมนู รายการเมนูใดๆ ที่มีรายการย่อยในเมนูดรอปดาวน์จะนับเป็นเมนูแยกต่างหากสำหรับขีดจำกัดนี้

ความสามารถในการเข้าถึงเมนูดรอปดาวน์

ธีมส่วนใหญ่จะใช้ส่วนหัวของเมนูดรอปดาวน์เป็นปุ่มแทนที่จะเป็นลิงก์ที่คลิกได้ นี่คือการออกแบบด้านความสามารถในการเข้าถึงโดยเจตนาที่ช่วยให้ลูกค้าที่ใช้เทคโนโลยีสิ่งอำนวยความสะดวกเข้าใจโครงสร้างการนำทาง

เมื่อรายการเมนูระดับบนสุดควบคุมเมนูย่อยแบบดรอปดาวน์ รายการเมนูนั้นจะทำหน้าที่เป็นปุ่มสำหรับขยายเมนูแทนที่จะเป็นลิงก์ไปยังหน้าใหม่ แนวทางนี้ช่วยให้แน่ใจว่าลูกค้าที่ใช้โปรแกรมอ่านหน้าจอหรืออุปกรณ์ช่วยเหลืออื่นๆ สามารถนำทางในระบบเมนูของร้านค้าคุณได้อย่างถูกต้อง

หากคุณต้องการให้ลูกค้าเข้าถึงหน้าหมวดหมู่หลัก (เช่น สินค้าทั้งหมด หรือ คอลเลกชันทั้งหมด) ให้เพิ่มหน้านั้นเป็นรายการแรกในเมนูดรอปดาวน์แทนที่จะทำให้ส่วนหัวสามารถคลิกได้

การแก้ไขปัญหาที่พบบ่อย

โปรดดูวิธีแก้ไขปัญหาทั่วไปที่คุณอาจพบเมื่อตั้งค่าเมนูการนำทางดังต่อไปนี้

• การเปลี่ยนเส้นทางเมนูบนมือถือ หากลิงก์เมนูระดับบนสุดเปลี่ยนเส้นทางไปยังหน้าใหม่เมื่อคุณแตะ ให้ตรวจสอบเมนูในส่วนผู้ดูแล Shopify ของคุณเพื่อยืนยันว่าช่องลิงก์เมนูคือ #

• ปัญหาการแสดงผล: หากรายการที่ซ้อนกันไม่แสดงผล โปรดตรวจสอบให้แน่ใจว่าได้ลากรายการเหล่านั้นไปไว้ใต้รายการส่วนหัวจนสุดและมีการเยื้องในอินเทอร์เฟซเมนูแล้ว และโปรดยืนยันว่าธีมของคุณรองรับจำนวนระดับการซ้อนที่คุณได้ตั้งค่าไว้

• ความเข้ากันได้ของธีม หากคุณประสบปัญหากับเมนูดรอปดาวน์ ให้ตรวจสอบว่าธีมของคุณรองรับจำนวนระดับการซ้อนที่คุณพยายามจะใช้งานหรือไม่ ธีมบางธีมอาจต้องมีการปรับแต่งเพิ่มเติมเพื่อรองรับการซ้อนหลายระดับ

• การสร้างเมนูแบบซ้อนถูกบล็อก หากคุณพบข้อผิดพลาด “เมนูไม่สามารถมีเมนูแบบซ้อนได้ โปรดเลือกใช้ฟีเจอร์การนำทางแบบซ้อนเพื่อใช้งาน” ร้านค้าของคุณอาจต้องเปิดใช้งานฟีเจอร์การนำทางแบบซ้อน ซึ่งโดยทั่วไปแล้วปัญหานี้จะส่งผลกระทบต่อร้านค้าที่สร้างขึ้นก่อนปี 2018 โปรดติดต่อฝ่ายช่วยเหลือของ Shopify หากคุณพบข้อผิดพลาดนี้

• แสดงเมนูผิด หากคุณมีลิงก์การนำทางหลายลิงก์ที่ชี้ไปยังหน้าเดียวกัน (เช่น หน้าแรกของคุณ) ธีมของคุณอาจแสดงเมนูย่อยที่ไม่ถูกต้อง โปรดตรวจสอบให้แน่ใจว่าส่วนการนำทางแต่ละส่วนลิงก์ไปยังหน้าที่ไม่ซ้ำกันเพื่อหลีกเลี่ยงความสับสน

• รายการเมนูหายไป หากลิงก์เมนูหายไปโดยที่ไม่ได้ถูกลบ ให้ตรวจสอบว่าคุณได้ลบสินค้า คอลเลกชัน หรือหน้าที่รายการเมนูนั้นๆ ลิงก์ไปถึงหรือไม่ การลบทรัพยากรที่ลิงก์ไว้จะลบรายการเมนูออกไปด้วย

การปรับแต่งโค้ดธีมสำหรับเมนูดรอปดาวน์

สำหรับธีมที่ต้องการการปรับแต่งในเชิงลึก คุณสามารถพิจารณาการปรับแต่งโค้ดธีมของคุณได้