แสดงชุดย่อยของคอลเลกชันบนหน้า

คุณสามารถแสดงชุดย่อยของคอลเลกชันในหน้าแบบกำหนดเองได้โดยแก้ไขโค้ดธีมของคุณ บทแนะนำการใช้งานนี้จะแสดงวิธีสร้างเทมเพลตหน้าใหม่และกําหนดคอลเลกชันที่จะแสดงโดยใช้เมนู

ตัวอย่างชุดย่อยของคอลเลกชัน

ร้านค้า Shopify ทั้งหมดมีหน้ารายการคอลเลกชันที่ URL www.mystore.com/collections ซึ่งแสดงคอลเลกชันทั้งหมดในร้านค้า ทางเลือกอื่นนอกเหนือจากในบทแนะนำการใช้งานนี้คือ คุณสามารถแก้ไขหน้ารายการคอลเลกชันของคุณเพื่อแสดงเฉพาะคอลเลกชั่นของคุณได้

สร้างเทมเพลตหน้าใหม่ของคุณ

  1. จากส่วน Shopify admin ให้ไปที่ร้านค้าออนไลน์ > ธีม
  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกการดำเนินการ > แก้ไขโค้ด
  3. ในไดเรกทอรีเทมเพลต ให้คลิก “เพิ่มเทมเพลตใหม่

  4. สร้างเทมเพลตใหม่ให้หน้าที่มีชื่อว่า list-collections

  1. ลบโค้ดที่มีอยู่ในไฟล์ page.list-collections ใหม่ของคุณ ค้นหาโค้ดธีมของคุณด้านล่างแล้วคัดลอกและวางโค้ดลงในไฟล์ page.list-collections
  2. คลิกที่ “บันทึก

เลือกธีมของคุณ

โค้ดสำหรับการปรับแต่งนี้จะแตกต่างกันไปโดยขึ้นอยู่กับธีมของคุณ คลิกที่ปุ่มธีมของคุณก่อนคัดลอกและวางลงโค้ดในไฟล์ page.list-collections

สร้างหน้าซึ่งจะใช้แนะนำคอลเลกชันของคุณ

  1. จากส่วน Shopify admin ให้ไปที่ ร้านค้าออนไลน์ > เพจ
  2. คลิกเพิ่มหน้า
  3. ในเครื่องมือแก้ไขหน้า ให้ป้อนชื่อในกล่องข้อความที่ให้ไว้ โดยคุณต้องใช้ชื่อเดียวกันนี้กับเมนูที่คุณจะสร้างขึ้นในขั้นตอนต่อๆ ไป
  4. กําหนดเทมเพลตใหม่ของคุณไปยังหน้าโดยเลือกรายการ-คอลเลกชันจากเมนูดรอปดาวน์เทมเพลตธีมในส่วนร้านค้าออนไลน์

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

หมายเหตุ: แม้ว่าเพจใหม่ของคุณจะสามารถมองเห็นได้ แต่เพจดังกล่าวจะไม่ปรากฏขึ้นในการนำทางของร้านค้าออนไลน์โดยอัตโนมัติ คุณจำเป็นต้องเพิ่มลิงก์ไปยังเว็บเพจดังกล่าวในเมนู

สร้างเมนูที่ควบคุมว่าจะแสดงคอลเลกชันใด

  1. จากส่วน Shopify admin ให้ไปที่หน้าร้านค้าออนไลน์ > การนําทาง
  2. คลิกปุ่ม “เพิ่มเมนู
  3. ตั้งชื่อเมนูให้เหมือนกับชื่อที่คุณตั้งให้กับหน้าซึ่งจะใช้แนะนำคอลเลกชันของคุณ ตัวอย่างเช่น หากหน้าที่คุณสร้างมีชื่อว่า Living Room ให้ตั้งชื่อเมนูของคุณว่า Living Room
  4. เพิ่มลิงก์ไปยังเมนูของคุณสำหรับแต่ละคอลเลกชันที่คุณต้องการแนะนำโดยคลิกที่ “เพิ่มรายการเมนู” เลือกคอลเลกชันจากร้านค้าของคุณโดยคลิกที่ “คอลเลกชัน” ในเมนูดรอปดาวน์สำหรับกล่องข้อความลิงก์ ทำการลิงก์ไปยังคอลเลกชันของคุณด้วยวิธีนี้ แทนที่จะเพิ่ม URL ลงในกล่องข้อความ
  5. คลิกบันทึกเมนู

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

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