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

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

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

แถบประกาศ

แถบประกาศช่วยให้คุณสามารถสื่อสารข้อมูลสําคัญให้แก่ลูกค้าของคุณจากหน้าใดก็ได้ และปรับแต่งบล็อกประกาศที่แตกต่างกันได้ถึง 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) โดยต้องมีแอปรีวิวสินค้า เช่น Shopify Product Reviews และคำจำกัดความเมตาฟิลด์สำหรับ reviews.rating_count และ reviews.rating
เปิดใช้ปุ่มเพิ่มด่วน ปุ่มเพิ่มด้วยจะช่วยให้ลูกค้าสามารถเพิ่มสินค้าไปยังตะกร้าสินค้าของตนจากบัตรสินค้าได้ หากสินค้าดังกล่าวมีตัวเลือกสินค้า ปุ่มดังกล่าวจะปรากฏเป็น “เลือกตัวเลือก” และจะแสดงรายละเอียดสินค้าไว้ในป๊อปอัป ซึ่งลูกค้าจะเลือกตัวเลือกสินค้าที่ต้องการ, เพิ่มสินค้าไปยังตะกร้าสินค้า, ชำระเงินทันทีด้วย “ซื้อเลย” หรือคลิกเพื่อดูรายละเอียดทั้งหมดของสินค้าได้ โปรดทราบว่าการตั้งค่านี้จะขึ้นอยู่กับว่ามีการเปิดใช้ปุ่ม “ซื้อเลย” ในหน้าสินค้าของคุณหรือไม่ หากไม่ได้เปิดใช้ปุ่ม “ซื้อเลย” ในเทมเพลตสินค้า ลูกค้าจะยังมีตัวเลือกในการเพิ่มสินค้าไปยังตะกร้าสินค้าของตนอยู่ แต่จะมองไม่เห็นขั้นตอนการชำระเงินแบบด่วนอย่าง “ซื้อเลย”
จำนวนคอลัมน์บนมือถือ ตั้งค่าเลย์เอาต์คอลัมน์ที่เฉพาะเจาะจงสำหรับอุปกรณ์มือถือ โดยเลือกระหว่าง 1 และ 2 คอลัมน์
เปิดใช้การปัดบนมือถือ เปลี่ยนการแสดงผลบนมือถือจากคอลัมน์เป็นแถว ซึ่งลูกค้าสามารถปัดไปทางด้านข้างเพื่อดูสินค้าเพิ่มเติมได้
พื้นที่ว่างของส่วน เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนคอลเลกชันเด่น ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนคอลเลกชันเด่น

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

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

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

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

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

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

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

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

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