การแสดงเมตาอ็อบเจกต์บนร้านค้าออนไลน์ของคุณ

หากคุณมีธีม Online Store 2.0 คุณจะสามารถเชื่อมต่อเมตาอ็อบเจกต์ส่วนใหญ่เข้ากับธีมของคุณได้โดยการใช้แหล่งข้อมูลแบบไดนามิกในตัวแก้ไขธีม หากคุณใช้ธีมวินเทจอยู่หรือต้องการเพิ่มประเภทเมตาฟิลด์ที่ธีมของคุณไม่รองรับ คุณสามารถแก้ไขโค้ดธีมของคุณหรือว่าจ้าง Shopify Partner ให้ช่วยเหลือคุณได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับการจ้าง Shopify Partner

คุณต้องตรวจสอบให้แน่ใจว่าเมตาอ็อบเจกต์มีสิทธิ์เข้าถึง Storefronts ดูข้อมูลเพิ่มเติมเกี่ยวกับตัวเลือกการเข้าถึง

เชื่อมต่อเมตาอ็อบเจกต์กับธีมของคุณโดยใช้ตัวแก้ไขธีม

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

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

หลังจากที่คุณเพิ่มส่วนที่มีบล็อกหรือบล็อกแล้ว คุณสามารถเชื่อมต่อกับการอ้างอิงเมตาอ็อบเจกต์ได้โดยคลิกที่ไอคอน “แหล่งที่มาแบบไดนามิก” ซึ่งอยู่ถัดจากชื่อบล็อก:

เชื่อมต่อไอคอนแหล่งที่มาแบบไดนามิก

ขั้นตอน:

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

บล็อกจะแม็ปช่องเมตาอ็อบเจกต์ไปยังการตั้งค่าของบล็อกโดยอัตโนมัติ ในกรณีที่ช่องแม็ปอย่างไม่เหมาะสม ให้ใช้ไอคอน “เชื่อมต่อแหล่งที่มาแบบไดนามิก” ที่การตั้งค่าของแต่ละบล็อกเพื่อเปลี่ยน

ดูข้อมูลเพิ่มเติมเกี่ยวกับความเข้ากันได้ระหว่างช่องและการตั้งค่า

นอกจากนี้คุณยังสามารถใช้เมตาอ็อบเจกต์เพื่อสร้างและเผยแพร่แลนดิ้งเพจได้

ขีดจํากัดบล็อกที่ทําซ้ำ

เมื่อเพิ่มเมตาอ็อบเจกต์ผ่านแหล่งที่มาแบบไดนามิก คุณอาจถูกจํากัดจํานวนบล็อกที่คุณสามารถเพิ่มได้ ซึ่งขึ้นอยู่กับจํานวนของเอนทรีในเมตาอ็อบเจกต์ที่เชื่อมต่อกับแหล่งที่มานั้น ตัวอย่างเช่น ส่วนหลายแถวมีขีดจํากัดที่ 50 แถว หากคุณมีสินค้าไฮไลท์ 20 รายการและเชื่อมต่อสินค้าดังกล่าวในส่วนหลายแถว คุณก็สามารถเพิ่มแถวไปยังส่วนดังกล่าวได้อีก 30 แถว แต่หากคุณมีสินค้าไฮไลท์ 60 รายการ ส่วนหลายแถวจะแสดงเฉพาะสินค้าไฮไลท์ 50 รายการแรกเท่านั้น

ส่วนนี้มีขีดจํากัดดังต่อไปนี้โดยขึ้นอยู่กับขีดจำกัดของบล็อกหรือส่วน:

  • หากประเภทบล็อกมีขีดจํากัด จํานวนบล็อกสูงสุดที่สามารถทําซ้ำได้จะเท่ากับขีดจํากัดของประเภทบล็อกลบด้วยจำนวนบล็อกประเภทเดียวกันที่เพิ่มด้วยตนเอง
  • หากส่วนมีขีดจํากัด จํานวนบล็อกสูงสุดที่สามารถทําซ้ำได้จะเท่ากับขีดจํากัดของส่วนลบด้วยจำนวนบล็อกที่เพิ่มด้วยตนเอง
  • หากส่วนนั้นไม่มีขีดจํากัด จํานวนบล็อกสูงสุดที่สามารถทําซ้ำได้จะเท่ากับ 50 ลบด้วยจำนวนบล็อกที่เพิ่มด้วยตนเอง

เมื่อคุณถึงขีดจํากัดแล้วและพยายามเพิ่มแถวหรือบล็อกอื่น ขีดจํากัดจะแสดงถัดจากเพิ่มแถวหรือเพิ่มบล็อก และปุ่ม “เพิ่ม” จะแสดงเป็นสีเทาเพื่อบ่งชี้ว่าถึงขีดจํากัดแล้ว

เมื่อถึงขีดจํากัดสูงสุดแล้ว

เมื่อคุณถึงขีดจํากัดแล้ว ระบบจะไม่แสดงเอนทรีเพิ่มเติม คุณสามารถลองทำตามวิธีต่อไปนี้เพื่อแสดงเอนทรีทั้งหมดของคุณได้:

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

แก้ไขรายการเมตาอ็อบเจกต์ในเครื่องมือแก้ไขร้านค้าออนไลน์

คุณสามารถแก้ไขเมตาอ็อบเจกต์ได้โดยตรงจากเครื่องมือแก้ไขร้านค้าออนไลน์ เมื่อทำงานกับเทมเพลตเมตาอ็อบเจกต์

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

  1. คลิกที่ชื่อรายการแล้ว จากนั้นคลิก แก้ไขค่า
    Metaobject entry link
  2. คลิกที่ เปลี่ยนแปลง เมื่อใช้งานร่วมกับฟิลด์ที่เชื่อมต่อแล้วในการตั้งค่าธีม
    Metaobject entry link from field

การแก้ไขโค้ดธีมของคุณเพื่อเพิ่มเมตาอ็อบเจกต์

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

หากคุณต้องการแก้ไขโค้ดธีมของคุณให้แสดงเมตาอ็อบเจกต์ในร้านค้าออนไลน์ คุณก็สามารถใช้ Liquid เพื่ออ้างอิงเมตาฟิลด์ในเทมเพลตหน้าของคุณได้

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

ดูข้อมูลเพิ่มเติมเกี่ยวกับการจ้าง Shopify Partner

นอกจากนี้คุณยังสามารถใช้เมตาอ็อบเจกต์โดยอาศัย Custom Storefronts และ Hydrogen

ดูข้อมูลเพิ่มเติมเกี่ยวกับข้อมูลแบบกำหนดเองสำหรับผู้พัฒนา

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

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