> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

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

![](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 แอดมิน](https://admin.easystore.co/) > ร้านค้า > ธีม > แก้ไขแหล่งข้อมูล > **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)