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

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

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