ฟีเจอร์ของร้านค้าออนไลน์

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

หน้าบางหน้าจะมีส่วนที่มากับค่าเริ่มต้น เช่น แถบประกาศ ส่วนหัว และส่วนท้าย ส่วนเหล่านี้จะปรากฏในทุกหน้า

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

แถบประกาศ

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

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

การตั้งค่าส่วน

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

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

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

ส่วนหัวจะแสดงในทุกหน้าในร้านค้าออนไลน์ของคุณ

การตั้งค่าส่วน

ภาพรวมของการตั้งค่าส่วนหัว
การตั้งค่าคำอธิบาย
ตำแหน่งโลโก้บนเดสก์ท็อป

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

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

เลือกว่าจะใช้ส่วนหัวแบบยึดตำแหน่งหรือไม่และต้องการให้ส่วนหัวแสดงให้เห็นอย่างไร

  • ไม่มี - ส่วนหัวจะไม่เลื่อนตามเมื่อลูกค้าเลื่อนดูหน้า
  • เมื่อเลื่อนขึ้น - ส่วนหัวจะแสดงให้เห็นเมื่อลูกค้าเลื่อนหน้าขึ้น
  • เสมอ - ส่วนหัวจะแสดงให้เห็นอยู่เสมอเมื่อลูกค้าเลื่อนหน้าขึ้นหรือลง
  • เสมอ, ลดขนาดโลโก้ลง - ส่วนหัวจะแสดงให้เห็นอยู่เสมอเมื่อลูกค้าเลื่อนหน้าขึ้นหรือลง ขนาดโลโก้จะลดลง 25% เมื่อลูกค้าเลื่อนหน้า
แสดงเส้นของตัวแบ่งแสดงเส้นเพื่อแยกส่วนหัวออกจากเนื้อหาของหน้าอย่างชัดเจน
รูปแบบสีชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี
เปิดใช้ตัวเลือกประเทศ/ภูมิภาคเพิ่มตัวเลือกที่ลูกค้าสามารถเลือกประเทศและภูมิภาคที่คุณได้เปิดใช้ในการตั้งค่าการชำระเงินของคุณ เพื่อให้ลูกค้าสามารถดูราคาสินค้าของคุณในสกุลเงินที่ลูกค้าเลือกได้
เปิดใช้ตัวเลือกภาษาเพิ่มตัวเลือกที่ลูกค้าสามารถเลือกประเทศและภูมิภาคที่คุณได้เปิดใช้ในการตั้งค่าภาษาของคุณ เพื่อให้ลูกค้าสามารถเรียกดูร้านค้าของคุณในภาษาที่ลูกค้าเลือกได้
ตำแหน่งโลโก้บนมือถือ

เลือกว่าโลโก้จะแสดงให้เห็นที่ใดบนมือถือ

  • กลาง - โลโก้จะแสดงให้เห็นกึ่งกลางของส่วนหัว
  • ซ้าย - โลโก้จะแสดงให้เห็นทางด้านซ้ายของส่วนหัว
การเว้นระยะห่างเพิ่มพื้นที่ว่างด้านล่างส่วนหัวของคุณ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังย่อหน้าล่าง
พื้นที่ว่างของส่วนเพิ่มช่องว่างที่ด้านบนหรือด้านล่างของส่วนหัว ใช้แถบเลื่อนเพื่อเพิ่มพื้นที่ระหว่าง 0px ถึง 100px ที่ด้านบนหรือด้านล่างของส่วนหัวของคุณ
### บล็อกส่วนหัว

คุณสามารถเพิ่มบล็อกต่อไปนี้ได้ในส่วนหัว

ภาพรวมของการตั้งค่าบล็อกแอปในส่วนหัว
การตั้งค่าคำอธิบาย
แอปเพิ่มแอปที่เข้ากันได้กับ Online Store 2.0 เพิ่มแอปได้สูงสุดถึง 3 แอป โดยจะอยู่ที่ด้านซ้ายของไอคอนตะกร้าสินค้าและจํากัดขนาดที่ 44px x 44px
## ส่วนท้าย {#footer}

ส่วนท้ายจะแสดงบนหน้าทั้งหมดในธีมของคุณ

การตั้งค่าส่วน

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

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

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

สามารถใช้บล็อกข้อความเพื่อเน้นข้อมูลสําคัญๆ เช่น รายละเอียดร้านค้า โปรโมชัน หรือข้อมูลติดต่อได้

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

จัดวางรูปภาพภายในบล็อก:

  • ซ้าย - จัดวางรูปภาพไว้ด้านซ้ายของบล็อก
  • ตรงกลาง (ค่าเริ่มต้น) - จัดวางรูปภาพไว้ตรงกลางของบล็อก
  • ขวา - จัดวางรูปภาพไว้ด้านขวาของบล็อก
## บล็อกโพสต์ {#blog-posts}

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

การตั้งค่าส่วน

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

ภาพตัดแปะ

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

หากต้องการสร้างคอลลาจที่มีบล็อกมากกว่า 3 บล็อก ให้เพิ่มส่วนคอลลาจเพิ่มเติมที่ด้านล่างส่วนแรกและห้ามใส่ค่าหัวเรื่องลงในส่วนคอลลาจด้านล่าง ซึ่งทำให้ส่วนคอลลาจจะปรากฏพร้อมกันเป็นส่วนเดียว

อัตราส่วนภาพที่แนะนำสำหรับรูปภาพทั้งหมดในส่วนนี้คือ 2:3 หรือ 1:1

การตั้งค่าส่วน

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

รูปแบบที่สื่อแบบคอลลาจจะปรากฏบนเดสก์ท็อป

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

รูปแบบที่บล็อกจะปรากฏบนมือถือ

คอลลาจ - แสดงรูปภาพในเลย์เอาต์รูปแบบคอลลาจ:
  • หากเปิดใช้บล็อกใหญ่ทางซ้ายในเลย์เอาต์ของเดสก์ท็อป บล็อกแรกในส่วนจะแสดงที่ด้านบนสุดและมีขนาดใหญ่กว่าบล็อกอื่นๆ
  • หากเปิดใช้บล็อกใหญ่ทางขวาในเลย์เอาต์ของเดสก์ท็อป บล็อกสุดท้ายในส่วนจะแสดงที่ด้านล่างสุดและมีขนาดใหญ่กว่าบล็อกอื่นๆ
คอลัมน์ - แสดงสื่อทั้งหมดในขนาดเดียวกันและเป็นคอลัมน์
รูปแบบสีชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี
พื้นที่ว่างของส่วนเพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนภาพคอลลาจ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนดังกล่าว
### บล็อกวิดีโอ
ภาพรวมของการตั้งค่าบล็อกวิดีโอในส่วนคอลลาจ
การตั้งค่าคำอธิบาย
รูปภาพหน้าปกรูปภาพที่จะแสดงให้เห็นก่อนที่ลูกค้าเล่นวิดีโอ คุณสามารถอัปโหลดรูปภาพหน้าปกแบบกำหนดเองได้จากส่วนผู้ดูแล Shopify ของคุณ
URLลิงก์ YouTube หรือ Vimeo ที่ไปยังวิดีโอ โดยวิดีโอจะต้องพร้อมให้ชมแบบสาธารณะ โดยวิดีโอดังกล่าวจะเล่นในหน้าต่างป๊อปอัป
ข้อความแสดงแทนวิดีโอข้อความแสดงแทนสำหรับวิดีโอ อธิบายบริบทและวัตถุประสงค์ของวิดีโอแก่ลูกค้าที่ใช้เครื่องอ่านหน้าจอ
### บล็อกสินค้า
ภาพรวมของการตั้งค่าสำหรับบล็อกสินค้าในส่วนคอลลาจ
การตั้งค่าคำอธิบาย
สินค้าสินค้าที่คุณต้องการแสดง
แสดงรูปภาพที่สองเมื่อนำเมาส์ไปวางเมื่อลูกค้าวางเคอร์เซอร์เหนือรูปภาพสินค้า ระบบจะแสดงรูปภาพที่สองของสินค้าหากสินค้านั้นมีมากกว่าหนึ่งรูป
### บล็อกคอลเลกชัน
ภาพรวมของการตั้งค่าบล็อกคอลเลกชันในส่วนคอลลาจ
การตั้งค่าคำอธิบาย
คอลเลกชันคอลเลกชันที่คุณต้องการแสดง
### บล็อกรูปภาพ
ภาพรวมของการตั้งค่าบล็อกรูปภาพในส่วนคอลลาจ
การตั้งค่าคำอธิบาย
รูปภาพรูปภาพของส่วนนั้นๆ คลิก “เลือกรูปภาพ” เพื่อเลือกรูปภาพ หรือคลิกปุ่ม “เปลี่ยน” เพื่อเปลี่ยนหรือลบรูปภาพ
แก้ไขข้อความแสดงแทนเพิ่มข้อความอธิบายรูปภาพโดยสรุปเพื่อช่วยทำ SEO และเพื่อบรรยายรูปภาพให้ลูกค้าที่ใช้เครื่องอ่านหน้าจอ
## เนื้อหาที่ย่อได้ {#collapsible-content}

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

การตั้งค่าส่วน

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

เลือกเลย์เอาต์สำหรับเนื้อหาแบบพับได้ของคุณ:

  • ไม่มีกรอบ (ค่าเริ่มต้น)
  • กรอบครอบแถว - ให้แถวที่พับได้แต่ละแถวอยู่ในกรอบที่แรเงา
  • กรอบครอบส่วน - ให้ส่วนเนื้อหาแบบพับได้ทั้งหมดอยู่ในกรอบที่แรเงา
รูปแบบสี ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี
รูปแบบสีของคอนเทนเนอร์ ชุดสีที่คุณสามารถใช้กับภาชนะได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี รูปแบบสีที่เลือกจะแสดงขึ้นเมื่อตั้งตัวเลือกเลย์เอาต์เป็นคอนเทนเนอร์แบบแถวหรือส่วนเท่านั้น
เปิดแถวที่ย่อได้แถวแรกเมื่อเลือกแล้ว แถวแรกของเนื้อหาแบบพับได้ของคุณจะถูกขยายไว้ตามค่าเริ่มต้น
รูปภาพรูปภาพของส่วนนั้นๆ คลิก “เลือกรูปภาพ” เพื่อเลือกรูปภาพ หรือคลิกปุ่ม “เปลี่ยน” เพื่อเปลี่ยนหรือลบรูปภาพ
แก้ไขข้อความแสดงแทนเพิ่มข้อความอธิบายรูปภาพโดยสรุปเพื่อช่วยทำ SEO และเพื่อบรรยายรูปภาพให้ลูกค้าที่ใช้เครื่องอ่านหน้าจอ
อัตราส่วนรูปภาพอัตราส่วนของรูปภาพในส่วน:
  • ปรับตามรูปภาพ (ค่าเริ่มต้น) - ใช้อัตราส่วนกว้างยาวของรูปภาพ ซึ่งจะป้องกันไม่ให้รูปภาพถูกครอบตัด
  • เล็ก
  • ใหญ่
เลย์เอาต์ของเดสก์ท็อปเลือกว่าจะให้รูปภาพหรือแถวแบบพับได้ปรากฏเป็นอันดับแรก การตั้งค่าเริ่มต้นจะให้ข้อความปรากฏก่อน ส่วนบนมือถือรูปภาพจะปรากฏก่อนเสมอ
พื้นที่ว่างของส่วนเพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของเนื้อหาแบบย่อได้ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนเนื้อหาแบบย่อได้
### บล็อกแถวที่ย่อได้
ภาพรวมของการตั้งค่าบล็อกแถวแบบพับได้
การตั้งค่าคำอธิบาย
หัวเรื่องหัวเรื่องของแถวแบบพับได้
ไอคอนเลือกไอคอนที่คุณต้องการให้แสดงอยู่หน้าหัวข้อของเนื้อหาแบบย่อได้จากรายการแบบดรอปดาวน์ โดยระบบจะเลือกไอคอนเครื่องหมายถูกไว้ตามค่าเริ่มต้น
เนื้อหาในแถวเนื้อหาในแถวแบบพับได้ เนื้อหานี้สามารถจัดรูปแบบหรือใส่ลิงก์ URL ได้ ฟีเจอร์นี้สามารถใช้ร่วมกับเนื้อหาในแถวจากหน้าได้
เนื้อหาในแถวจากหน้าคุณสามารถแทรกเนื้อหาที่มีอยู่ในหน้าอื่นลงในแถวแบบพับได้ คลิก “เปลี่ยน” เพื่อเลือกหรือลบหน้าออก คุณสามารถใช้ฟีเจอร์นี้ร่วมกับเนื้อหาในแถวได้
## รายการคอลเลกชัน {#collection-list}

คุณสามารถเพิ่มรายการคอลเลกชันที่คุณต้องการไฮไลท์ได้ คุณสามารถเพิ่มบล็อกคอลเลกชันไปยังรายการคอลเลกชันได้สูงสุดถึง 16 บล็อก

การตั้งค่าส่วน

ภาพรวมของการตั้งค่ารายการคอลเลกชัน
การตั้งค่าคำอธิบาย
หัวเรื่องชื่อส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์
ขนาดของหัวเรื่องเปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่
อัตราส่วนรูปภาพอัตราส่วนของรูปภาพที่แสดงของคอลเลกชัน:
  • ปรับตามรูปภาพ - ใช้อัตราส่วนภาพของรูปภาพ ซึ่งจะป้องกันไม่ให้รูปภาพถูกครอบตัด
  • แนวตั้ง - ครอบตัดรูปภาพเพื่อใช้อัตราส่วน 2:3
  • สี่เหลี่ยม (ค่าเริ่มต้น) - ครอบตัดรูปภาพเพื่อใช้อัตราส่วน 1:1
จำนวนของคอลัมน์บนเดสก์ท็อปจำนวนของคอลัมน์ที่จะแสดงบนคอมพิวเตอร์เดสก์ท็อป ต่ำสุด: 1 สูงสุด: 5
รูปแบบสีชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี
เปิดใช้ปุ่ม “ดูทั้งหมด” หากในรายการมีคอลเลกชันมากกว่าที่แสดงไว้แสดงปุ่ม “ดูทั้งหมด” ที่นำลูกค้าไปยังรายการคอลเลกชันทั้งหมด
จำนวนคอลัมน์บนมือถือตั้งค่าเลย์เอาต์คอลัมน์ที่เฉพาะเจาะจงสำหรับอุปกรณ์มือถือ โดยเลือกระหว่าง 1 และ 2 คอลัมน์
เปิดใช้การปัดบนมือถือเปลี่ยนการแสดงผลบนมือถือจากคอลัมน์เป็นแถว ซึ่งลูกค้าสามารถปัดไปทางด้านข้างเพื่อดูบล็อกคอลเลกชันเพิ่มเติมได้
พื้นที่ว่างของส่วนเพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของรายการคอลเลกชัน ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนคอลเลกชัน
### เลือกคอลเลกชัน
  1. จากตัวแก้ไขธีมของคุณ ให้คลิกที่บล็อกคอลเลกชันที่คุณต้องการเพิ่มคอลเลกชันเข้าไป
  2. คลิกที่ เลือกคอลเลกชัน
  3. คลิกที่คอลเลกชัน แล้วคลิก “เลือก

แบบฟอร์มการติดต่อ

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

แบบฟอร์มมีช่องดังต่อไปนี้:

  • ชื่อ
  • อีเมล (ต้องระบุ)
  • หมายเลขโทรศัพท์
  • ความคิดเห็น

การตั้งค่าส่วน

ภาพรวมของการตั้งค่าแบบฟอร์มการติดต่อ
การตั้งค่าคำอธิบาย
หัวเรื่องชื่อส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์
ขนาดของหัวเรื่องเปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่
รูปแบบสีชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี
พื้นที่ว่างของส่วนเพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของแบบฟอร์มการติดต่อ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนแบบฟอร์มการติดต่อ
## ปรับแต่ง Liquid {#custom-liquid}

คุณสามารถเพิ่มโค้ด Liquid ของคุณเองเพื่อสร้างส่วนแบบกำหนดเองได้

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

การตั้งค่าส่วน

ภาพรวมของการตั้งค่า Liquid แบบกำหนดเอง
การตั้งค่าคำอธิบาย
ปรับแต่ง Liquidเพิ่มส่วนย่อยของแอปหรือโค้ด Liquid แบบกำหนดเองอื่นๆ เพื่อสร้างการปรับแต่งขั้นสูง
รูปแบบสีชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี
พื้นที่ว่างของส่วนเพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วน Liquid แบบกำหนดเอง ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วน Liquid แบบกำหนดเอง
## แบนเนอร์การลงทะเบียนอีเมล {#email-signup-banner}

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

ส่วนนี้มาพร้อมกับบล็อกสามบล็อกตามค่าเริ่มต้น:

  • หัวเรื่อง
  • หัวเรื่องย่อย
  • รูปแบบอีเมล

การตั้งค่าส่วน

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

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

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


สำหรับเดสก์ท็อป กล่องข้อความจะครอบคลุมรูปภาพบางส่วน สำหรับมือถือ กล่องข้อความจะปรากฏใต้รูปภาพ

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


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

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

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

ส่วนนี้มาพร้อมกับบล็อกสามบล็อกตามค่าเริ่มต้น:

  • หัวเรื่อง
  • หัวเรื่องย่อย
  • รูปแบบอีเมล

การตั้งค่าส่วน

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

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

คุณสามารถเพิ่มส่วนที่แสดงสินค้าในคอลเลกชันเดียวได้

การตั้งค่าส่วน

ภาพรวมของการตั้งค่าคอลเลกชันเด่น
การตั้งค่าคำอธิบาย
หัวเรื่องชื่อส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ คลิกปุ่มแหล่งที่มาแบบไดนามิกเพื่อแทรกแหล่งที่มาแบบไดนามิกเป็นชื่อส่วน
ขนาดของหัวเรื่องเปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่
คำอธิบายป้อนข้อความอธิบายสำหรับคอลเลกชันเด่น คุณสามารถจัดรูปแบบข้อความให้เป็นตัวหนา ตัวเอียง หรือใส่ลิงก์ได้ คลิกปุ่มแหล่งที่มาแบบไดนามิกเพื่อแทรกแหล่งที่มาแบบไดนามิกของคำอธิบายสำหรับคอลเลกชันเด่น
แสดงคำอธิบายคอลเลกชันจากส่วนผู้ดูแล Shopifyการทําเครื่องหมายที่ช่องนี้จะเป็นการใช้คำอธิบายสำหรับคอลเลกชันซึ่งคุณได้เพิ่มไปยังคอลเลกชันดังกล่าวในส่วนผู้ดูแล Shopify แทนการใช้ข้อความใดๆ ที่ป้อนไว้ในช่องคำอธิบายด้านบน
รูปแบบคำอธิบายใช้เมนูดรอปดาวน์เพื่อเลือกรูปแบบให้กับคำอธิบายสำหรับคอลเลกชันเด่นของคุณ โดยตัวเลือกของรูปแบบจะเป็นได้ทั้ง เนื้อหา (ค่าเริ่มต้น) คำบรรยาย หรือตัวพิมพ์ใหญ่
คอลเลกชันคอลเลกชันที่คุณต้องการแสดงสินค้า คลิก “เปลี่ยน” เพื่อลบหรือเปลี่ยนคอลเลกชัน
จำนวนสินค้าสูงสุดที่จะแสดงจํานวนสินค้าจากคอลเลกชันที่จะแสดง ขั้นต่ำ: 2 รายการ สูงสุด: 25 รายการ
จำนวนของคอลัมน์บนเดสก์ท็อปจำนวนของคอลัมน์ที่จะแสดงบนคอมพิวเตอร์เดสก์ท็อป ต่ำสุด: 1 สูงสุด: 5
ทำให้สินค้าเต็มความกว้างช่องทำเครื่องหมายเพื่อแสดงสินค้าในหน้าต่างแบบเต็มความกว้าง ไม่ว่าการตั้งค่าความกว้างหน้าจะเป็นอย่างไร
เปิดใช้ปุ่ม “ดูทั้งหมด” หากคอลเลกชันมีสินค้ามากกว่าที่แสดงไว้หากคอลเลกชันมีสินค้ามากกว่าที่กำหนดไว้ในช่องจำนวนสินค้าสูงสุดที่จะแสดง ระบบจะแสดงปุ่ม “ดูทั้งหมด” ที่จะพาลูกค้าไปยังหน้าคอลเลกชันนั้นๆ
รูปแบบ “ดูทั้งหมด”เลือกระหว่างลิงก์ ปุ่มทึบ กับปุ่มแบบเค้าโครง
เปิดใช้ภาพสไลด์บนเดสก์ท็อปช่องทำเครื่องหมายเพื่อแสดงสินค้าแบบภาพสไลด์บนหน้าจอที่มีความกว้างมากกว่า 989 พิกเซล
รูปแบบสีชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี
อัตราส่วนรูปภาพอัตราส่วนของรูปภาพสินค้า:
  • ปรับตามรูปภาพ (ค่าเริ่มต้น) - ใช้อัตราส่วนภาพของรูปภาพ ซึ่งจะป้องกันไม่ให้รูปภาพถูกครอบตัด
  • แนวตั้ง - ครอบตัดรูปภาพเพื่อใช้อัตราส่วน 2:3
  • สี่เหลี่ยม - ครอบตัดรูปภาพเพื่อใช้อัตราส่วน 1:1
รูปทรงภาพเลือกหนึ่งในรูปทรงภาพต่อไปนี้สำหรับรูปภาพสินค้าของคุณ:
  • ค่าเริ่มต้น - เปลี่ยนรูปภาพสินค้าของคุณเป็นรูปสี่เหลี่ยมผืนผ้า
  • รูปโค้ง - ปรับโค้งด้านบนของภาพสินค้าของคุณ
  • หยดน้ำ- ปรับมนภาพสินค้าของคุณให้เป็นหนึ่งในหกรูปทรงหยดน้ำแบบสุ่มที่มีภาพเคลื่อนไหวที่ไม่ซ้ำใครเมื่อวางเมาส์
  • บั้งชี้ไปทางซ้าย- เปลี่ยนภาพสินค้าของคุณเป็นรูปบั้งที่ชี้ไปทางซ้าย
  • บั้งชี้ไปทางขวา- เปลี่ยนภาพสินค้าของคุณเป็นรูปบั้งที่ชี้ไปทางขวา
  • สี่เหลี่ยมข้าวหลามตัด - เปลี่ยนภาพสินค้าของคุณเป็นรูปสี่เหลี่ยมข้าวหลามตัด
  • สี่เหลี่ยมด้านขนาน - เปลี่ยนภาพสินค้าของคุณให้เป็นรูปทรงที่มีเส้นคู่ขนานกันสองเส้น
  • ทรงกลม - ปรับมนภาพสินค้าของคุณให้เป็นวงกลมหรือวงรีที่มีภาพเคลื่อนไหวที่ไม่ซ้ำใครเมื่อวางเมาส์
แสดงรูปภาพที่สองเมื่อนำเมาส์ไปวางเมื่อลูกค้าวางเคอร์เซอร์เหนือรูปภาพสินค้า ระบบจะแสดงรูปภาพที่สองของสินค้าหากสินค้านั้นมีมากกว่าหนึ่งรูป
แสดงเวนเดอร์แสดงเวนเดอร์สินค้า
แสดงคะแนนของสินค้าแสดงคะแนนเฉลี่ยของสินค้าเป็นดาวพร้อมจำนวนรีวิวในวงเล็บ เช่น ★★★★★ (8) โดยต้องมีแอปรีวิวผลิตภัณฑ์และคำจำกัดความเมตาฟิลด์สำหรับ reviews.rating_count และ reviews.rating
เปิดใช้ปุ่มเพิ่มด่วนปุ่มเพิ่มด่วนจะช่วยให้ลูกค้าสามารถเพิ่มสินค้าไปยังตะกร้าสินค้าของตนจากบัตรสินค้าได้ หากสินค้าดังกล่าวมีตัวเลือกสินค้า ปุ่มดังกล่าวจะปรากฏเป็น “เลือกตัวเลือก” และจะแสดงรายละเอียดสินค้าไว้ในป๊อปอัป ซึ่งลูกค้าจะเลือกตัวเลือกสินค้าที่ต้องการ, เพิ่มสินค้าไปยังตะกร้าสินค้า, ชำระเงินทันทีด้วย “ซื้อเลย” หรือคลิกเพื่อดูรายละเอียดทั้งหมดของสินค้าได้ โปรดทราบว่าการตั้งค่านี้จะขึ้นอยู่กับว่ามีการเปิดใช้ปุ่ม “ซื้อเลย” ในหน้าสินค้าของคุณหรือไม่ หากไม่ได้เปิดใช้ปุ่ม “ซื้อเลย” ในเทมเพลตสินค้า ลูกค้าจะยังมีตัวเลือกในการเพิ่มสินค้าไปยังตะกร้าสินค้าของตนอยู่ แต่จะมองไม่เห็นขั้นตอนการชำระเงินแบบด่วนอย่าง “ซื้อเลย”
จำนวนคอลัมน์บนมือถือตั้งค่าเลย์เอาต์คอลัมน์ที่เฉพาะเจาะจงสำหรับอุปกรณ์มือถือ โดยเลือกระหว่าง 1 และ 2 คอลัมน์
เปิดใช้การปัดบนมือถือเปลี่ยนการแสดงผลบนมือถือจากคอลัมน์เป็นแถว ซึ่งลูกค้าสามารถปัดไปทางด้านข้างเพื่อดูสินค้าเพิ่มเติมได้
พื้นที่ว่างของส่วนเพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนคอลเลกชันเด่น ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนคอลเลกชันเด่น
## สินค้าที่แนะนำ {#featured-product}

คุณสามารถเพิ่มส่วนที่แนะนำเฉพาะสินค้าบางรายการได้

การตั้งค่าส่วน

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

เลือกว่าจะซูมรูปภาพบนเดสก์ท็อปอย่างไร

  • เปิด Lightbox - เปิดรูปภาพขนาดใหญ่ ค่าเริ่มต้นสำหรับโทรศัพท์มือถือ
  • ไม่ซูม - ปิดการใช้งานการซูมรูปภาพ เหมาะสำหรับรูปภาพที่ความละเอียดต่ำ
  • คลิกและนำเมาส์ไปวางไว้ - คลิกเพื่อซูมเข้ารูปภาพ จากนั้นนำเมาส์ไปวางไว้เพื่อดูส่วนต่างๆ ที่ซูมเข้า ฟีเจอร์การซูมเมื่อวางเมาส์ไว้จะถูกปิดใช้ เมื่อคลิกรูปภาพที่ขยายอีกครั้ง หรือเมื่อนำเมาส์ออกจากกรอบรูปภาพ เมื่อเปิดใช้การตั้งค่านี้และผู้ใช้ใช้งานบนอุปกรณ์มือถือ รูปภาพจะเปิดในโมดอล (lightbox) เป็นค่าเริ่มต้น
ซ่อนสื่อของตัวเลือกสินค้าอื่นๆเลือกตัวเลือกนี้เพื่อซ่อนสื่อของตัวเลือกสินค้าอื่นๆ หลังจากที่มีการเลือกตัวเลือกสินค้า
เปิดใช้การวนซ้ำวิดีโออนุญาตให้เล่นวิดีโออีกครั้ง ลูกค้าต้องคลิกเพื่อเริ่มเล่นซ้ำ
พื้นที่ว่างของส่วนเพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนสินค้าที่แนะนำ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนดังกล่าว
### บล็อกส่วน {#featured-product-rating}

คุณสามารถเพิ่มบล็อกต่อไปนี้ลงในส่วนสินค้าแนะนำได้

ภาพรวมของบล็อกส่วนที่พร้อมใช้งานในส่วนสินค้าเด่น
บล็อกการตั้งค่า
ข้อความป้อนข้อความสำหรับสินค้าแนะนำของคุณ:
  • ข้อความ: รองรับข้อความหรือแหล่งที่มาแบบไดนามิก
  • รูปแบบข้อความ: เลือกระหว่างเนื้อหา หัวเรื่องย่อย หรือตัวพิมพ์ใหญ่
ชื่อ ขนาดของหัวเรื่อง: เลือกระหว่าง เล็ก กลาง หรือใหญ่
ราคาโดยบล็อกนี้ไม่สามารถปรับแต่งค่าได้
รายการตัวเลือกสินค้าเลือกระหว่างตัวเลือกสินค้าทรงเม็ดยาหรือเมนูดรอปดาวน์
ตัวเลือกจำนวนโดยบล็อกนี้ไม่สามารถปรับแต่งค่าได้
ปุ่มซื้อทำเครื่องหมายในช่องปุ่มการชำระเงินแบบไดนามิกเพื่อแสดงตัวเลือกการชำระเงินแบบไดนามิกที่คุณได้เปิดใช้ในการตั้งค่าการชำระเงินของคุณ
แชร์ข้อความที่คลิกได้ที่ให้ลูกค้าแชร์สินค้าไปยังโซเชียลมีเดียของตน
คะแนนของสินค้าแสดงคะแนนเฉลี่ยของสินค้าเป็นดาวพร้อมจำนวนรีวิวในวงเล็บ เช่น ★★★★★ (8) โดยต้องมีแอปรีวิวผลิตภัณฑ์และคำจำกัดความเมตาฟิลด์สำหรับ reviews.rating_count และ reviews.rating
ปรับแต่ง Liquidเพิ่มโค้ดปรับแต่ง Liquid หรือ HTML
แอปเพิ่มแอปที่เข้ากันได้กับ Online Store 2.0
ไอคอนที่มีข้อความบล็อกนี้จะแสดงไอคอนสูงสุดสามรายการที่คุณสามารถเลือกได้จากรายการไอคอนที่ติดตั้งไว้ล่วงหน้าหรือจากรูปภาพที่คุณอัปโหลด หากคุณเลือกที่จะอัปโหลดรูปภาพ รูปภาพที่อัปโหลดจะแทนที่การเลือกแบบดรอปดาวน์ของไอคอนใดๆ สำหรับเลย์เอาต์ของไอคอน คุณสามารถเลือกแนวตั้งหรือแนวนอนได้ หากต้องการลบไอคอน ให้ล้างช่องหัวเรื่อง หากต้องการแสดงไอคอนมากกว่า 3 รายการ ให้เพิ่มบล็อก **ไอคอนอื่นที่มีข้อความ** อีกหนึ่งบล็อก
รหัสสินค้าคงคลังบล็อกนี้จะแสดง SKU (รหัสสินค้าคงคลัง) ของสินค้าเมื่อตัวเลือกสินค้าของคุณมี SKU ที่เกี่ยวข้อง ดูข้อมูลเพิ่มเติมเกี่ยวกับ[การเพิ่มหมายเลข SKU ให้กับตัวเลือกสินค้าของคุณจากส่วนผู้ดูแล Shopify](/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/show-sku#add-sku-numbers-to-your-product-variants-from-the-admin-sectioned%20themes-specific)
## แบนเนอร์รูปภาพ {#image-banner}

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

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

การตั้งค่าส่วน

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

ตั้งค่าความสูงของรูปภาพแบนเนอร์ของคุณโดยใช้เมนูดรอปดาวน์

  • ปรับให้เข้ากับรูปภาพแรก - ตั้งค่าความสูงของส่วนให้เข้ากับความสูงของรูปภาพแรก
  • ขนาดเล็ก - เดสก์ท็อป: 420 พิกเซล, มือถือ: 280 พิกเซล
  • ขนาดกลาง (ค่าเริ่มต้น) - เดสก์ท็อป: 560 พิกเซล, มือถือ: 340 พิกเซล
  • ขนาดใหญ่ - เดสก์ท็อป: 720 พิกเซล, มือถือ: 390 พิกเซล
ตำแหน่งเนื้อหาบนเดสก์ท็อปจัดตําแหน่งของแบนเนอร์รูปภาพเดสก์ท็อป สามารถเลือกวางด้านบน ตรงกลาง หรือด้านล่าง และด้านขวา ด้านซ้าย หรือกึ่งกลาง
แสดงคอนเทนเนอร์บนเดสก์ท็อปวางข้อความรูปภาพของแบนเนอร์ลงในกล่องข้อความเหนือรูปภาพแบนเนอร์สำหรับลูกค้าที่เลือกซื้อสินค้าจากคอมพิวเตอร์เดสก์ท็อป
การจัดวางเนื้อหาบนเดสก์ท็อปตั้งค่าการจัดวางข้อความในแบนเนอร์รูปภาพสำหรับคอมพิวเตอร์เดสก์ท็อป โดยให้เลือกระหว่างด้านขวา ด้านซ้าย หรือตรงกลาง
รูปแบบสี ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี โดยรูปแบบสีที่เลือกจะปรากฏให้เห็นเมื่อเลือกตัวเลือกแสดงกล่องข้อความบนเดสก์ท็อปเท่านั้น
ภาพเคลื่อนไหว

เลือกภาพเคลื่อนไหวให้รูปภาพของคุณ:

  • ไม่มี (ค่าเริ่มต้น)
  • การเคลื่อนไหวแวดล้อม - เปลี่ยนตำแหน่งของรูปภาพอย่างช้าๆ ภายในกรอบของรูปภาพ
  • ตําแหน่งพื้นหลังแบบยึดตําแหน่ง - เมื่อลูกค้าเลื่อนหน้า องค์ประกอบ fory รีวิวเมื่อนั้น เช่น ข้อความและปุ่ม เลื่อนด้วยความเร็วเดียวกัน ขณะที่พื้นหลังยังได้รับการแก้ไขอยู่
  • ซูมเข้าเมื่อเลื่อน - เมื่อลูกค้าเลื่อนหน้า องค์ประกอบ fory รีวิวเมื่อนั้น เช่น ข้อความและปุ่ม ให้เลื่อนด้วยความเร็วเดียวกัน ขณะที่พื้นหลังยังคงคงที่และซูมรูปภาพได้
การจัดวางเนื้อหาบนมือถือตั้งค่าการจัดวางข้อความในแบนเนอร์รูปภาพสำหรับอุปกรณ์มือถือ โดยให้เลือกระหว่างด้านขวา ด้านซ้าย หรือตรงกลาง
ซ้อนรูปภาพบนอุปกรณ์มือถือหากเพิ่มรูปภาพ 2 ภาพไปยังส่วน รูปภาพจะแสดงในคอลัมน์แทนที่จะเป็นแบบขนาบข้างกัน
แสดงคอนเทนเนอร์บนมือถือวางข้อความรูปภาพของแบนเนอร์ลงในกล่องข้อความเหนือรูปภาพแบนเนอร์สำหรับลูกค้าที่เลือกซื้อสินค้าจากอุปกรณ์มือถือ
### บล็อกหัวเรื่อง
ภาพรวมของการตั้งค่าบล็อกหัวเรื่องในส่วนแบนเนอร์รูปภาพ
การตั้งค่าคำอธิบาย
หัวเรื่องข้อความขนาดใหญ่ที่เป็นชื่อกล่องข้อความ ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์
ขนาดของหัวเรื่องเปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่
### บล็อกข้อความ
ภาพรวมของการตั้งค่าบล็อกข้อความในส่วนแบนเนอร์รูปภาพ
การตั้งค่าคำอธิบาย
คำอธิบายแสดงข้อความรูปแบบย่อหน้า
รูปแบบข้อความเปลี่ยนสไตล์ข้อความในแบนเนอร์รูปภาพ สามารถเลือกใช้เนื้อหา บทบรรยาย หรือตัวพิมพ์ใหญ่
### บล็อกปุ่ม
ภาพรวมของการตั้งค่าบล็อกปุ่มในส่วนแบนเนอร์รูปภาพ
การตั้งค่าคำอธิบาย
ป้ายกำกับปุ่มแรกข้อความที่แสดงบนปุ่มแรก
ลิงก์ปุ่มแรกURL ที่คุณต้องการเชื่อมโยงไว้ที่ปุ่มแรก
ใช้รูปแบบปุ่มแบบเค้าโครงปรับการกำหนดสไตล์ปุ่มให้เป็นเค้าโครงของปุ่มแทนที่จะเป็นพื้นหลังทึบๆ
ป้ายกำกับปุ่มที่สองข้อความที่แสดงบนปุ่มที่สอง
ลิงก์ปุ่มที่สองURL ที่คุณต้องการเชื่อมโยงไว้ที่ปุ่มที่สอง
ใช้รูปแบบปุ่มแบบเค้าโครงปรับการกำหนดสไตล์ปุ่มให้เป็นเค้าโครงของปุ่มแทนที่จะเป็นพื้นหลังทึบๆ
## รูปภาพพร้อมข้อความ {#image-with-text}

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

การตั้งค่าส่วน

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

เลือกภาพเคลื่อนไหวให้รูปภาพของคุณ:

  • ไม่มี (ค่าเริ่มต้น)
  • การเคลื่อนไหวแวดล้อม - เปลี่ยนตำแหน่งของรูปภาพอย่างช้าๆ ภายในกรอบของรูปภาพ
  • ซูมเข้าเมื่อเลื่อน - เมื่อลูกค้าเลื่อนหน้า องค์ประกอบ fory รีวิวเมื่อนั้น เช่น ข้อความและปุ่ม ให้เลื่อนด้วยความเร็วเดียวกัน ขณะที่พื้นหลังยังคงคงที่และซูมรูปภาพได้
เลย์เอาต์สำหรับอุปกรณ์มือถือเลือกการจัดตำแหน่งเนื้อหาบนอุปกรณ์มือถือ:
  • ซ้าย (ค่าเริ่มต้น)
  • ด้านขวา
  • ตรงกลาง
พื้นที่ว่างของส่วนเพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนรูปภาพพร้อมข้อความ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนรูปภาพพร้อมข้อความ
### บล็อกหัวเรื่อง
ภาพรวมของการตั้งค่าบล็อกหัวเรื่องในส่วนรูปภาพพร้อมข้อความ
การตั้งค่าคำอธิบาย
หัวเรื่องข้อความสำหรับชื่อของส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์
ขนาดของหัวเรื่องเปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่
### บล็อกข้อความ
ภาพรวมของการตั้งค่าบล็อกข้อความในส่วนรูปภาพพร้อมข้อความ
การตั้งค่าคำอธิบาย
เนื้อหาแสดงข้อความรูปแบบย่อหน้าในส่วนข้อความ
รูปแบบข้อความสไตล์ข้อความเนื้อหา:
  • เนื้อหา (ค่าเริ่มต้น)
  • คำบรรยาย
### บล็อกปุ่ม
ภาพรวมของการตั้งค่าบล็อกปุ่มในส่วนรูปภาพพร้อมข้อความ
การตั้งค่าคำอธิบาย
ป้ายกำกับปุ่มข้อความที่แสดงบนปุ่ม
ลิงก์ปุ่มURL ที่คุณต้องการเชื่อมโยงไว้ที่ปุ่ม
### บล็อกคำบรรยาย
ภาพรวมของการตั้งค่าบล็อกคำบรรยายในส่วนรูปภาพพร้อมข้อความ
การตั้งค่าคำอธิบาย
ข้อความเพิ่มสโลแกนหรือคำบรรยายลงในรูปภาพของคุณ ข้อความจะปรากฏที่ด้านล่างส่วนรูปภาพพร้อมข้อความของคุณ
รูปแบบข้อความรูปแบบของข้อความเนื้อหา:
  • ตัวพิมพ์ใหญ่ (ค่าเริ่มต้น)
  • คำบรรยาย
ขนาดตัวอักษรขนาดข้อความเนื้อหา:
  • เล็ก
  • ปานกลาง (ค่าเริ่มต้น)
  • ใหญ่
## หลายคอลัมน์ {#multicolumn}

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

การตั้งค่าส่วน

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

ความกว้างของรูปภาพที่เพิ่มไปยังคอลัมน์

  • ความกว้างเต็มคอลัมน์ (ค่าเริ่มต้น) - รูปภาพจะมีความกว้างเต็มคอลัมน์
  • ความกว้างครึ่งหนึ่งของคอลัมน์ - รูปภาพจะมีความกว้างเป็นครึ่งหนึ่งของคอลัมน์
  • ความกว้างหนึ่งในสามของคอลัมน์ - รูปภาพจะมีความกว้างเป็นหนึ่งในสามของคอลัมน์
อัตราส่วนรูปภาพ

อัตราส่วนของรูปภาพ:

  • ปรับตามรูปภาพ (ค่าเริ่มต้น) - ใช้อัตราส่วนภาพของรูปภาพ ซึ่งจะป้องกันไม่ให้รูปภาพถูกครอบตัด
  • แนวตั้ง - ครอบตัดรูปภาพเพื่อใช้อัตราส่วน 2:3
  • สี่เหลี่ยม - ครอบตัดรูปภาพเพื่อใช้อัตราส่วน 1:1
  • วงกลม - ครอบตัดรูปภาพให้แสดงเป็นวงกลม
จำนวนของคอลัมน์บนเดสก์ท็อปใช้ขนาดช่วงเพื่อเลือกจำนวนคอลัมน์ที่ปรากฏบนคอมพิวเตอร์เดสก์ท็อป ตำ่สุดคือ 1 สูงสุดคือ 6
การจัดวางคอลัมน์

การจัดวางรูปภาพและข้อความภายในคอลัมน์:

  • ซ้าย (ค่าเริ่มต้น) - จัดวางรูปภาพและข้อความไปด้านซ้าย
  • กลาง - จัดวางรูปภาพและข้อความไว้ตรงกลาง
พื้นหลังรองเลือก “ไม่มี” เพื่อซ่อนพื้นหลังรอง หรือ “แสดงเป็นพื้นหลังคอลัมน์” เพื่อเปลี่ยนสีของส่วนที่บรรจุเนื้อหาของคอลัมน์
ป้ายกำกับปุ่มข้อความที่แสดงบนปุ่ม
ลิงก์ปุ่มURL ที่คุณต้องการเชื่อมโยงไว้ที่ปุ่ม
รูปแบบสีชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี
จำนวนคอลัมน์บนมือถือตั้งค่าเลย์เอาต์คอลัมน์ที่เฉพาะเจาะจงสำหรับอุปกรณ์มือถือ โดยเลือกระหว่าง 1 และ 2 คอลัมน์
เปิดใช้การปัดบนมือถือเปลี่ยนการแสดงผลบนมือถือจากคอลัมน์เป็นแถว ซึ่งลูกค้าสามารถปัดไปทางด้านข้างเพื่อดูบล็อกคอลเลกชันเพิ่มเติมได้
พื้นที่ว่างของส่วนเพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนหลายคอลัมน์ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนหลายคอลัมน์
### บล็อกคอลัมน์

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

ภาพรวมของการตั้งค่าบล็อกคอลัมน์ในส่วนหลายคอลัมน์
การตั้งค่าคำอธิบาย
รูปภาพรูปภาพที่คุณต้องการแสดง
หัวเรื่องชื่อของคอลัมน์ ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์
คำอธิบายข้อความรูปแบบย่อหน้าในคอลัมน์
ป้ายกำกับลิงก์ [ตัวเลือกเสริม]ข้อความของลิงก์ที่เพิ่มไปยังด้านล่างบล็อกคอลัมน์ เว้นว่างไว้หากคุณยังไม่ได้เพิ่มลิงก์
ลิงก์URL ของลิงก์ เว้นว่างไว้หากไม่มีลิงก์
## หลายแถว {#multirow}

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

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

การตั้งค่าส่วน

ภาพรวมของการตั้งค่าส่วนที่มีหลายแถว
การตั้งค่าคำอธิบาย
ความสูงของรูปภาพเลือกความสูงรูปภาพ:
  • ปรับตามรูปภาพ
  • เล็ก
  • ปานกลาง (ค่าเริ่มต้น)
  • ใหญ่
ความกว้างของรูปภาพบนเดสก์ท็อปความกว้างรูปภาพ:
  • เล็ก
  • ปานกลาง (ค่าเริ่มต้น)
  • ใหญ่
ขนาดของหัวเรื่องเปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่าง ขนาดเล็ก ขนาดกลาง หรือ ขนาดใหญ่
รูปแบบข้อความเปลี่ยนรูปแบบข้อความ เลือกระหว่างเนื้อหา (ค่าเริ่มต้น) กับบทบรรยาย
รูปแบบปุ่มเลือกระหว่างปุ่มทึบกับปุ่มแบบเค้าโครง
ตำแหน่งเนื้อหาบนเดสก์ท็อปตําแหน่งแนวตั้งของเนื้อหาในส่วนที่บรรจุเนื้อหา:
  • บน
  • ตรงกลาง (ค่าเริ่มต้น)
  • ด้านล่าง
การจัดวางเนื้อหาบนเดสก์ท็อปการจัดวางข้อความในส่วนที่บรรจุเนื้อหา:
  • ด้านซ้าย (ค่าเริ่มต้น)
  • ตรงกลาง
  • ด้านขวา
การวางตำแหน่งรูปภาพบนเดสก์ท็อปเลือกตําแหน่งของรูปภาพ ระบบจะปรับการจัดวางตำแหน่งให้เหมาะสมกับมือถือโดยอัตโนมัติ:
  • สลับจากด้านซ้าย (ค่าเริ่มต้น)
  • สลับจากด้านขวา
  • จัดให้ชิดซ้าย
  • จัดให้ชิดขวา
รูปแบบสีชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี
รูปแบบสีของคอนเทนเนอร์ชุดสีที่คุณสามารถใช้กับภาชนะได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี
เลย์เอาต์สำหรับอุปกรณ์มือถือเลือกการจัดตำแหน่งเนื้อหาบนอุปกรณ์มือถือ:
  • ซ้าย (ค่าเริ่มต้น)
  • ด้านขวา
  • ตรงกลาง
พื้นที่ว่างของส่วนเพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนที่มีหลายแถว ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนรูปภาพพร้อมข้อความ
### บล็อกแถว
ภาพรวมของการตั้งค่าบล็อกแถวในส่วนหลายแถว
การตั้งค่าคำอธิบาย
รูปภาพคลิก “เลือกรูปภาพ” เพื่อเลือกรูปภาพของแถว คลิกปุ่ม “เปลี่ยน” เพื่อเปลี่ยนหรือลบรูปภาพ คลิกปุ่ม “แหล่งข้อมูล” เพื่อเชื่อมโยงไปยังแหล่งข้อมูลแบบไดนามิก
แก้ไขข้อความแสดงแทนคลิกเพื่อตั้งค่าข้อความกำกับภาพเพื่อช่วยปรับแต่งเว็บไซต์ให้ติดอันดับต้นๆ ในเครื่องมือค้นหาและเพื่อบรรยายรูปภาพให้ลูกค้าที่ใช้เครื่องอ่านหน้าจอ
คำอธิบายเพิ่มสโลแกนหรือคำบรรยายลงในรูปภาพของคุณ
หัวเรื่องข้อความสำหรับชื่อของแถว ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์
ข้อความแสดงข้อความรูปแบบย่อหน้าในแถว
ป้ายกำกับปุ่มข้อความที่แสดงบนปุ่ม
ลิงก์ปุ่มURL ที่คุณต้องการเชื่อมโยงไว้ที่ปุ่ม
## หน้า {#page}

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

การตั้งค่าส่วน

ภาพรวมของการตั้งค่าหน้า
การตั้งค่าคำอธิบาย
หน้าหน้าจากร้านค้าออนไลน์ของคุณที่คุณต้องการแสดงให้เห็น
ขนาดของหัวเรื่องเปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่
รูปแบบสีชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี
พื้นที่ว่างของส่วนเพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนหน้า ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนหน้า
## Rich Text {#rich-text}

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

การตั้งค่าส่วน

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

คุณสามารถมีส่วนหัวได้สูงสุด 3 บล็อกในส่วน Rich Text

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

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

คุณสามารถมีบล็อกข้อความในส่วน Rich Text ของคุณได้สูงสุด 3 บล็อก

ภาพรวมของการตั้งค่าบล็อกข้อความในส่วน Rich Text
การตั้งค่าคำอธิบาย
คำอธิบายข้อความรูปแบบย่อหน้าสำหรับเนื้อหาหลักของส่วน คลิกปุ่ม “แหล่งข้อมูล” เพื่อเชื่อมโยงไปยังแหล่งข้อมูลแบบไดนามิก
### บล็อกคำบรรยาย

คุณสามารถมีคำอธิบายได้สูงสุด 3 บล็อกในส่วน Rich Text

ภาพรวมของการตั้งค่าบล็อกข้อความในส่วน Rich Text
การตั้งค่าคำอธิบาย
ข้อความเพิ่มสโลแกนสั้นๆ ลงในส่วน Rich Text ของคุณ
รูปแบบข้อความใช้เมนูดรอปดาวน์เพื่อเลือกรูปแบบของข้อความระหว่างคำบรรยาย (ค่าเริ่มต้น) กับตัวพิมพ์ใหญ่
ขนาดตัวอักษรใช้เมนูดรอปดาวน์เพื่อกำหนดขนาดข้อความบรรยายของคุณ โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง (ค่าเริ่มต้น) และขนาดใหญ่
### บล็อกปุ่ม

คุณสามารถมีปุ่มได้สูงสุด 3 บล็อกในส่วน Rich Text

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

คุณสามารถเพิ่มส่วนสไลด์โชว์เพื่อแสดงสไลด์โชว์ในหน้าในร้านค้าของคุณ โดยเพิ่มได้สูงสุด 5 รูป

การตั้งค่าส่วน

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

ความสูงของสไลด์โชว์:

  • ปรับให้เข้ากับรูปภาพแรก (ค่าเริ่มต้น) - รูปภาพทั้งหมดจะมีความสูงเท่ากับรูปภาพแรกในภาพสไลด์โชว์
  • เล็ก
  • ปานกลาง (ค่าเริ่มต้น)
  • ใหญ่
รูปแบบการแบ่งหน้า

รูปแบบของการนําทางสไลด์โชว์ที่ปรากฏด้านล่างของรูปภาพ

  • จุด
  • ตัวนับ (ค่าเริ่มต้น)
  • ตัวเลข
หมุนสไลด์อัตโนมัติ

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

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

เลือกภาพเคลื่อนไหวให้รูปภาพของคุณ:

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

อธิบายรูปภาพสไลด์โชว์และให้บริบทแก่ลูกค้าที่ใช้เครื่องอ่านหน้าจอ

หัวเรื่อง

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

ขนาดของหัวเรื่อง

เลือกระหว่างหัวเรื่องขนาดเล็ก ขนาดกลาง (ค่าเริ่มต้น) หรือขนาดใหญ่

หัวเรื่องย่อยข้อความสำหรับส่วนหัวเรื่องย่อยเพิ่มเติมสำหรับรูปภาพ โดยระบบจะเพิ่มข้อความให้รูปภาพแต่ละรูป ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์
ป้ายกำกับปุ่มป้อนข้อความที่ต้องการให้แสดงบนปุ่ม หรือเว้นว่างไว้เพื่อซ่อนปุ่มทั้งปุ่ม
ลิงก์ปุ่มURL ปลายทางที่คุณต้องการให้เชื่อมโยงกับปุ่ม คลิกที่ปุ่ม “แหล่งที่มา” เพื่อเพิ่มแหล่งที่มาแบบไดนามิกเป็น URL
ใช้รูปแบบปุ่มแบบเค้าโครงคลิกที่ช่องทำเครื่องหมายเพื่อสลับไปใช้ปุ่มแบบทึบหรือแบบมีกรอบ
ตำแหน่งเนื้อหาบนเดสก์ท็อปตําแหน่งของกล่องเนื้อหาเหนือรูปภาพ สามารถเลือกวางด้านบน ตรงกลาง หรือด้านล่าง และด้านซ้าย กึ่งกลาง หรือด้านขวา โดยค่าเริ่มต้นจะเป็นตรงกึ่งกลาง
แสดงคอนเทนเนอร์บนเดสก์ท็อปทำเครื่องหมายในช่องเพื่อแสดงกล่องเนื้อหา
การจัดวางเนื้อหาบนเดสก์ท็อปจัดวางข้อความในส่วนที่บรรจุเนื้อหา โดยให้เลือกระหว่างด้านซ้าย ตรงกลาง (ค่าเริ่มต้น) หรือด้านขวา
ความทึบของการวางซ้อนรูปภาพใช้แถบเลื่อนเพื่อปรับความโปร่งใสขององค์ประกอบที่ซ้อนในรูปภาพ
รูปแบบสีชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี โดยการตั้งค่านี้จะต้องแสดงกล่องเนื้อหาจึงจะส่งผลต่อรูปภาพในสไลด์โชว์
เลย์เอาต์สำหรับอุปกรณ์มือถือเลือกว่าจะให้เนื้อหาปรากฏบนอุปกรณ์มือถืออย่างไร สามารถเลือกวางด้านซ้าย กึ่งกลาง (ค่าเริ่มต้น) หรือด้านขวา
## วิดีโอ {#video}

คุณสามารถเพิ่มส่วนวิดีโอเพื่อฝังวิดีโอจาก YouTube หรือ Vimeo ไว้บนหน้าในร้านค้าของคุณได้

การตั้งค่าส่วน

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