แสดงชุดย่อยของคอลเลกชันบนหน้า
คุณสามารถแสดงชุดย่อยของคอลเลกชันในหน้าแบบกำหนดเองได้โดยแก้ไขโค้ดธีมของ คุณ บทแนะนำการใช้งานนี้จะแสดงวิธีสร้างเทมเพลตหน้าใหม่และกําหนดคอลเลกชันที่จะแสดงโดยใช้เมนู
ร้านค้า Shopify ทั้งหมดมีหน้ารายการคอลเลกชันที่ URL www.mystore.com/collections ซึ่งแสดงคอลเลกชันทั้งหมดในร้านค้า ทางเลือกอื่นนอกเหนือจากในบทแนะนำการใช้งานนี้คือ คุณสามารถแก้ไขหน้ารายการคอลเลกชันของคุณเพื่อแสดงเฉพาะคอลเลกชันของคุณได้
ในหน้านี้
สร้างเทมเพลตหน้าใหม่ของคุณ
- จากส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกปุ่ม "..." > "แก้ไขรหัส"
ในไดเรกทอรีเทมเพลต ให้คลิก “เพิ่มเทมเพลตใหม่”
สร้างเทมเพลตใหม่ให้หน้าที่มีชื่อว่า list-collections
- ลบโค้ดที่มีอยู่ในไฟล์
page.list-collectionsใหม่ของคุณ ค้นหาโค้ดธีมของคุณด้านล่างแล้วคัดลอกและวางโค้ดล งในไฟล์page.list-collections - คลิกที่ “บันทึก”
เลือกธีมของคุณ
โค้ดสำหรับการปรับแต่งนี้จะแตกต่างกันไปโดยขึ้นอยู่กับธีมของคุณ คลิกที่ปุ่มธีมของคุณก่อนคัดลอกและวางลงโค้ดในไฟล์ page.list-collections
สร้างหน้าซึ่งจะใช้แนะนำคอลเลกชันของคุณ
- จากส่วนผู้ดูแล Shopify ให้ไปที่ ร้านค้าออนไลน์ > เพจ
- คลิกเพิ่มหน้า
- ในเครื่องมือแก้ไขหน้า ให้ป้อนชื่อในกล่องข้อความที่ให้ไว้ โดยคุณต้องใช้ชื่อเดียวกันนี้กับเมนูที่คุณจะสร้างขึ้นในขั้นตอนต่อๆ ไป
กําหนดเทมเพลตใหม่ของคุณไปยังหน้าโดยเลือกรายการ-คอลเลกชันจากเมนูดรอปดาวน์เทมเพลตธีมในส่วนร้านค้าออนไลน์
คลิกที่ “บันทึก”
หมายเหตุ: แม้ว่าเพจใหม่ของคุณจะสามารถมองเห็นได้ แต่เพจดังกล่าวจะไม่ปรากฏขึ้นในการนำทางของร้านค้าออนไลน์โดยอัตโนมัติ คุณจำเป็นต้องเพิ่มลิงก์ไปยังเว็บเพจดังกล่าวในเมนู
สร้างเมนูที่ควบคุมว่าจะแสดงคอลเลกชันใด
- จากส่วนผู้ดูแล Shopify ให้ไปที่หน้าร้านค้าออนไลน์ > การนําทาง
- คลิกปุ่ม “เพิ่มเมนู”
- ตั้งชื่อเมนูให้เหมือนกับชื่อที่คุณตั้งให้กับหน้าซึ่งจะใช้แนะนำคอลเลกชันของคุณ ตัวอย่างเช่น หากหน้าที่คุณสร้างมีชื่อว่า
Living Roomให้ตั้งชื่อเมนูของคุณว่าLiving Room - เพิ่มลิงก์ไปยังเมนูของคุณสำหรับแต่ละคอลเลกชันที่คุณต้องการแนะนำโดยคลิกที่ “เพิ่มรายการเมนู” เลือกคอลเลกชันจากร้านค้าของคุณโดยคลิกที่ “คอลเลกชัน” ในเมนูดรอปดาวน์สำหรับกล่องข้อความลิงก์ ทำการลิงก์ไปยังคอลเลกชันของคุณด้วยวิธีนี้ แทนที่จะเพิ่ม URL ลงในกล่องข้อความ
- คลิกบันทึกเมนู