เข้าสู่ระบบ
เริ่มทดลองใช้งานฟรี

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

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

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

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

ในหน้านี้

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

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

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

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

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

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

ขั้นตอนมีดังนี้

เดสก์ท็อป

  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่เนื้อหา > เมนู

  2. คลิกที่ชื่อเมนูหลักของคุณ

  3. เลือกหนึ่งในรายการเมนูหลักต่อไปนี้เพื่อใช้เป็นส่วนหัวของเมนูดรอปดาวน์ หรือเพิ่มรายการเมนูใหม่ หากไม่ต้องการให้ส่วนหัวเป็นลิงก์ คุณต้องป้อน # ในช่องค้นหาหรือวางลิงก์สำหรับรายการเมนูส่วนหัว

  4. หากต้องการเพิ่มรายการเมนูเพื่อรวมไว้ในเมนูดรอปดาวน์ ให้ดำเนินการตามขั้นตอนต่อไปนี้:

    1. คลิกเพิ่มรายการเมนู
    2. ในช่องชื่อ ให้ป้อนชื่อสำหรับรายการเมนูของคุณ
    3. ในช่องค้นหาหรือวางลิงก์ ให้ป้อนหรือเลือกปลายทางสำหรับรายการเมนูของคุณ

  5. คลิก เพิ่ม จากนั้นคลิกที่ลาก แล้วลากรายการเมนูเพื่อจัดกลุ่มไว้ใต้รายการเมนูส่วนหัว

  6. คลิกบันทึกเมนู

iPhone

  1. จาก แอป Shopify ให้แตะที่ปุ่มเมนูแนวนอน

  2. แตะเนื้อหา > เมนู

  3. แตะชื่อเมนูหลักของคุณ

  4. เลือกหนึ่งในรายการเมนูหลักต่อไปนี้เพื่อใช้เป็นส่วนหัวของเมนูดรอปดาวน์ หรือเพิ่มรายการเมนูใหม่เพื่อใช้เป็นส่วนหัว หากไม่ต้องการให้ส่วนหัวเป็นลิงก์ คุณต้องป้อน # ในช่องค้นหาหรือวางลิงก์สำหรับรายการเมนูส่วนหัว

  5. หากต้องการเพิ่มรายการเมนูเพื่อรวมไว้ในเมนูดรอปดาวน์ ให้ดำเนินการตามขั้นตอนต่อไปนี้:

    1. แตะ เพิ่มรายการเมนู
    2. ในช่องชื่อ ให้ป้อนชื่อสำหรับรายการเมนูของคุณ
    3. ในช่องค้นหาหรือวางลิงก์ ให้ป้อนหรือเลือกปลายทางสำหรับรายการเมนูของคุณ

  6. แตะ เพิ่ม จากนั้นแตะที่ลาก แล้วลากรายการเมนูเพื่อจัดกลุ่มไว้ใต้รายการเมนูส่วนหัว

  7. แตะบันทึก

Android

  1. จาก แอป Shopify แตะที่ปุ่มเมนู

  2. แตะเนื้อหา > เมนู

  3. แตะชื่อเมนูหลักของคุณ

  4. เลือกหนึ่งในรายการเมนูหลักต่อไปนี้เพื่อใช้เป็นส่วนหัวของเมนูดรอปดาวน์ หรือเพิ่มรายการเมนูใหม่เพื่อใช้เป็นส่วนหัว หากไม่ต้องการให้ส่วนหัวเป็นลิงก์ คุณต้องป้อน # ในช่องค้นหาหรือวางลิงก์สำหรับรายการเมนูส่วนหัว

  5. หากต้องการเพิ่มรายการเมนูเพื่อรวมไว้ในเมนูดรอปดาวน์ ให้ดำเนินการตามขั้นตอนต่อไปนี้:

    1. แตะ เพิ่มรายการเมนู
    2. ในช่องชื่อ ให้ป้อนชื่อสำหรับรายการเมนูของคุณ
    3. ในช่องค้นหาหรือวางลิงก์ ให้ป้อนหรือเลือกปลายทางสำหรับรายการเมนูของคุณ

  6. แตะ เพิ่ม จากนั้นแตะที่ลาก แล้วลากรายการเมนูเพื่อจัดกลุ่มไว้ใต้รายการเมนูส่วนหัว

  7. แล้วแตะที่ ✓

การผสานรวมเมนูส่วนท้าย

สามารถนำเมนูดรอปดาวน์ไปใช้ในเมนูส่วนท้ายได้ด้วย

ขั้นตอนมีดังนี้

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

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

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

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

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

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

  1. ตรวจสอบเอกสารประกอบของธีมคุณ: ตรวจสอบ เอกสารประกอบของธีมเพื่อดูข้อมูลเฉพาะเกี่ยวกับความสามารถของเมนูและระดับการซ้อนกันที่รองรับ

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

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

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

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

  • ใช้ป้ายกำกับที่สื่อความหมาย เช่น "Shop ตามหมวดหมู่" สำหรับรายการเมนูระดับบนสุดที่มี # ลิงก์

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

  • เพิ่มเมนูระดับบนสุดไม่เกินเจ็ดรายการเพื่อหลีกเลี่ยงเมนูที่มากเกินไป

  • ใช้ชื่อลิงก์ที่ชัดเจนและสื่อความหมายได้ดี เช่น คอลเลกชัน” และ “ชุดเดรสสำหรับฤดูร้อน”

การแก้ไขปัญหาทั่วไป

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

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

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

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

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

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

ไม่พบคำตอบที่คุณต้องการงั้นหรือ เราพร้อมช่วยเหลือคุณ