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

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

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

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

แถบประกาศ

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

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

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

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

บล็อกประกาศ

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

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

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

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

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

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

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

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

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

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

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

บล็อกส่วนหัว

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

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

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

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

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

บล็อกเมนู

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

บล็อกข้อมูลแบรนด์

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

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

บล็อกข้อความ

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

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

บล็อกรูปภาพ

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

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

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

บล็อกโพสต์

หากคุณมีบล็อกบนร้านค้า 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 และเพื่อบรรยายรูปภาพให้ลูกค้าที่ใช้เครื่องอ่านหน้าจอ

เนื้อหาที่ย่อได้

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

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

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

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

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

บล็อกแถวที่ย่อได้

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

รายการคอลเลกชัน

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

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

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

เลือกคอลเลกชัน

  1. จากตัวแก้ไขธีมของคุณ ให้คลิกที่บล็อกคอลเลกชันที่คุณต้องการเพิ่มคอลเลกชันเข้าไป
  2. คลิกที่ เลือกคอลเลกชัน
  3. คลิกที่คอลเลกชัน แล้วคลิก “เลือก

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

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

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

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

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

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

ปรับแต่ง Liquid

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

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

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

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

แบนเนอร์การลงทะเบียนอีเมล

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

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

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

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

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

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

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


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

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


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

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

บล็อกหัวเรื่อง

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

บล็อกหัวเรื่องย่อย

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

การลงทะเบียนอีเมล

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

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

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

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

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

บล็อกหัวเรื่อง

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

บล็อกหัวเรื่องย่อย

ภาพรวมของการตั้งค่าบล็อกหัวเรื่องย่อยในส่วนการลงทะเบียนอีเมล
การตั้งค่าคำอธิบาย
คำอธิบายคำอธิบายของส่วนนี้

รูปแบบอีเมล

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

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

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

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

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

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

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

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

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

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

ภาพรวมของบล็อกส่วนที่พร้อมใช้งานในส่วนสินค้าเด่น
บล็อกการตั้งค่า
ข้อความป้อนข้อความสำหรับสินค้าแนะนำของคุณ:
  • ข้อความ: รองรับข้อความหรือแหล่งที่มาแบบไดนามิก
  • รูปแบบข้อความ: เลือกระหว่างเนื้อหา หัวเรื่องย่อย หรือตัวพิมพ์ใหญ่
ชื่อ ขนาดของหัวเรื่อง: เลือกระหว่าง เล็ก กลาง หรือใหญ่
ราคาบล็อกนี้ไม่สามารถปรับแต่งค่าได้
รายการตัวเลือกสินค้าเลือกระหว่างตัวเลือกสินค้าทรงเม็ดยาหรือเมนูดรอปดาวน์
ตัวเลือกจำนวนบล็อกนี้ไม่สามารถปรับแต่งค่าได้
ปุ่มซื้อทำเครื่องหมายในช่องปุ่มการชำระเงินแบบไดนามิกเพื่อแสดงตัวเลือกการชำระเงินแบบไดนามิกที่คุณได้เปิดใช้ในการตั้งค่าการชำระเงินของคุณ
แชร์ข้อความที่คลิกได้ที่ให้ลูกค้าแชร์สินค้าไปยังโซเชียลมีเดียของตน
คะแนนของสินค้าแสดงคะแนนเฉลี่ยของสินค้าเป็นดาวพร้อมจำนวนรีวิวในวงเล็บ เช่น ★★★★★ (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)

แบนเนอร์รูปภาพ

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

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

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

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

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

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

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

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

บล็อกหัวเรื่อง

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

บล็อกข้อความ

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

บล็อกปุ่ม

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

รูปภาพพร้อมข้อความ

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

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

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

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

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

บล็อกหัวเรื่อง

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

บล็อกข้อความ

ภาพรวมของการตั้งค่าบล็อกข้อความในส่วนรูปภาพพร้อมข้อความ
การตั้งค่าคำอธิบาย
เนื้อหาแสดงข้อความรูปแบบย่อหน้าในส่วนข้อความ
รูปแบบข้อความสไตล์ข้อความเนื้อหา:
  • เนื้อหา (ค่าเริ่มต้น)
  • คำบรรยาย

บล็อกปุ่ม

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

บล็อกคำบรรยาย

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

หลายคอลัมน์

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

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

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

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

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

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

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

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

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

บล็อกคอลัมน์

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

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

หลายแถว

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

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

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

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

บล็อกแถว

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

หน้า

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

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

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

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 ที่คุณต้องการเชื่อมโยงไว้ที่ปุ่ม
ใช้รูปแบบปุ่มแบบเค้าโครงปรับการกำหนดสไตล์ปุ่มให้เป็นเค้าโครงของปุ่มแทนที่จะเป็นพื้นหลังทึบๆ

สไลด์โชว์

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

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

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

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

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

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

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

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

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

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

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

การตั้งค่าสไลด์รูปภาพ

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

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

หัวเรื่อง

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

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

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

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

วิดีโอ

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

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

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