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

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

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

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

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

ขีดจำกัดสูงสุดของส่วนและบล็อก

ส่วนและบล็อกมีข้อจำกัดสูงสุดดังต่อไปนี้

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

แหล่งที่มาของบล็อก

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

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

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

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

บล็อกส่วน

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

ตัวอย่างของส่วนที่มีบล็อกส่วน

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

  • บล็อกแบบฟอร์มอีเมล
  • บล็อกหัวเรื่อง
  • บล็อกหัวเรื่องย่อย

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

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

ธีมบล็อก

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

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

ตัวอย่างของส่วนที่มีธีมบล็อก

ตัวอย่างเช่น ธีมของคุณมีส่วนสไลด์โชว์พร้อมธีมบล็อก

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

หลังจากที่คุณเพิ่มบล็อก Slide ไปยังส่วน Slideshow แล้ว คุณจะสามารถคลิก Plus circle เพิ่มบล็อก เพื่อเพิ่มบล็อกอื่นๆ ลงในบล็อก Slide ใดก็ได้ในส่วน Slideshow เช่น Heading, Image, Button บล็อกเหล่านี้จะซ้อนอยู่ในบล็อก Slide นี่คือตัวอย่างของบล็อกที่ซ้อนกัน

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

ความเข้ากันได้ของธีมบล็อก

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

ขั้นตอน

  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ร้านค้าออนไลน์ > ธีม

  2. ถัดจากธีมที่คุณต้องการตรวจสอบ ให้คลิกปุ่ม Horizontal menu จากนั้นคลิกแก้ไขโค้ด

  3. ในแถบด้านข้าง ให้ค้นหาโฟลเดอร์ blocks

    ไฮไลต์โฟลเดอร์ blocks ในตัวแก้ไขโค้ดของธีม

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

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

เพิ่มส่วน

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

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

  3. ปรับแต่งหน้าแรกของคุณ หรือคลิกเมนูดรอปดาวน์ Home page แล้วเลือกเทมเพลตที่คุณต้องการเพิ่มส่วน

  4. ในแถบด้านข้าง ให้คลิก Plus circle เพิ่มส่วน จากนั้นดำเนินการตามขั้นตอนใดขั้นตอนหนึ่งต่อไปนี้

    • เลือกส่วนจากรายการ
    • ใช้ช่องค้นหาส่วนเพื่อค้นหาส่วนที่ต้องการ จากนั้นเลือกส่วนดังกล่าว
  5. ปรับแต่งส่วนใหม่ของคุณโดยดำเนินการตามขั้นตอนใดขั้นตอนหนึ่งต่อไปนี้

    • แก้ไขการตั้งค่าและเนื้อหาของส่วนใหม่ของคุณ
    • แก้ไขการตั้งค่าและเนื้อหาของบล็อกเริ่มต้นที่โหลดมาพร้อมกับส่วน
    • คลิก Plus circle เพิ่มบล็อกเพื่อเพิ่มบล็อกใหม่
  6. ตัวเลือกเสริม: หากต้องการจัดเรียงลำดับของส่วนต่างๆ ในหน้าของคุณใหม่ ให้วางเมาส์เหนือชื่อส่วน จากนั้นคลิกและลากปุ่ม Drag and drop

  7. คลิกบันทึก

มือถือ
  1. จากแอป Shopify ให้แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

  5. ปรับแต่งหน้าแรกของคุณ หรือแตะเมนูดรอปดาวน์ Home page แล้วเลือกเทมเพลตที่คุณต้องการเพิ่มส่วน

  6. แตะส่วน จากนั้นแตะเพิ่มส่วน แล้วดำเนินการตามขั้นตอนใดขั้นตอนหนึ่งต่อไปนี้

    • เลือกส่วนจากรายการ จากนั้นแตะเพิ่ม
    • แตะปุ่ม search เพื่อค้นหาส่วนที่ต้องการ เลือกส่วนของคุณ จากนั้นแตะเพิ่ม
  7. ปรับแต่งส่วนใหม่ของคุณโดยดำเนินการตามขั้นตอนใดขั้นตอนหนึ่งต่อไปนี้

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

  9. แตะบันทึกหรือ

แก้ไขส่วน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

  3. แก้ไขส่วนบนหน้าแรกของคุณ หรือคลิกเมนูดรอปดาวน์ Home page แล้วเลือกเทมเพลตที่มีส่วนที่คุณต้องการแก้ไข

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

  5. ตัวเลือกเสริม: คลิกแต่ละบล็อกเพื่อแก้ไขบล็อกภายในส่วน

  6. คลิกบันทึก

มือถือ
  1. จากแอป Shopify ให้แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

  5. แก้ไขส่วนบนหน้าแรกของคุณ หรือแตะเมนูดรอปดาวน์ Home page แล้วเลือกเทมเพลตที่มีส่วนที่คุณต้องการแก้ไข

  6. แตะส่วน จากนั้นแตะชื่อส่วนเพื่อโหลดเนื้อหาไปยังหน้าต่างแสดงตัวอย่างและเข้าถึงการตั้งค่าและตัวเลือกที่คุณสามารถแก้ไขได้

  7. ตัวเลือกเสริม: แตะแต่ละบล็อกเพื่อแก้ไขบล็อกภายในส่วน

  8. แตะบันทึกหรือ

การจัดเรียงส่วนหรือบล็อกใหม่

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

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

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

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

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

  4. คลิก Drag and drop ค้างไว้ จากนั้นลากบล็อกหรือส่วนไปยังตำแหน่งใหม่

  5. คลิกบันทึก

มือถือ
  1. จากแอป Shopify ให้แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ถัดจากธีมที่คุณต้องการแก้ไข ให้แตะที่ “แก้ไขธีม

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

  6. แตะที่ ส่วน > แก้ไข

  7. แตะ Drag and drop ค้างไว้ จากนั้นลากบล็อกหรือส่วนไปยังตำแหน่งใหม่

  8. แตะที่ เสร็จสิ้น

  9. แตะบันทึกหรือ

การทำซ้ำส่วนหรือบล็อก

คุณสามารถทำซ้ำส่วนหรือบล็อกเพื่อสร้างสำเนาที่เหมือนกันทุกประการของส่วนหรือบล็อกนั้นได้

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

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

  3. ทำซ้ำส่วนหรือบล็อกบนหน้าแรกของคุณ หรือคลิกที่เมนูดรอปดาวน์หน้าแรก แล้วเลือกเทมเพลตที่มีส่วนหรือบล็อกที่คุณต้องการทำซ้ำ

  4. คลิกขวาที่ส่วนหรือบล็อกที่คุณต้องการทำซ้ำ แล้วคลิกที่ “ทำซ้ำ

  5. คลิกบันทึก

มือถือ
  1. จากแอป Shopify ให้แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ถัดจากธีมที่คุณต้องการแก้ไข ให้แตะที่ “แก้ไขธีม

  5. ทำซ้ำส่วนหรือบล็อกบนหน้าแรกของคุณ หรือแตะที่เมนูดรอปดาวน์หน้าแรก แล้วเลือกเทมเพลตที่มีส่วนหรือบล็อกที่คุณต้องการทำซ้ำ

  6. แตะที่ ส่วน > แก้ไข

  7. แตะที่ Horizontal menu > ทำซ้ำ

  8. แตะบันทึกหรือ

การคัดลอกและวางบล็อก

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

ขั้นตอน

  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ร้านค้าออนไลน์ > ธีม

  2. ถัดจากธีมที่คุณต้องการแก้ไข ให้คลิกที่ “แก้ไขธีม

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

  4. คลิกขวาที่บล็อกที่คุณต้องการคัดลอก แล้วคลิกที่ “คัดลอก

  5. ในส่วนเดียวกันหรือส่วนอื่น ให้คลิกขวาในส่วนนั้น แล้วคลิกที่ “วาง

  6. คลิกบันทึก

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

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

  3. ซ่อนหรือลบส่วนหรือบล็อกบนหน้าแรกของคุณ หรือคลิกที่เมนูดรอปดาวน์หน้าแรก แล้วเลือกเทมเพลตที่มีส่วนหรือบล็อกที่คุณต้องการซ่อนหรือลบ

  4. ตัวเลือกเสริม: หากต้องการซ่อนส่วนหรือบลอกจากร้านค้าออนไลน์ของคุณ ให้วางเมาส์เหนือชื่อส่วนหรือบล็อก จากนั้นคลิกที่ปุ่ม Hide

  5. ตัวเลือกเสริม: หากต้องการลบส่วนหรือบลอกจากร้านค้าออนไลน์ของคุณ ให้วางเมาส์เหนือชื่อส่วนหรือบล็อก จากนั้นคลิกที่ปุ่ม Delete

  6. คลิกบันทึก

มือถือ
  1. จากแอป Shopify ให้แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

  5. ซ่อนหรือลบส่วนหรือบล็อกบนหน้าแรกของคุณ หรือแตะที่เมนูดรอปดาวน์หน้าแรก แล้วเลือกเทมเพลตที่มีส่วนหรือบล็อกที่คุณต้องการซ่อนหรือลบ

  6. แตะที่ ส่วน จากนั้นแตะที่ส่วนหรือบล็อกที่คุณต้องการซ่อนหรือลบ

  7. ตัวเลือกเสริม: หากต้องการซ่อนส่วนหรือบลอกจากร้านค้าออนไลน์ของคุณ ให้แตะที่ Horizontal menu > ซ่อน

  8. ตัวเลือกเสริม: หากต้องการลบส่วนหรือบลอกจากร้านค้าออนไลน์ของคุณ ให้แตะที่ Horizontal menu > ลบออก

  9. แตะบันทึกหรือ

การเปลี่ยนชื่อส่วนหรือบล็อก

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

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

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

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

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

  3. คลิกที่ส่วนหรือบล็อกที่คุณต้องการเปลี่ยนชื่อ

  4. อัปเดตชื่อด้วยวิธีใดวิธีหนึ่งต่อไปนี้

  • คลิกที่ชื่อ จากนั้นแก้ไขหรือป้อนชื่อใหม่
  • คลิกที่ Horizontal menu > Edit เปลี่ยนชื่อ แล้วป้อนชื่อใหม่
  1. คลิกบันทึก
มือถือ
  1. จากแอป Shopify ให้แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

  5. แตะหรือรูดเพื่อเปิดเมนูส่วน

  6. แตะที่ส่วนหรือบล็อกที่คุณต้องการเปลี่ยนชื่อเพื่อเปิดการตั้งค่า

  7. แตะที่ Horizontal menu > Edit เปลี่ยนชื่อ แล้วป้อนชื่อใหม่

  8. แตะบันทึกหรือ

การทำงานกับบล็อก

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

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

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

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

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

เพิ่มบล็อก

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

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

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

    • เลือกบล็อกจากรายการ
    • ใช้ช่องค้นหาบล็อกเพื่อค้นหาบล็อกที่ต้องการ จากนั้นเลือกบล็อกดังกล่าว
  5. คลิกบันทึก

มือถือ
  1. จากแอป Shopify ให้แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

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

  6. แตะที่ส่วน จากนั้นแตะที่add บล็อกสำหรับส่วนที่คุณต้องการเพิ่มบล็อก จากนั้นดำเนินการตามขั้นตอนต่อไปนี้

    • เลือกบล็อกจากรายการ
    • แตะปุ่ม search เพื่อค้นหาบล็อกที่ต้องการ จากนั้นเลือกบล็อกของคุณ
  7. แตะบันทึกหรือ

การใช้เมตาฟิลด์และเมตาอ็อบเจกต์กับซอร์สแบบไดนามิก

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

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

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

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

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

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

ขั้นตอน

เดสก์ท็อป
  1. จากส่วนผู้ดูแล Shopify ของคุณ ให้ไปที่ ร้านค้าออนไลน์ > ธีม

  2. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นคลิกแก้ไขธีม

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

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

  5. คลิกปุ่ม Dynamic source สำหรับประเภทเนื้อหาที่เกี่ยวข้องที่คุณต้องการแก้ไข จากนั้นเชื่อมต่อซอร์สแบบไดนามิกของคุณ

  6. คลิกบันทึก

มือถือ
  1. จากแอป Shopify ให้แตะไอคอน Menu

  2. ในส่วนช่องทางการขาย ให้แตะร้านค้าออนไลน์

  3. แตะจัดการธีมทั้งหมด

  4. ค้นหาธีมที่คุณต้องการแก้ไข จากนั้นแตะแก้ไขธีม

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

  6. แตะที่ส่วน จากนั้นแตะที่ชื่อส่วนหรือบล็อกเพื่อโหลดเนื้อหาไปยังหน้าต่างแสดงตัวอย่าง และเข้าถึงการตั้งค่ากับตัวเลือกที่คุณสามารถแก้ไขได้

  7. แตะปุ่ม Dynamic source สำหรับประเภทเนื้อหาที่เกี่ยวข้องที่คุณต้องการแก้ไข จากนั้นเชื่อมต่อซอร์สแบบไดนามิกของคุณ

  8. แตะบันทึกหรือ

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

เครื่องมือเลือกซอร์สแบบไดนามิก

เครื่องมือเลือกซอร์สแบบไดนามิก

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

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