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

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

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

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

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

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

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

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

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

เพิ่มส่วน

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

ขั้นตอน:

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

แก้ไขส่วน

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

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

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

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

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

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

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

เพิ่มบล็อก

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

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

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

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

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

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

  1. จากเมนูดรอปดาวน์ ให้เลือกเทมเพลตที่มีส่วนที่คุณต้องการแก้ไข 4. คลิกส่วนที่มีอยู่เพื่อโหลดเนื้อหาไปยังหน้าต่างแสดงตัวอย่างและเข้าถึงตัวเลือกที่พร้อมให้คุณใช้งาน หรือคลิก "+ เพิ่มส่วน" 5. คลิก "+ เพิ่มบล็อก" จากนั้นเชื่อมต่อแหล่งข้อมูลแบบไดนามิก: * หากไอคอนแหล่งข้อมูลแบบไดนามิกปรากฏอยู่ ให้คลิกเพื่อเลือกเมตาฟิลด์รายการเดียว:
    เชื่อมต่อแหล่งข้อมูลแบบไดนามิก
    * หากไอคอนแหล่งข้อมูลแบบไดนามิกที่มีการเชื่อมต่อปรากฏสัญลักษณ์ + ให้คลิกเพื่อเลือกเมตาฟิลด์สูงสุด 20 รายการ โดยให้เพิ่มเมตาฟิลด์ครั้งละหนึ่งรายการ:
    แทรกไอคอนแหล่งที่มาแบบไดนามิก
    6. คลิก "บันทึก"

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

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