ส่วนและบล็อก

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

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

ส่วนบางส่วนจะมีขีดจํากัดเรื่องจํานวนบล็อกหรือขีดจํากัดจํานวนบล็อกบางประเภทที่คุณสามารถเพิ่มเข้าไปได้ตัวอย่างเช่นส่วนรูปภาพพร้อมข้อความจะแสดงเฉพาะบล็อกที่ผู้ออกแบบธีมระบุในธีมของคุณเท่านั้นใน黎明ซึ่งเป็นธีมฟรีของShopifyคุณจะสามารถเพิ่มบล็อกต่อไปนี้ได้เพียงหนึ่งบล็อกเท่านั้น

• หัวเรื่อง
• ย่อหน้า
• ปุ่ม

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

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

ปรับแต่งเทมเพลตธีมของคุณด้วยส่วนและบล็อก

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

เพิ่มส่วน

เพิ่มส่วนใหม่ไปยังหน้าใดก็ได้ในร้านค้าออนไลน์ของคุณ

ขั้นตอน:

1. เลือกเทมเพลตจากเมนูดรอปดาวน์
2. คลิก”+เพิ่มส่วนแล้วเลือกส่วนใหม่จากรายการหรือใช้แถบค้นหาเพื่อค้นหาด้วยคำค้น
3. คลิกที่ส่วนใหม่เพื่อแก้ไขบล็อกภายในส่วนนั้น
4. ไม่บังคับ:คลิกและลากไอคอน⋮⋮ซึ่งอยู่ถัดจากส่วนหนึ่งๆเพื่อจัดเรียงส่วนต่างๆในหน้าของคุณใหม่
5. คลิกที่”บันทึก”

แก้ไขส่วน

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

ลบส่วนหรือบล็อกออก

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

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

การจัดการกับบล็อก

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

ธีมของShopifyมีส่วนและบล็อกที่คุณสามารถปรับแต่งได้โดยส่วนบางส่วนจะมีประเภทของบล็อกที่กำหนดไว้ตายตัวซึ่งหมายความว่าคุณจะเลือกใช้ได้เฉพาะบล็อกต่างๆที่ผู้ออกแบบธีมกำหนดให้ใช้งานได้กับส่วนนั้นๆอย่างไรก็ตามคุณจะสามารถเลือกบล็อกใดๆจากส่วนอื่นๆได้แต่จะจํากัดจํานวนบล็อกทั้งหมดที่คุณสามารถเพิ่มลงในส่วนดังกล่าวแทนหากคุณใช้บล็อกในส่วนของคุณจนถึงจํานวนสูงสุดที่สามารถใช้ได้แล้วระบบจะแสดงข้อความว่าจำนวนบล็อกถึงขีดจำกัดแล้วและตัวเลือก“+เพิ่มบล็อก”จะกลายเป็นสีเทาจนกว่าจะลบบล็อกที่มีอยู่แล้วออก

เพิ่มบล็อก

1. จากเมนูดรอปดาวน์ให้เลือกเทมเพลตที่มีส่วนที่คุณต้องการแก้ไข
2. คลิกที่ส่วนเพื่อโหลดเนื้อหาเข้าไปยังหน้าต่างแสดงตัวอย่างและใช้งานตัวเลือกที่มีให้คุณ
3. คลิก”+เพิ่มบล็อกแล้วเลือกบล็อกใหม่หรือคลิกที่แถบค้นหาเพื่อป้อนคำค้น
4. คลิกที่”บันทึก”

การใช้เมตาฟิลด์และแหล่งที่มาแบบไดนามิก

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

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

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

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

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

• หากไอคอนการเชื่อมต่อแหล่งข้อมูลแบบไดนามิกแสดงอยู่ให้คลิกเลือกเมตาฟิลด์เดียว:

  

• หากไอคอนการเชื่อมต่อแหล่งข้อมูลแบบไดนามิกแสดงเครื่องหมาย+ให้คลิกเพื่อเพิ่มเมตาฟิลด์ทีละรายการโดยสามารถเลือกได้สูงสุด20รายการ:

  

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