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