ส่วนและบล็อก
คุณสามารถใช้ส่วนต่างๆ ในธีมของคุณเพื่อสร้างเลย์เอาต์ที่คุณต้องการสำหรับร้านค้าออนไลน์ของคุณได้ โดยส่วนต่างๆ ส่วนใหญ่จะทำมาจากบล็อกที่มีหน้าที่เฉพาะเจาะจง เช่น ข้อความ ปุ่ม รูปภาพเดี่ยว ชุดรูปภาพแบบตัดปะ หรือลิงก์ การใช้ส่วนและบล็อกต่างๆ ในเทมเพลตของคุณจะช่วยให้คุณสามารถจัดเรียงเนื้อหาได้อย่างยืดหยุ่น ซึ่งทำให้คุณสามารถควบคุมรูปแบบและการใช้งานของร้านค้าออนไลน์ได้โดยไม่ต้องแก้ไขโค้ด โดยแต่ละเทมเพลตมีส่วนได้มากสุด 25 ส่วน
ในแต่ละส่วนจะมีบล็อกที่มีฟังก์ชันเฉพาะหลากหลายแบบที่คุณสามารถเพิ่มไปยังส่วนนั้นๆ ได้ โดยคุณสามารถเพิ่มบล็อกได้สูงสุด 50 บล็อกต่อหนึ่งส่วน ทั้งนี้ส่วนและบล็อกที่พร้อมให้ใช้งานนั้นจะขึ้นอยู่กับธีมของคุณ หากต้องการข้อมูลเพิ่มเติมเกี่ยวกับตัวเลือกต่างๆ ที่พร้อมให้คุณใช้งาน ให้ดูที่เอกสารเกี่ยวกับธีมของคุณ
ส่วนบางส่วนจะมีขีดจํากัดเรื่องจํานวนบล็อก หรือขีดจํากัดจํานวนบล็อกบางประเภทที่คุณสามารถเพิ่มเข้าไปได้ ตัวอย่างเช่น ส่วนรูปภาพพร้อมข้อความจะแสด งเฉพาะบล็อกที่ผู้ออกแบบธีมระบุไว้สำหรับธีมของคุณเท่านั้น ใน Dawn ซึ่งเป็นธีมฟรีของ Shopify คุณจะสามารถเพิ่มบล็อกต่อไปนี้ได้เพียงหนึ่งบล็อกในส่วน รูปภาพพร้อมข้อความ:
- บล็อกหัวเรื่อง
- บล็อกข้อความ
- บล็อกปุ่ม
- บล็อกคำบรรยาย
คุณสามารถปรับแต่งส่วนรูปภาพพร้อมข้อความเพิ่มเติมด้วยตัวเลือกต่อไปนี้:
- เพิ่มรูปภาพและกำหนดขนาด
- เลือกรูปแบบภาพเคลื่อนไหวให้รูปภาพของคุณ
- เลือกการจัดตำแหน่งเนื้อหาของบล็อกของคุณ
- ตั้งค่ารูปแบบสีสำหรับส่วน
หากถึงขีดจำกัดจำนวนบล็อกที่คุณสามารถเพิ่มได้แล้ว ตัวเลือกเพิ่มบล็อกในตัวแก้ไขธีมจะกลายเป็นสีเทา และคุณจะคลิกหรือแตะไม่ได้ ตัวอย่างเช่น ในส่วนรูปภาพพร้อมข ้อความในธีม Dawn หากคุณได้เพิ่มบล็อกหัวเรื่อง บล็อกข้อความ บล็อกปุ่ม และบล็อกคำบรรยายแล้ว ข้อความเพิ่มบล็อก (4/4) จะแสดงเนื่องจากคุณได้เพิ่มบล็อกทั้ง 4 บล็อกที่มีอยู่ในส่วนรูปภาพพร้อมข้อความครบแล้ว
หากส่วนต่างๆ ที่คุณเพิ่มไปยังเลย์เอาต์ร้านค้าของคุณไม่มีการตั้งค่าหรือตัวเลือกที่คุณต้องการ คุณสามารถแก้ไขโค้ดธีมของคุณหรือติดต่อผู้พัฒนาธีมของคุณเพื่อรับความช่วยเหลือได้
ในหน้านี้
การปรับแต่งเทมเพลตธีมของคุณด้วยส่วนและบล็อก
เมื่อคุณเปิดตัวแก้ไขธีม หน้าแรกของร้านค้าคุณจะโหลดตามค่าเริ่มต้น โดยคุณสามารถใช้เมนูดรอปดาวน์เพื่อเลือกเทมเพลตอื่น เช่น สินค้า คอลเลกชัน หน้า หรือบล็อก หรือใช้แถบค้นหาในเมนูดรอปดาวน์เทมเพลตเพื่อค้นหาเทมเพลตที่เฉพาะเจาะจงได้ เมื่อคุณเลือกเทมเพลต เทมเพลตนั้นจะโหลดลงในตัวแก้ไขธีม และการเปลี่ย นแปลงใดๆ ที่คุณดำเนินการจะปรากฏเป็นตัวอย่างในตัวแก้ไข
เพิ่มส่วน
เพิ่มส่วนใหม่ไปยังหน้าใดก็ได้ในร้านค้าออนไลน์ของคุณ
ขั้นตอน:
แก้ไขส่วน
สร้างส่วนหรือบล็อกซ้ำ
ซ่อนหรือลบส่วนหรือบล็อก
การจัดการกับบล็อก
บล็อกเป็นโมดูลที่ปรับแต่งได้ซึ่งคุณสามารถใช้เพื่อเพิ่มเนื้อหาให้กับส่วนต่างๆ ในเทมเพลตของคุณ ซึ่งคุณสามารถใช้บล็อกเพื่อเพิ่มข้อความ รูปภาพ ลิงก์ ปุ่ม และอื่นๆ ได้
ธีมของ Shopify มีส่วนและบล็อกที่คุณสามารถปรับแต่งได้ โดยส่วนบางส่วนจะมีประเภทของบล็อกที่กำหนดไว้ตายตัว ซึ่งหมายความว่าคุณจะเลือกใช้ได้เฉพาะบล็อกต่างๆ ที่ผู้ออกแบบธี มกำหนดให้ใช้งานได้กับส่วนนั้นๆ เท่านั้น
อย่างไรก็ตาม คุณจะสามารถเลือกบล็อกใดๆ จากส่วนอื่นๆ ได้ แต่จะมีการจํากัดจํานวนบล็อกทั้งหมดที่คุณสามารถเพิ่มลงในส่วนดังกล่าวแทน หากจำนวนบล็อกที่คุณสามารถเพิ่มในส่วนของคุณจนได้ถึงขีดจำกัดแล้ว ตัวเลือก "เพิ่มบล็อก" จะกลายเป็นสีเทา และคุณจะคลิกหรือแตะไม่ได้
เพิ่มบล็อก
ใช้เมตาฟิลด์และเมตาอ็อบเจกต์กับแหล่งที่มาแบบไดนามิก
เมตาฟิลด์และเมตาอ็อบเจกต์ช่วยให้คุณสามารถแสดงข้อมูลแบบไดนามิกในร้านค้าออนไลน์ของคุณได้ หากคุณมีธีมที่รองรับเมตาฟิลด์ คุณจะสามารถเชื่อมต่อเมตาฟิลด์ไปยังส่วนหรือบล็อกในตัวแก้ไขธีมได้
ตัวอย่างเช่น ผู้ขายเทียนอาจต้องการแสดงเวลาการเผาไหม้ของเทียนแต่ละประเภท หลังจากตั้งค่าเมตาฟิลด์สำหรับเวลาเผาไหม้ ผู้ขายสามารถเพิ่มบล็อกสำหรับเวลาเผาไหม้ไปยังเทมเพลตสินค้าของตนจากนั้นจึงเชื่อมต่อกับเมตาฟิลด์สินค้า หลังจากตั้งค่าเมตาฟิลด์ต่างๆ ที่แสดงเวลาการเผาไหม้แล้ว ผู้ขายสามารถเพิ่มบล็อกไปยังเทมเพลตคอลเลกชันของพวกเขาแล้วเชื่อมต่อกับเมตาฟิลด์คอลเลกชันได้
คุณสามารถแสดงข้อมูลแบบไดนามิกในร้านค้าออนไลน์ของคุณได้โดยการเพิ่มส่วนหรือบล็อกต่างๆ ที่สามารถใช้แหล่งที่มาแบบไดนามิกได้ แหล่งที่มาแบบไดนามิกสามารถใช้ได้ในเทมเพลต ส่วน หรือบล็อกที่แสดงแหล่งข้อมูลที่เข้ากันได้ (สินค้า คอลเลกชัน หน้า บล็อก และบล็อกโพสต์) ทั้งนี้คุณจะต้องเพิ่มเมตาฟิลด์ของคุณก่อน จึงจะสามารถเชื่อมต่อเมตาฟิลด์ดังกล่าวในเทมเพลตได้ หากต้องการข้อมูลเพิ่มเติมเกี่ยวกับการใช้เมตาฟิลด์และเมตาอ็อบเจกต์กับแหล่งที่มาแบบไดนามิกในธีมของคุณ โปรดดูที่แหล่งที่มาแบบไดนามิก
หลังจากที่คุณดำเนินการตั้งค่าเสร็จสิ้นแล้ว ให้ดำเนินการตามขั้นตอนต่อไปนี้เพื่อเชื่อมต่อแหล่งที่มาแบบไดนามิกเข้ากับส่วนหรือบล็อกในธีมของคุณ โดยใช้ปุ่ม "เชื่อมต่อแหล่งที่มาแบบไดนามิก"
ขั้นตอน:
ตัวเลือกแหล่งที่มาแบบไดนามิก
คุณสามารถใช้ตัวเลือกแหล่งที่มาแบบไดนามิกเพื่อเชื่อมต่อแหล่งที่มาแบบไดนามิกที่ถูกต้องโดยตรงในตัวแก้ไขธีม ตรวจสอบฟีเจอร์หลักต่อไปนี้ของตัวเลือกแหล่งที่มาแบบไดนามิก:
- คุณสามารถอ้างอิงแหล่งที่มาแบบไดนามิกจากแหล่งข้อมูลต่างๆ ได้ตามความเกี่ยวข้อง ตัวอย่างเช่น หากคุณจะเชื่อมต่อการตั้งค่าไปยังบล็อกที่เชื่อมต่อกับทั้งแหล่งข้อมูลสินค้าและแหล่งข้อมูลของหน้า คุณจะสามารถใช้เมนูดรอปดาวน์ในตัวเลือกแหล่งที่มาแบบไดนามิกเพื่อระบุว่าคุณต้องการค้นหาเมตาฟิลด์เกี่ยวข้องกับสินค้าหรือแหล่งข้อมูลของหน้าหรือไม่
- ตัวเลือกแหล่งที่มาแบบไดนามิกมีฟังก์ชันการค้นหาและตัวกรองที่ช่วยให้คุณค้นหาเมตาฟิลด์ที่คุณต้องก าร
- ตัวเลือกแหล่งที่มาแบบไดนามิกช่วยให้คุณสามารถเลือกเมตาฟิลด์หมวดหมู่ได้ คุณสมบัติเหล่านี้เป็นลักษณะเพิ่มเติมที่พร้อมให้ใช้งานเมื่อคุณมอบหมายหมวดหมู่สินค้าให้กับสินค้า การเข้าถึงเมตาฟิลด์เหล่านี้ช่วยให้คุณสามารถเชื่อมต่อแหล่งที่มาแบบไดนามิกไปยังช่องที่เกี่ยวข้องใดๆ บนเมตาอ็อบเจกต์แอตทริบิวต์ที่เกี่ยวข้องได้