เปลี่ยนลำดับคอลเลกชันของคุณ
หน้ารายการคอลเลกชันของร้านค้าจะอยู่ที่ URL your-store.com/collections
ซึ่งจะแสดงคอลเลกชันทั้งหมดของคุณโดยเรียงตามตัวอักษร การปรับแต่งนี้จะแสดงวิธีกำหนดว่าจะรวมคอลเลกชันใดไว้บ้าง รวมถึงวิธีเปลี่ยนลำดับของคอลเลกชันเหล่านั้นในหน้าดังกล่าว
ในหน้านี้
ตรวจสอบการตั้งค่าธีมของคุณ
ธีมฟรีของ Shopify เวอร์ชันปัจจุบันทั้งหมดมีการตั้งค่าที่ช่วยให้คุณสามารถเปลี่ยนแปลงเลย์เอาต์ของหน้ารายการคอลเลกชันของคุณได้จากตัวแก้ไขธีม
ขั้นตอน:
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกที่ “ปรับแต่ง”
- จากเมนูดรอปดาวน์ที่ด้านบนของหน้า หรือจากเมนูเทมเพลตบนมือถือ ให้เลือกรายการคอลเลกชัน
- คลิกที่ “หน้ารายการคอลเลกชัน” เพื่อดูและเปลี่ยนแปลงการตั้งค่า
- คลิกที่ “บันทึก”
- จากแอป Shopify ให้แตะที่ปุ่ม …
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีมทั้งหมด
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
- แตะที่แก้ไข
- จากเมนูดรอปดาวน์ที่ด้านบนของหน้า หรือจากเมนูเทมเพลตบนมือถือ ให้เลือกรายการคอลเลกชัน
- คลิกที่ “หน้ารายการคอลเลกชัน” เพื่อดูและเปลี่ยนแปลงการตั้งค่า
- คลิกที่ “บันทึก”
- จากแอป Shopify ให้แตะที่ปุ่ม …
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีมทั้งหมด
- ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะที่ “ปรับแต่ง”
- แตะที่แก้ไข
- จากเมนูดรอปดาวน์ที่ด้านบนของหน้า หรือจากเมนูเทมเพลตบนมือถือ ให้เลือกรายการคอลเลกชัน
- คลิกที่ “หน้ารายการคอลเลกชัน” เพื่อดูและเปลี่ยนแปลงการตั้งค่า
- คลิกที่ “บันทึก”
หากธีมของคุณไม่มีการตั้งค่าเพื่อปรับแต่งหน้ารายการคอลเลกชัน คุณจำเป็นต้องสร้างเมนูและแก้ไขโค้ดธีมของคุณ
สร้างเมนูเพื่อควบคุมหน้ารายการคอลเลกชันของคุณ
คุณสามารถสร้างเมนูเพื่อระบุคอลเลกชันที่คุณต้องการรวมไว้ในหน้ารายการคอลเลกชันของคุณ
ขั้นตอน:
- จากส่วนผู้ดูแล Shopify ให้ไปที่ ร้านค้าออนไลน์ > การนำทาง
- คลิกเพิ่มเมนู
- ตั้งชื่อให้เมนูของคุณ
All collections
สิ่งสำคัญคือคุณจะต้องไม่เปลี่ยนชื่อเมนูนี้ เนื่องจากธีมของคุณจะต้องใช้ชื่อนี้เพื่อกำหนดว่าคอลเลกชันใดจะแสดงในหน้ารายการคอลเลกชัน และเรียงลำดับตามอะไร ชื่อเมนูจะไม่ปรากฏในร้านค้าออนไลน์ของคุณ - คลิก “เพิ่มรายการเมนู”
- ในหน้าต่างเพิ่มรายการเมนู ให้ป้อนชื่อคอลเลกชันที่คุณต้องการให้แสดงบนหน้ารายการคอลเลกชันคลิกที่ช่องลิงก์ แล้วเลือกคอลเลกชัน จากนั้นคลิกที่ชื่อของคอลเลกชัน หากต้องการย้ายรายการเมนูไปยังตําแหน่งใหม่ ให้คลิกและลากจุดทางด้านซ้ายของรายการเมนู
- คลิกที่ “บันทึก”
- จากแอป Shopify ให้แตะที่ปุ่ม …
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะการนำทาง
- คลิกเพิ่มเมนู
- ตั้งชื่อให้เมนูของคุณ
All collections
สิ่งสำคัญคือคุณจะต้องไม่เปลี่ยนชื่อเมนูนี้ เนื่องจากธีมของคุณจะต้องใช้ชื่อนี้เพื่อกำหนดว่าคอลเลกชันใดจะแสดงในหน้ารายการคอลเลกชัน และเรียงลำดับตามอะไร ชื่อเมนูจะไม่ปรากฏในร้านค้าออนไลน์ของคุณ - คลิก “เพิ่มรายการเมนู”
- ในหน้าต่างเพิ่มรายการเมนู ให้ป้อนชื่อคอลเลกชันที่คุณต้องการให้แสดงบนหน้ารายการคอลเลกชันคลิกที่ช่องลิงก์ แล้วเลือกคอลเลกชัน จากนั้นคลิกที่ชื่อของคอลเลกชัน หากต้องการย้ายรายการเมนูไปยังตําแหน่งใหม่ ให้คลิกและลากจุดทางด้านซ้ายของรายการเมนู
- คลิกที่ “บันทึก”
- จากแอป Shopify ให้แตะที่ปุ่ม …
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะการนำทาง
- คลิกเพิ่มเมนู
- ตั้งชื่อให้เมนูของคุณ
All collections
สิ่งสำคัญคือคุณจะต้องไม่เปลี่ยนชื่อเมนูนี้ เนื่องจากธีมของคุณจะต้องใช้ชื่อนี้เพื่อกำหนดว่าคอลเลกชันใดจะแสดงในหน้ารายการคอลเลกชัน และเรียงลำดับตามอะไร ชื่อเมนูจะไม่ปรากฏในร้านค้าออนไลน์ของคุณ - คลิก “เพิ่มรายการเมนู”
- ในหน้าต่างเพิ่มรายการเมนู ให้ป้อนชื่อคอลเลกชันที่คุณต้องการให้แสดงบนหน้ารายการคอลเลกชันคลิกที่ช่องลิงก์ แล้วเลือกคอลเลกชัน จากนั้นคลิกที่ชื่อของคอลเลกชัน หากต้องการย้ายรายการเมนูไปยังตําแหน่งใหม่ ให้คลิกและลากจุดทางด้านซ้ายของรายการเมนู
- คลิกที่ “บันทึก”
หากต้องการใช้ธีมบางรายการ เช่น Supply คุณเพียงต้องสร้างเมนู All collections
หากต้องการตรวจสอบว่ามีการเปลี่ยนแปลงหรือไม่ ให้ไปที่หน้ารายการคอลเลกชันของคุณ (your-store.com/collections
) ในร้านค้าออนไลน์ของคุณ หากคุณไม่เห็นการเปลี่ยนแปลงใดๆ คุณจำเป็นต้องแก้ไขโค้ดธีมของคุณ
ปรับแต่งเทมเพลต list-collections.liquid ของคุณ
คุณสามารถแก้ไขโค้ดของหน้ารายการคอลเลกชันเพื่อให้หน้านั้นแสดงเฉพาะคอลเลกชันที่คุณได้รวมไว้ในเมนู All collections
ขั้นตอน:
- ในส่วนผู้ดูแล Shopify ให้ไปที่ร้านค้าออนไลน์ > ธีม
- ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
- ในไดเรกทอรีส่วน ให้คลิกที่ “list-collections-template.liquid”
- ค้นหาแต่ละโค้ดที่ปรากฏต่อไปนี้:
บางธีมมีโค้ดต่อไปนี้แทน:
แทนที่แต่ละโค้ดที่ปรากฏด้านบนด้วย:
- คลิกที่ “บันทึก”
- จากแอป Shopify ให้แตะที่ปุ่ม …
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีม
- ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
- ในไดเรกทอรีส่วน ให้คลิกที่ “list-collections-template.liquid”
- ค้นหาแต่ละโค้ดที่ปรากฏต่อไปนี้:
บางธีมมีโค้ดต่อไปนี้แทน:
แทนที่แต่ละโค้ดที่ปรากฏด้านบนด้วย:
- คลิกที่ “บันทึก”
- จากแอป Shopify ให้แตะที่ปุ่ม …
- ในส่วนช่องทางการขาย ให้แตะที่ร้านค้าออนไลน์
- แตะจัดการธีม
- ค้นหาธีมที่คุณต้องการแก้ไข แล้วคลิกปุ่ม … เพื่อเปิดเมนูดำเนินการ จากนั้นคลิก แก้ไขโค้ด
- ในไดเรกทอรีส่วน ให้คลิกที่ “list-collections-template.liquid”
- ค้นหาแต่ละโค้ดที่ปรากฏต่อไปนี้:
บางธีมมีโค้ดต่อไปนี้แทน:
แทนที่แต่ละโค้ดที่ปรากฏด้านบนด้วย:
- คลิกที่ “บันทึก”