เปลี่ยนลำดับคอลเลกชันของคุณ

หน้ารายการคอลเลกชันของร้านค้าจะอยู่ที่ URL your-store.com/collections ซึ่งจะแสดงคอลเลกชันทั้งหมดของคุณโดยเรียงตามตัวอักษร การปรับแต่งนี้จะแสดงวิธีกำหนดว่าจะรวมคอลเลกชันใดไว้บ้าง รวมถึงวิธีเปลี่ยนลำดับของคอลเลกชันเหล่านั้นในหน้าดังกล่าว

หน้ารายการคอลเลกชัน

ตรวจสอบการตั้งค่าธีมของคุณ

ธีมฟรีของ Shopify เวอร์ชันปัจจุบันทั้งหมดมีการตั้งค่าที่ช่วยให้คุณสามารถเปลี่ยนแปลงเลย์เอาต์ของหน้ารายการคอลเลกชันของคุณได้จากตัวแก้ไขธีม

ขั้นตอน:

  1. จากเมนูดรอปดาวน์ที่ด้านบนของหน้า หรือจากเมนูเทมเพลตบนมือถือ ให้เลือกรายการคอลเลกชัน

  2. คลิกที่ "หน้ารายการคอลเลกชัน" เพื่อดูและเปลี่ยนแปลงการตั้งค่า

  3. คลิกที่บันทึก

หากธีมของคุณไม่มีการตั้งค่าเพื่อปรับแต่งหน้ารายการคอลเลกชัน คุณจำเป็นต้องสร้างเมนูและแก้ไขโค้ดธีมของคุณ

สร้างเมนูเพื่อควบคุมหน้ารายการคอลเลกชันของคุณ

คุณสามารถสร้างเมนูเพื่อระบุคอลเลกชันที่คุณต้องการรวมไว้ในหน้ารายการคอลเลกชันของคุณ

ขั้นตอน:

  1. คลิกเพิ่มเมนู

  2. ตั้งชื่อให้เมนูของคุณ All collections สิ่งสำคัญคือคุณจะต้องไม่เปลี่ยนชื่อเมนูนี้ เนื่องจากธีมของคุณจะต้องใช้ชื่อนี้เพื่อกำหนดว่าคอลเลกชันใดจะแสดงในหน้ารายการคอลเลกชัน และเรียงลำดับตามอะไร ชื่อเมนูจะไม่ปรากฏในร้านค้าออนไลน์ของคุณ

  3. คลิก "เพิ่มรายการเมนู"

  4. ในหน้าต่างเพิ่มรายการเมนู ให้ป้อนชื่อของคอลเลกชันที่คุณต้องการให้แสดงบนหน้ารายการคอลเลกชัน คลิกที่ช่อง "ลิงก์" แล้วเลือก "คอลเลกชัน" จากนั้นคลิกที่ชื่อของคอลเลกชัน

    หากต้องการย้ายรายการเมนูไปยังตําแหน่งใหม่ ให้คลิกและลากจุดทางด้านซ้ายของรายการเมนู

  5. คลิกที่บันทึก

หากต้องการใช้ธีมบางรายการ เช่น Supply คุณเพียงต้องสร้างเมนู All collections หากต้องการตรวจสอบว่ามีการเปลี่ยนแปลงหรือไม่ ให้ไปที่หน้ารายการคอลเลกชันของคุณ (your-store.com/collections) ในร้านค้าออนไลน์ของคุณ หากคุณไม่เห็นการเปลี่ยนแปลงใดๆ คุณจำเป็นต้องแก้ไขโค้ดธีมของคุณ

ปรับแต่งเทมเพลต list-collections.liquid ของคุณ

คุณสามารถแก้ไขโค้ดของหน้ารายการคอลเลกชันเพื่อให้หน้านั้นแสดงเฉพาะคอลเลกชันที่คุณได้รวมไว้ในเมนู All collections

ขั้นตอน:

  1. ในไดเรกทอรีส่วน ให้คลิกที่ "list-collections-template.liquid"

  2. ค้นหาแต่ละโค้ดที่ปรากฏต่อไปนี้:

{% for collection in collections %}

บางธีมมีโค้ดต่อไปนี้แทน:

{% for collection in list_collections %}

แทนที่แต่ละโค้ดที่ปรากฏด้านบนด้วย:

{% for link in linklists.all-collections.links %}
{% assign collection = link.object %}
  1. คลิกที่บันทึก

พร้อมเริ่มต้นการขายด้วย Shopify แล้วหรือยัง

ทดลองใช้งานฟรี