ตั้งค่าเมนูดรอปดาวน์ในร้านค้าออนไลน์ของคุณ
คุณสามารถใช้เมนูดรอปดาวน์เพื่อจัดกลุ่มสินค้า คอลเลกชัน หรือหน้าต่างๆ ให้เป็นระเบียบเพื่อช่วยให้ลูกค้าสามารถเลือกชมสินค้าในร้านค้าออนไลน์ของคุณได้สะดวกยิ่งขึ้น เช่น หากคุณมีสินค้าจำนวนมาก ขอแนะนำให้เพิ่มสินค้าเหล่านั้นลงในคอลเลกชัน แล้วใช้เมนูดรอปดาวน์จากเมนูหลักเพื่อจัดระเบียบคอลเลกชันต่างๆ วิธีนี้สามารถช่วยให้ลูกค้าค้นหาสินค้าประเภทต่างๆ ที่ต้องการได้
คุณยังสามารถเพิ่ม ลบ หรือแก้ไขรายการเมนูในเมนูดรอปดาวน์ หรือในเมนูเริ่มต้นได้อีกด้วย
คุณสามารถดูและเปลี่ยนแปลงเมนูร้านค้าออนไลน์ของคุณได้จาก เนื้อหา > เมนู ในส่วนผู้ดูแล Shopify ของคุณ
ในหน้านี้
รวบรวมรายการเมนูเพื่อสร้างเป็นเมนูดรอปดาวน์
คุณสามารถสร้างเมนูดรอปดาวน์ได้ด้วยการสร้างหรือย้ายรายการเมนูต่างๆ เพื่อรวบรวมให้อยู่ด้านล่างของรายการระดับสูง รายการดังกล่าวจะแสดงอยู่ในเมนูหลักบนร้านค้าออนไลน์ของคุณ และรายการเมนูที่รวบรวมไว้จะแสดงอยู่ในเมนูดรอปดาวน์ รายการเมนูระดับสูงสามารถมีเมนูดรอปดาวน์ที่รวบรวมไว้ได้ถึงสองระดับด้วยกัน
ธีมทั้งหมดจะแสดงรายการที่รวบรวมไว้เป็นเมนูดรอปดาวน์จากเมนูหลัก โดยบางธีมจะแสดงรายการที่รวบรวมไว้เป็นเมนูดรอปดาวน์ในตำแหน่งอื่นๆ
เมนูหลักและเมนูดรอปดาวน์จะแสดงในตำแหน่งต่างๆ ในร้านออนไลน์ โดยขึ้นอยู่กับธีมของคุณ บางธีมจะแสดงไอคอนถัดจากชื่อของเมนูดรอปดาวน์ในเมนูหลักเพื่อช่วยให้ลูกค้าสังเกตเห็นได้ว่ามีเมนูดรอปดาวน์อยู่
เพิ่มเมนูดรอปดาวน์จากเมนูหลัก
คุณสามารถเพิ่มเมนูดรอปดาวน์จากรายการเมนูใดก็ได้ในเมนูหลัก
ขั้นตอนมีดังนี้
เดสก์ท็อป
จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่เนื้อหา > เมนู
คลิกที่ชื่อเมนูหลักของคุณ
เลือกหนึ่งในรายการเมนูหลักต่อไปนี้เพื่อใช้เป็นส่วนหัวของเมนูดรอปดาวน์ หรือเพิ่มรายการเมนูใหม่ หากไม่ต้องการให้ส่วนหัวเป็นลิงก์ คุณต้องป้อน # ในช่องค้นหาหรือวางลิงก์สำหรับรายการเมนูส่วนหัว
หากต้องการเพิ่มรายการเมนูเพื่อรวมไว้ในเมนูดรอปดาวน์ ให้ดำเนินการตามขั้นตอนต่อไปนี้:
- คลิกเพิ่มรายการเมนู
- ในช่องชื่อ ให้ป้อนชื่อสำหรับรายการเมนูของคุณ
- ในช่องค้นหาหรือวางลิงก์ ให้ป้อนหรือเลือกปลายทางสำหรับรายการเมนูของคุณ
คลิก เพิ่ม จากนั้นคลิกที่
แล้วลากรายการเมนูเพื่อจัดกลุ่มไว้ใต้รายการเมนูส่วนหัว
คลิกบันทึกเมนู
iPhone
จาก แอป Shopify ให้แตะที่ปุ่ม
แตะเนื้อหา > เมนู
แตะชื่อเมนูหลักของคุณ
เลือกหนึ่งในรายการเมนูหลักต่อไปนี้เพื่อใช้เป็นส่วนหัวของเมนูดรอปดาวน์ หรือเพิ่มรายการเมนูใหม่เพื่อใช้เป็นส่วนหัว หากไม่ต้องการให้ส่วนหัวเป็นลิงก์ คุณต้องป้อน
#
ในช่องค้นหาหรือวางลิงก์สำหรับรายการเมนูส่วนหัวหากต้องการเพิ่มรายการเมนูเพื่อรวมไว้ในเมนูดรอปดาวน์ ให้ดำเนินการตามขั้นตอนต่อไปนี้:
- แตะ เพิ่มรายการเมนู
- ในช่องชื่อ ให้ป้อนชื่อสำหรับรายการเมนูของคุณ
- ในช่องค้นหาหรือวางลิงก์ ให้ป้อนหรือเลือกปลายทางสำหรับรายการเมนูของคุณ
แตะ เพิ่ม จากนั้นแตะที่
แล้วลากรายการเมนูเพื่อจัดกลุ่มไว้ใต้รายการเมนูส่วนหัว
แตะบันทึก
Android
จาก แอป Shopify แตะที่ปุ่ม
แตะเนื้อหา > เมนู
แตะชื่อเมนูหลักของคุณ
เลือกหนึ่งในรายการเมนูหลักต่อไปนี้เพื่อใช้เป็นส่วนหัวของเมนูดรอปดาวน์ หรือเพิ่มรายการเมนูใหม่เพื่อใช้เป็นส่วนหัว หากไม่ต้องการให้ส่วนหัวเป็นลิงก์ คุณต้องป้อน
#
ในช่องค้นหาหรือวางลิงก์สำหรับรายการเมนูส่วนหัวหากต้องการเพิ่มรายการเมนูเพื่อรวมไว้ในเมนูดรอปดาวน์ ให้ดำเนินการตามขั้นตอนต่อไปนี้:
- แตะ เพิ่มรายการเมนู
- ในช่องชื่อ ให้ป้อนชื่อสำหรับรายการเมนูของคุณ
- ในช่องค้นหาหรือวางลิงก์ ให้ป้อนหรือเลือกปลายทางสำหรับรายการเมนูของคุณ
แตะ เพิ่ม จากนั้นแตะที่
แล้วลากรายการเมนูเพื่อจัดกลุ่มไว้ใต้รายการเมนูส่วนหัว
แล้วแตะที่ ✓
การผสานรวมเมนูส่วนท้าย
สามารถนำเมนูดรอปดาวน์ไปใช้ในเมนูส่วนท้ายได้ด้วย
ขั้นตอนมีดังนี้
- จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่เนื้อหา > เมนู
- ไม่บังคับ: ปฏิบัติตามหลักการจัดกลุ่มแบบเดียวกับที่ใช้สำหรับเมนูหลัก เช่น การลากรายการเมนูไว้ใต้รายการส่วนหัว เพื่อสร้างโครงสร้างดรอปดาวน์โดยคลิก
แล้วลากรายการไปที่จุดนั้น
- ป้อน # ในฟิลด์ลิงก์ สำหรับรายการส่วนหัวที่ไม่ควรเชื่อมโยงไปยังหน้า (เช่น ส่วนหัว "ความช่วยเหลือ" หรือ "สำรวจ")
ข้อควรพิจารณาเกี่ยวกับความเข้ากันได้ของธีม
ตรวจสอบข้อควรพิจารณาต่อไปนี้สำหรับการเพิ่มเมนูดรอปดาวน์ไปยังธีมของคุณ
- ธีมส่วนใหญ่รองรับได้ถึง 2 ระดับในเมนูดรอปดาวน์ที่จัดกลุ่ม ตรวจสอบเอกสารประกอบธีมหรือทดสอบรายการที่จัดกลุ่มเพื่อยืนยันความเข้ากันได้
- ธีมบางอย่างอาจต้องปรับค่า CSS เพื่อปรับปรุงการใช้งานในอุปกรณ์มือถือ อย่าปรับแต่งธีมของคุณหากคุณไม่คุ้นเคยกับรหัสธีม ดูข้อมูลเพิ่มเติมเกี่ยวกับการปรับแต่งธีมของคุณ
การระบุว่าธีมของคุณรองรับเมนูแบบดรอปดาวน์ที่ซ้อนกันหรือไม่
คุณสามารถใช้แหล่งข้อมูลต่อไปนี้ในการระบุว่าธีมปัจจุบันของคุณรองรับระดับการซ้อนกันของเมนูแบบดรอปดาวน์ในจำนวนสูงสุดที่คุณต้องการใช้งานหรือไม่
ตรวจสอบเอกสารประกอบของธีมคุณ: ตรวจสอบ เอกสารประกอบของธีมเพื่อดูข้อมูลเฉพาะเกี่ยวกับความสามารถของเมนูและระดับการซ้อนกันที่รองรับ
ทดสอบรายการที่ซ้อนกัน: สร้างการทดสอบโครงสร้างเมนูที่มีจำนวนระดับการซ้อนกันที่คุณต้องการและตรวจสอบว่าจะแสดงอย่างถูกต้องทั้งบนเดสก์ท็อปและอุปกรณ์เคลื่อนที่หรือไม่
ธีมส่วนใหญ่รองรับเมนูดรอปดาวน์ที่ซ้อนกันได้ถึง 2 ระดับ หากคุณประสบปัญหาเกี่ยวกับเมนูดรอปดาวน์ โปรดตรวจสอบยืนยันว่าธีมของคุณรองรับจำนวนระดับการซ้อนกันตามที่คุณพยายามใช้ เนื่องจากธีมบางธีมจำเป็นต้องมีการปรับแต่งเพิ่มเติมเพื่อรองรับการจัดกลุ่มหลายระดับ
หลักปฏิบัติที่ดีที่สุดสำหรับเมนูดรอปดาวน์
ตรวจสอบหลักปฏิบัติที่ดีที่สุดต่อไปนี้เพื่อสร้างโครงสร้างเมนูที่มีประโยชน์ซึ่งทำงานได้ดีกับอุปกรณ์ทั้งหมด
ใช้ป้ายกำกับที่สื่อความหมาย เช่น "Shop ตามหมวดหมู่" สำหรับรายการเมนูระดับบนสุดที่มี # ลิงก์
ตรวจสอบให้แน่ใจว่าเพิ่มประสิทธิภาพเมนูไว้บนอุปกรณ์มือถือ คุณสามารถทดสอบเมนูบนอุปกรณ์มือถือเพื่อยืนยันว่าขยายเมนูดรอปดาวน์ได้ตามที่คาดหวัง
เพิ่มเมนูระดับบนสุดไม่เกินเจ็ดรายการเพื่อหลีกเลี่ยงเมนูที่มากเกินไป
ใช้ชื่อลิงก์ที่ชัดเจนและสื่อความหมายได้ดี เช่น คอลเลกชัน” และ “ชุดเดรสสำหรับฤดูร้อน”
การแก้ไขปัญหาทั่วไป
ตรวจสอบวิธีแก้ไขปัญหาทั่วไปต่อไปนี้ที่คุณอาจพบเมื่อตั้งค่าเมนูการนำทาง
การเปลี่ยนเส้นทางเมนูบนมือถือ หากลิงก์เมนูระดับบนสุดเปลี่ยนเส้นทางไปยังหน้าใหม่เมื่อคุณแตะ โปรดตรวจสอบเมนูในส่วนผู้ดูแล Shopify เพื่อยืนยันว่าฟิลด์ลิงก์เมนูคือ #
ปัญหาการแสดงผล: หากรายการที่ซ้อนกันไม่แสดง โปรดตรวจสอบให้แน่ใจว่าคุณได้ลากรายการเหล่านั้นไปไว้ใต้รายการส่วนหัวจนครบถ้วนแล้ว โดยเยื้องอยู่ในอินเทอร์เฟซเมนู จากนั้นยืนยันว่าธีมของคุณรองรับจำนวนระดับการซ้อนกันซึ่งคุณได้ตั้งค่าไว้
ความเข้ากันได้ของธีม: หากคุณประสบปัญหากับเมนูดรอปดาวน์ ให้ตรวจสอบว่าธีมของคุณรองรับจำนวนระดับการซ้อนกันที่คุณพยายามจะใช้หรือไม่ ธีมบางอย่างอาจต้องมีการปรับแต่งเพิ่มเติมเพื่อรองรับการซ้อนกันหลายระดับ
การปรับแต่งโค้ดธีมสำหรับเมนูแบบดรอปดาวน์
สำหรับธีมที่ต้องปรับแต่งในระดับลึกขึ้น คุณอาจพิจารณาปรับแต่ง่รหัสธีม