ข้ามไปยังเนื้อหา
ช่วยเหลือ
ส่วนและบล็อกของตัวสร้างหน้าร้าน

จะปรับแต่งตารางสินค้าในหน้าคอลเลกชัน (สินค้าในคอลเลกชัน) ได้อย่างไร

ปรับแต่งหน้าคอลเลกชัน: ตารางสินค้าในคอลเลกชัน จำนวนคอลัมน์ คอลัมน์บนมือถือ ระยะห่าง การ์ดสินค้า หัวข้อที่ใช้ {{collection_name}} {{collection_description}} และ {{products_count}} คอลเลกชันย่อย ลำดับสินค้า และปุ่มแสดงเพิ่มเติม

อ่าน 3 นาที

หน้าคอลเลกชัน จะเปิดเมื่อผู้ซื้อคลิกคอลเลกชัน ส่วนหลักของหน้านี้คือ สินค้าในคอลเลกชัน ซึ่งแสดงสินค้าในคอลเลกชันนั้นเป็นตารางการ์ด และเป็นส่วนที่จำเป็นในหน้านี้

หาได้ที่ไหน

  1. เปิดตัวสร้างร้านค้า แล้วเลือก หน้าคอลเลกชัน ในแท็บ หน้า
  2. เลือกคอลเลกชันที่จะดูตัวอย่าง การเลือกนี้เปลี่ยนแค่หน้าตัวอย่าง: ดีไซน์เดียวใช้กับทุกคอลเลกชันของคุณ
  3. คลิก สินค้าในคอลเลกชัน

การตั้งค่าส่วน

  • ความกว้างของส่วน: หน้า หรือเต็ม
  • คอลัมน์: 1 ถึง 8 การ์ดต่อแถวบนเดสก์ท็อป
  • คอลัมน์บนมือถือ: 1 หรือ 2 การ์ดต่อแถวบนโทรศัพท์
  • ชุดสีระยะห่าง ระหว่างการ์ด ระยะขอบใน และ CSS ที่กำหนดเอง

บล็อก

  • การ์ดสินค้า: หน้าตาของสินค้าแต่ละชิ้น บล็อกนี้จำเป็น และใส่ในกลุ่มไม่ได้ ดู การ์ดสินค้าและการ์ดคอลเลกชัน
  • ข้อความ (สูงสุด 2) เส้นคั่น (1) และ กลุ่ม (1): วางไว้เหนือหรือใต้ตารางสินค้า

แสดงชื่อและคำอธิบายของคอลเลกชัน

เนื่องจากดีไซน์เดียวใช้กับทุกคอลเลกชัน บล็อกข้อความในส่วนนี้จึงแสดงค่าสดได้ พิมพ์ค่าเหล่านี้ลงในข้อความ:

  • {{collection_name}}: ชื่อของคอลเลกชันที่กำลังดูอยู่
  • {{collection_description}}: คำอธิบายของคอลเลกชัน
  • {{products_count}}: จำนวนสินค้าในคอลเลกชัน

หน้าคอลเลกชันใหม่จะเริ่มด้วยหัวข้อที่แสดง {{collection_name}} ตัวอย่างเช่น เขียนว่า "{{collection_name}}: สินค้า {{products_count}} ชิ้น" ชื่อและคำอธิบายมาจากตัวคอลเลกชันเอง ดู จะจัดสินค้าเป็นคอลเลกชันได้อย่างไร

สินค้าเรียงอย่างไร

  • สินค้าใหม่ล่าสุดในคอลเลกชันจะขึ้นก่อน
  • สินค้าชุดแรกโหลดมาพร้อมหน้า และปุ่ม แสดงเพิ่มเติม ใต้ตารางจะโหลดชุดถัดไป
  • สินค้าที่ซ่อนไว้จะไม่แสดง

งานที่ทำบ่อย

  • แสดงคำอธิบายใต้หัวข้อ: เพิ่มบล็อกข้อความที่สองที่มี {{collection_description}} แล้วลากไปไว้ใต้หัวข้อ
  • การ์ดใหญ่ขึ้นบนเดสก์ท็อป: ลด คอลัมน์ เช่น จาก 4 เป็น 3

ส่วนอื่นสำหรับหน้านี้

เพิ่ม คอลเลกชันย่อย เพื่อแสดงคอลเลกชันลูกของคอลเลกชันที่กำลังดู เช่น "เสื้อเชิ้ต" และ "กางเกง" ภายใน "ผู้ชาย" ดู ส่วนคอลเลกชันย่อย คุณยังเพิ่มส่วนใดก็ได้ที่ใช้ได้ทุกหน้า เช่น แบนเนอร์รูปภาพหรือคำถามที่พบบ่อย

หน้าที่แสดงคอลเลกชันทั้งหมดของคุณที่ example.com/collections เป็นอีกหน้าหนึ่ง คือ หน้ารวมคอลเลกชัน ดู หน้าใดของร้านค้าบ้างที่แก้ไขได้ในตัวสร้างร้านค้า

การแก้ปัญหา

  • ตัวแปรแสดงเป็นข้อความธรรมดา: ตรวจการสะกดและวงเล็บปีกกาคู่ ตัวแปรใช้ได้เฉพาะในบล็อกข้อความของส่วนนี้
  • สินค้าหายไป: ตรวจว่าสินค้าเผยแพร่แล้ว ไม่ได้ถูกซ่อน และอยู่ในคอลเลกชันนั้น
  • ทุกคอลเลกชันแสดงหัวข้อเดียวกัน: คุณพิมพ์ชื่อลงในหัวข้อโดยตรง ให้แทนที่ด้วย {{collection_name}}

ยังต้องการความช่วยเหลือ?

เขียนถึงเราแล้วเราจะตอบกลับคุณ

ติดต่อเรา