ปรับแต่งแถบเมนูด้านบน

**ในบทความนี้:

**

1.บทนำ

2.การจัดการลิงค์การนำทาง

3.ลิสรายการสินค้าเด้งจากบนล่าง

4.ปรับขนาดช่องว่างระหว่างแถบนำทาง 

1.บทนำ 

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

ในบทความนี้เราจะเน้นไปที่ลิงค์การนำทางในเมนูหลัก แต่เกือบจะเหมือนกันสำหรับ Quick Links Footer ยกเว้นส่วนท้ายนั้นไม่รองรับรายการแบบลิสสินค้าโชว์แบบหล่นลง 

2.การจัดการลิงค์การนำทาง 

ลิงค์การนำทางของร้านค้าของคุณมีการจัดการที่ EasyStore > ร้านค้าออนไลน์> การนำทาง

เนวิเกเตอร์มี 3 ประเภทที่คุณอาจพบบนแถบเมนูหลัก:

• ระบบนำทางเริ่มต้น (ล็อคแล้ว)

• นาวิเกเตอร์ที่เพิ่มด้วยตนเอง

• ระบบนำทางอัตโนมัติที่สร้างขึ้นโดยแอพที่ติดตั้ง

2.1 ระบบนำทางเริ่มต้น (ล็อค)

หน้าแรกและหมวดหมู่เป็นผู้นำทางเริ่มต้นที่สร้างขึ้นโดยระบบ

ซึ่งมีตัวบ่งชี้ล็อคอยู่ข้างหน้าพวกเขา

• หน้าแรก - การนำทางนี้จะนำทางผู้เยี่ยมชมหน้าแรกของคุณเสมอไม่สามารถลบหรือซ่อนได้ แต่คุณสามารถเปลี่ยนชื่อได้

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

2.2 เพิ่มการนำทางด้วยตัวเอง

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

• ลิงค์และหน้า - ลิงค์ไปยังหน้าเว็บภายนอกที่คุณต้องการแบ่งปันกับผู้เยี่ยมชมหรือหน้าเนื้อหาภายในร้านของคุณ

• บล็อก - ลิงก์ไปยังบทความบล็อกและเรื่องราว (การนำทางประเภทบล็อกทำงานในลักษณะเดียวกับการนำทางหน้าเว็บ)

• คอลเลคชั่น  - ลิงก์ไปยังคอลเลคชั่นของคุณ เช่น สินค้าส่งเสริมการขายหรือสินค้าใหม่

2.3 ระบบนำทางอัตโนมัติที่สร้างขึ้นโดยแอพที่ติดตั้ง

แอพที่ติดตั้งบางตัวเช่น Contact Form Plus และ Help Center จะสร้างการนำทาง

ในเมนูหลักของคุณโดยอัตโนมัติ

3.ลิสรายการสินค้าเด้งจากบนลงล่าง 

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

3.2 คอลเลคชั่นย่อยที่มีอยู่ที่สร้างขึ้นในผู้ดูแลระบบ> สินค้าจะมีส่วนร่วมในรายการลากขึ้น

 ลากลงด้านล่าง การนำทาง ประเภท ของคอลเลคชั่น 

4.ปรับขนาดช่องว่างระหว่างแถบนำทาง 

4.1 ไปที่  EasyStore แอดมิน > ร้านค้า > ธีม > แก้ไขแหล่งข้อมูล > assets/timber.scss > มองไปที่ .site-nav__link > แทนที่  $gutter /2 ด้วยขนาดขยายที่คุณต้องการ > บันทึก 

เคล็ดลับ : 8px 15px 15px 15px  หมายถึงขนาดการขยายของด้านบนขวาล่างซ้าย 

อัปเดตเมื่อ: 20/09/2022