ปรับแต่งแถบเมนูด้านบน
![](https://storage.crisp.chat/users/helpdesk/website/34fb1089d5d36200/9a0098b0-3780-4fc3-8aa6-36ed13_lkxexh.png)
ในบทความนี้:
1.บทนำ
2.การจัดการลิงค์การนำทาง
3.ลิสรายการสินค้าเด้งจากบนล่าง
4.ปรับขนาดช่องว่างระหว่างแถบนำทาง
1.บทนำ
เมื่อลูกค้าไม่พบสิ่งที่ต้องการจากหน้าแรกของคุณสิ่งต่อไปที่พวกเขาจะทำคือการสแกนผ่านเมนูหรือคอลัมน์ลิงก์ในหน้าค้นหาหมวดหมู่หรือหัวข้อที่ใกล้เคียงกับความสนใจมากขึ้น นั่นคือเหตุผลที่การนำทางที่จัดระเบียบอย่างดีพร้อมชื่อที่ใช้งานง่ายมีความสำคัญต่อการรักษาลูกค้าเป้าหมายของคุณ
ในบทความนี้เราจะเน้นไปที่ลิงค์การนำทางในเมนูหลัก แต่เกือบจะเหมือนกันสำหรับ Quick Links Footer ยกเว้นส่วนท้ายนั้นไม่รองรับรายการแบบลิสสินค้าโชว์แบบหล่นลง
2.การจัดการลิงค์การนำทาง
ลิงค์การนำทางของร้านค้าของคุณมีการจัดการที่ EasyStore > ร้านค้าออนไลน์> การนำทาง
เนวิเกเตอร์มี 3 ประเภทที่คุณอาจพบบนแถบเมนูหลัก:
ระบบนำทางเริ่มต้น (ล็อคแล้ว)
นาวิเกเตอร์ที่เพิ่มด้วยตนเอง
ระบบนำทางอัตโนมัติที่สร้างขึ้นโดยแอพที่ติดตั้ง
![](https://storage.crisp.chat/users/helpdesk/website/5694463237cc9400/165433b0-e0df-4fa0-b01e-717d42_afz0vv.png)
2.1 ระบบนำทางเริ่มต้น (ล็อค)
![](https://storage.crisp.chat/users/helpdesk/website/117ffe46b5738000/206cdb55-0604-43be-b300-342f6b_1o95cyr.png)
หน้าแรกและหมวดหมู่เป็นผู้นำทางเริ่มต้นที่สร้างขึ้นโดยระบบ
ซึ่งมีตัวบ่งชี้ล็อคอยู่ข้างหน้าพวกเขา
หน้าแรก - การนำทางนี้จะนำทางผู้เยี่ยมชมหน้าแรกของคุณเสมอไม่สามารถลบหรือซ่อนได้ แต่คุณสามารถเปลี่ยนชื่อได้
หมวดหมู่ - การนำทางจะแสดงคอลเลคชั่นสินค้าทั้งหมดของคุณเสมอรวมถึงคอลเลคชั่นย่อยที่รายการแบบหล่นลง ไม่สามารถลบได้ แต่คุณสามารถเปลี่ยนชื่อหรือซ่อนได้โดยคลิกแก้ไข> ยกเลิกการเลือกวันที่เผยแพร่การนำทาง > บันทึก
![](https://storage.crisp.chat/users/helpdesk/website/84abda71980d3000/e97a7a73-a74d-40fd-9957-53613e_pad7h4.png)
2.2 เพิ่มการนำทางด้วยตัวเอง
![](https://storage.crisp.chat/users/helpdesk/website/e9768c0ca290b000/b4840c74-01fa-4863-99d1-b8d1f0_h81k51.png)
คุณสามารถเพิ่มลิงค์หน้าบล็อกหรือคอลเลกชันในเมนูหลัก ทำตามไฮเปอร์ลิงก์ด้านล่างเพื่อค้นหารายละเอียดวิธีสร้างเนวิเกเตอร์แต่ละประเภทในเมนูหลัก
ลิงค์และหน้า - ลิงค์ไปยังหน้าเว็บภายนอกที่คุณต้องการแบ่งปันกับผู้เยี่ยมชมหรือหน้าเนื้อหาภายในร้านของคุณ
บล็อก - ลิงก์ไปยังบทความบล็อกและเรื่องราว (การนำทางประเภทบล็อกทำงานในลักษณะเดียวกับการนำทางหน้าเว็บ)
คอลเลคชั่น - ลิงก์ไปยังคอลเลคชั่นของคุณ เช่น สินค้าส่งเสริมการขายหรือสินค้าใหม่
2.3 ระบบนำทางอัตโนมัติที่สร้างขึ้นโดยแอพที่ติดตั้ง
แอพที่ติดตั้งบางตัวเช่น Contact Form Plus และ Help Center จะสร้างการนำทาง
ในเมนูหลักของคุณโดยอัตโนมัติ
3.ลิสรายการสินค้าเด้งจากบนลงล่าง
3.1 ลิสรายการสินค้าเด้งจะหล่นลงมาโดยอัตโนมัติ(ขณะที่คลิกไปยังหัวข้อและจะเด้งลิสสินค้าอื่นๆที่ด้านล่าง )ใต้ตัวนำทางหลักเมื่อใดก็ตามที่มีตัวนำทางย่อย ใช้วิธีการลากแล้วปล่อยเพื่อสร้างเครื่องมือนำทางย่อยและเปลี่ยนลำดับการนำทาง
![](https://storage.crisp.chat/users/helpdesk/website/a8c6f3fae55a6800/08c9c5bb-2555-4294-8347-87362e_3ukw2y.gif)
3.2 คอลเลคชั่นย่อยที่มีอยู่ที่สร้างขึ้นในผู้ดูแลระบบ> สินค้าจะมีส่วนร่วมในรายการลากขึ้น
ลากลงด้านล่าง การนำทาง ประเภท ของคอลเลคชั่น
4.ปรับขนาดช่องว่างระหว่างแถบนำทาง
4.1 ไปที่ EasyStore แอดมิน > ร้านค้า > ธีม > แก้ไขแหล่งข้อมูล > assets/timber.scss > มองไปที่ .site-nav__link > แทนที่ $gutter /2 ด้วยขนาดขยายที่คุณต้องการ > บันทึก
![](https://storage.crisp.chat/users/helpdesk/website/25994ce2eb373800/2d47e8de-bd39-458c-a0fa-a1f723_nw7943.png)
เคล็ดลับ : 8px 15px 15px 15px หมายถึงขนาดการขยายของด้านบนขวาล่างซ้าย
![](https://storage.crisp.chat/users/helpdesk/website/ecb3b33d08b4c000/fe688f70-b9c3-49e8-9fef-39f542_1xsellf.png)
อัปเดตเมื่อ: 20/09/2022
ขอบคุณ!