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