ฟีเจอร์ของร้านค้าออนไลน์
ฟีเจอร์ส่วนทำให้คุณสามารถเพิ่มฟีเจอร์ลงในร้านค้าออนไลน์หน้าใดก็ได้ คุณสามารถเลือก เพิ่ม และกําหนดค่าส่วนต่างๆ ด้วยรูปภาพ ข้อความ สีประจำแบรนด์ และอื่นๆ อีกมากมาย
หน้าบางหน้าจะมีส่วนที่มากับค่าเริ่มต้น เช่น แถบประกาศ ส่วนหัว และส่วนท้าย ส่วนเหล่านี้จะปรากฏในทุกหน้า
ธีมโดย Shopify ทั้งหมดมีฟีเจอร์ร้านค้าออนไลน์ที่มีรายละเอียดในหน้านี้ นอกจากนี้ ธีมแบบมีค่าใช้จ่ายอาจมีฟีเจอร์เหล่านี้บางส่วนด้วย หากต้องการรายละเอียดเพิ่มเติม โปรดดูคู่มือช่วยเหลือเกี่ยวกับธีมเฉพาะของคุณ
แถบประกาศ
แถบประกาศช่วยให้คุณสามารถสื่อสารข้อมูลสําคัญให้แก่ลูกค้าของคุณจากหน้าใดก็ได้ และปรับแต่งบล็อกประกาศที่แตกต่างกันได้ถึง 12 บล็อก นอกจากนี้คุณยังสามารถเพิ่มตัวเลือกภาษา ตัวเลือกประเทศหรือภูมิภาค และไอคอนโซเชียลมีเดียไปยังแถบประกาศของคุณ
หากคุณมีหลายประกาศ คุณสามารถเลือกได้ว่าจะหมุนประกาศของคุณโดยอัตโนมัติหรือให้ลูกค้าของคุณผ่านการประกาศของคุณโดยใช้ปุ่มเครื่องหมายบั้งด้วยตนเอง
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
แสดงเส้นของตัวแบ่ง | แสดงเส้นเพื่อแยกแถบประกาศออกจากเนื้อหาของหน้าอย่างชัดเจน |
ไอคอนโซเชียลมีเดีย | แสดงไอคอนโซเชียลมีเดียที่ลิงก์ไปยังบัญชีผู้ใช้โซเชียลมีเดียของคุณ |
เปลี่ยนประกาศอัตโนมัติ | เปิดใช้งานเพื่อหมุนประกาศของคุณโดยอัตโนมัติ |
เปลี่ยนสไลด์ทุก | เลือกความถี่ของการหมุนของประกาศ |
เปิดใช้ตัวเลือกประเทศ/ภูมิภาค | เพิ่มตัวเลือกที่ลูกค้าสามารถเลือกประเทศและภูมิภาคที่คุณได้เปิดใช้ในการตั้งค่าการชำระเงินของคุณ เพื่อให้ลูกค้าสามารถดูราคาสินค้าของคุณในสกุลเงินที่ลูกค้าเลือกได้ |
เปิดใช้ตัวเลือกภาษา | เพิ่มตัวเลือกที่ลูกค้าสามารถเลือกประเทศและภูมิภาคที่คุณได้เปิดใช้ในการตั้งค่าภาษาของคุณ เพื่อให้ลูกค้าสามารถเรียกดูร้านค้าของคุณในภาษาที่ลูกค้าเลือกได้ |
คุณสามารถเพิ่มข้อความและลิงก์ไปยังบล็อกประกาศเพื่อให้สามารถคลิกได้และพาลูกค้าไปยังหน้าที่ระบุ
การตั้งค่า | คำอธิบาย |
---|---|
ข้อความ | ประกาศที่คุณต้องการแสดงให้แก่ลูกค้าเห็น |
ลิงก์ | ลิงก์ที่คุณต้องการให้ลูกค้าเข้าไปหากพวกเขาคลิกที่แถบประกาศ |
ส่วนหัวจะแสดงในทุกหน้าในร้านค้าออนไลน์ของคุณ
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
ตำแหน่งโลโก้บนเดสก์ท็อป |
ที่ซึ่งโลโก้จะแสดงในส่วนหัวเมื่อลูกค้าเข้าชมเว็บไซต์บนหน้าจอขนาดใหญ่ โดยตําแหน่งของโลโก้จะปรับให้เหมาะกับมือถือโดยอัตโนมัติ
|
เมนู | เมนูเพื่อใช้เป็นเมนูหลักของคุณ คลิก “เปลี่ยน” เพื่อเลือกเมนูอื่น |
ประเภทเมนูสำหรับเดสก์ท็อป | ใช้เมนูดรอปดาวน์เพื่อเลือกประเภทเมนูเดสก์ท็อป:
|
ส่วนหัวแบบยึดตำแหน่ง |
เลือกว่าจะใช้ส่วนหัวแบบยึดตำแหน่งหรือไม่และต้องการให้ส่วนหัวแสดงให้เห็นอย่างไร
|
แสดงเส้นของตัวแบ่ง | แสดงเส้นเพื่อแยกส่วนหัวออกจากเนื้อหาของหน้าอย่างชัดเจน |
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
เปิดใช้ตัวเลือกประเทศ/ภูมิภาค | เพิ่มตัวเลือกที่ลูกค้าสามารถเลือกประเทศและภูมิภาคที่คุณได้เปิดใช้ในการตั้งค่าการชำระเงินของคุณ เพื่อให้ลูกค้าสามารถดูราคาสินค้าของคุณในสกุลเงินที่ลูกค้าเลือกได้ |
เปิดใช้ตัวเลือกภาษา | เพิ่มตัวเลือกที่ลูกค้าสามารถเลือกประเทศและภูมิภาคที่คุณได้เปิดใช้ในการตั้งค่าภาษาของคุณ เพื่อให้ลูกค้าสามารถเรียกดูร้านค้าของคุณในภาษาที่ลูกค้าเลือกได้ |
ตำแหน่งโลโก้บนมือถือ |
เลือกว่าโลโก้จะแสดงให้เห็นที่ใดบนมือถือ
|
การเว้นระยะห่าง | เพิ่มพื้นที่ว่างด้านล่างส่วนหัวของคุณ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 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 ไปยังด้านบนหรือด้านล่างของส่วนบล็อกโพสต์ |
- ในตัวแก้ไขธีมของคุณ ให้คลิกที่ชื่อของส่วนบล็อกโพสต์
- ในส่วนบล็อก ให้คลิก “เปลี่ยน”
- เลือกบล็อก
- คลิก “เลือก” จากนั้นคลิก “บันทึก”
ภาพตัดแปะ
คุณสามารถสร้างคอลลาจของรูปภาพ สินค้า คอลเลกชัน และวิดีโอได้ โดยส่วนคอลลาจแต่ละส่วนจะมีบล็อกสามบล็อก แต่ละส่วนจะประกอบด้วยบล็อกรูปภาพ บล็อกสินค้า และบล็อกคอลเลกชันตามค่าเริ่มต้น เมื่อลบหนึ่งในบล็อกดังกล่าวออก คุณจะสามารถเพิ่มบล็อกวิดีโอได้
หากต้องการสร้างคอลลาจที่มีบล็อกมากกว่า 3 บล็อก ให้เพิ่มส่วนคอลลาจเพิ่มเติมที่ด้านล่างส่วนแรกและห้ามใส่ค่าหัวเรื่องลงในส่วนคอลลาจด้านล่าง ซึ่งทำให้ส่วนคอลลาจจะปรากฏพร้อมกันเป็นส่วนเดียว
อัตราส่วนภาพที่แนะนำสำหรับรูปภาพทั้งหมดในส่วนนี้คือ 2:3 หรือ 1:1
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
ขนาดของหัวเรื่อง | เปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่ |
เลย์เอาต์ของเดสก์ท็อป |
รูปแบบที่สื่อแบบคอลลาจจะปรากฏบนเดสก์ท็อป
|
เลย์เอาต์สำหรับอุปกรณ์มือถือ |
รูปแบบที่บล็อกจะปรากฏบนมือถือ คอลลาจ - แสดงรูปภาพในเลย์เอาต์รูปแบบคอลลาจ:
|
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
พื้นที่ว่างของส่วน | เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนภาพคอลลาจ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนดังกล่าว |
การตั้งค่า | คำอธิบาย |
---|---|
รูปภาพหน้าปก | รูปภาพที่จะแสดงให้เห็นก่อนที่ลูกค้าเล่นวิดีโอ คุณสามารถอัปโหลดรูปภาพหน้าปกแบบกำหนดเองได้จากส่วนผู้ดูแล Shopify ของคุณ |
URL | ลิงก์ YouTube หรือ Vimeo ที่ไปยังวิดีโอ โดยวิดีโอจะต้องพร้อมให้ชมแบบสาธารณะ โดยวิดีโอดังกล่าวจะเล่นในหน้าต่างป๊อปอัป |
ข้อความแสดงแทนวิดีโอ | ข้อความแสดงแทนสำหรับวิดีโอ อธิบายบริบทและวัตถุประสงค์ของวิดีโอแก่ลูกค้าที่ใช้เครื่องอ่านหน้าจอ |
การตั้งค่า | คำอธิบาย |
---|---|
สินค้า | สินค้าที่คุณต้องการแสดง |
แสดงรูปภาพที่สองเมื่อนำเมาส์ไปวาง | เมื่อลูกค้าวางเคอร์เซอร์เหนือรูปภาพสินค้า ระบบจะแสดงรูปภาพที่สองของสินค้าหากสินค้านั้นมีมากกว่าหนึ่งรูป |
การตั้งค่า | คำอธิบาย |
---|---|
คอลเลกชัน | คอลเลกชันที่คุณต้องการแสดง |
การตั้งค่า | คำอธิบาย |
---|---|
รูปภาพ | รูปภาพของส่วนนั้นๆ คลิก “เลือกรูปภาพ” เพื่อเลือกรูปภาพ หรือคลิกปุ่ม “เปลี่ยน” เพื่อเปลี่ยนหรือลบรูปภาพ |
แก้ไขข้อความแสดงแทน | เพิ่มข้อความอธิบายรูปภาพโดยสรุปเพื่อช่วยทำ SEO และเพื่อบรรยายรูปภาพให้ลูกค้าที่ใช้เครื่องอ่านหน้าจอ |
ส่วนเนื้อหาแบบพับได้จะมีเนื้อหาเป็นแถวๆ ซึ่งคุณสามารถย่อหรือขยายเพื่อดูเนื้อหาภายในได้ และสามารถวางรูปภาพไว้ที่ด้านซ้ายหรือด้านขวาของเนื้อหาที่สามารถพับได้
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
คำอธิบาย | คำบรรยายสำหรับส่วนเนื้อหาแบบพับได้ซึ่งจะมีหรือไม่มีก็ได้ แสดงอยู่เหนือส่วนหัวของส่วนดังกล่าว |
หัวเรื่อง | หัวเรื่องของส่วนเนื้อหาที่ย่อได้ ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
ขนาดของหัวเรื่อง | เปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่ |
การจัดวางหัวเรื่อง | เลือกการจัดตำแหน่งของส่วนหัว โดยสามารถเลือกวางที่ด้านซ้าย กึ่งกลาง (ค่าเริ่มต้น) หรือด้านขวา |
เลย์เอาต์ |
เลือกเลย์เอาต์สำหรับเนื้อหาแบบพับได้ของคุณ:
|
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
รูปแบบสีของคอนเทนเนอร์ | ชุดสีที่คุณสามารถใช้กับภาชนะได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี รูปแบบสีที่เลือกจะแสดงขึ้นเมื่อตั้งตัวเลือกเลย์เอาต์เป็นคอนเทนเนอร์แบบแถวหรือส่วนเท่านั้น |
เปิดแถวที่ย่อได้แถวแรก | เมื่อเลือกแล้ว แถวแรกของเนื้อหาแบบพับได้ของคุณจะถูกขยายไว้ตามค่าเริ่มต้น |
รูปภาพ | รูปภาพของส่วนนั้นๆ คลิก “เลือกรูปภาพ” เพื่อเลือกรูปภาพ หรือคลิกปุ่ม “เปลี่ยน” เพื่อเปลี่ยนหรือลบรูปภาพ |
แก้ไขข้อความแสดงแทน | เพิ่มข้อความอธิบายรูปภาพโดยสรุปเพื่อช่วยทำ SEO และเพื่อบรรยายรูปภาพให้ลูกค้าที่ใช้เครื่องอ่านหน้าจอ |
อัตราส่วนรูปภาพ | อัตราส่วนของรูปภาพในส่วน:
|
เลย์เอาต์ของเดสก์ท็อป | เลือกว่าจะให้รูปภาพหรือแถวแบบพับได้ปรากฏเป็นอันดับแรก การตั้งค่าเริ่มต้นจะให้ข้อความปรากฏก่อน ส่วนบนมือถือรูปภาพจะปรากฏก่อนเสมอ |
พื้นที่ว่างของส่วน | เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของเนื้อหาแบบย่อได้ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนเนื้อหาแบบย่อได้ |
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | หัวเรื่องของแถวแบบพับได้ |
ไอคอน | เลือกไอคอนที่คุณต้องการให้แสดงอยู่หน้าหัวข้อของเนื้อหาแบบย่อได้จากรายการแบบดรอปดาวน์ โดยระบบจะเลือกไอคอนเครื่องหมายถูกไว้ตามค่าเริ่มต้น |
เนื้อหาในแถว | เนื้อหาในแถวแบบพับได้ เนื้อหานี้สามารถจัดรูปแบบหรือใส่ลิงก์ URL ได้ ฟีเจอร์นี้สามารถใช้ร่วมกับเนื้อหาในแถวจากหน้าได้ |
เนื้อหาในแถวจากหน้า | คุณสามารถแทรกเนื้อหาที่มีอยู่ในหน้าอื่นลงในแถวแบบพับได้ คลิก “เปลี่ยน” เพื่อเลือกหรือลบหน้าออก คุณสามารถใช้ฟีเจอร์นี้ร่วมกับเนื้อหาในแถวได้ |
คุณสามารถเพิ่มรายการคอลเลกชันที่คุณต้องการไฮไลท์ได้ คุณสามารถเพิ่มบล็อกคอลเลกชันไปยังรายการคอลเลกชันได้สูงสุดถึง 16 บล็อก
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
ขนาดของหัวเรื่อง | เปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่ |
อัตราส่วนรูปภาพ | อัตราส่วนของรูปภาพที่แสดงของคอลเลกชัน:
|
จำนวนของคอลัมน์บนเดสก์ท็อป | จำนวนของคอลัมน์ที่จะแสดงบนคอมพิวเตอร์เดสก์ท็อป ต่ำสุด: 1 สูงสุด: 5 |
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
เปิดใช้ปุ่ม “ดูทั้งหมด” หากในรายการมีคอลเลกชันมากกว่าที่แสดงไว้ | แสดงปุ่ม “ดูทั้งหมด” ที่นำลูกค้าไปยังรายการคอลเลกชันทั้งหมด |
จำนวนคอลัมน์บนมือถือ | ตั้งค่าเลย์เอาต์คอลัมน์ที่เฉพาะเจาะจงสำหรับอุปกรณ์มือถือ โดยเลือกระหว่าง 1 และ 2 คอลัมน์ |
เปิดใช้การปัดบนมือถือ | เปลี่ยนการแสดงผลบนมือถือจากคอลัมน์เป็นแถว ซึ่งลูกค้าสามารถปัดไปทางด้านข้างเพื่อดูบล็อกคอลเลกชันเพิ่มเติมได้ |
พื้นที่ว่างของส่วน | เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของรายการคอลเลกชัน ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนคอลเลกชัน |
- จากตัวแก้ไขธีมของคุณ ให้คลิกที่บล็อกคอลเลกชันที่คุณต้องการเพิ่มคอลเลกชันเข้าไป
- คลิกที่ เลือกคอลเลกชัน
- คลิกที่คอลเลกชัน แล้วคลิก “เลือก”
แบบฟอร์มการติดต่อ
แบบฟอร์มการติดต่อของคุณจะส่งรายการที่ต้องส่งทั้งหมดไปยังที่อยู่อีเมลผู้ส่งของร้านค้าคุณ คุณสามารถเปลี่ยนที่อยู่อีเมลผู้ส่งได้ในหน้าการตั้งค่าการแจ้งเตือนจากส่วนผู้ดูแล Shopify ของคุณ หากคุณมีโดเมนของผู้ให้บริการภายนอก คุณอาจจำเป็นต้องรับรองความถูกต้องของโดเมนของคุณด้วย
แบบฟอร์มมีช่องดังต่อไปนี้:
- ชื่อ
- อีเมล (ต้องระบุ)
- หมายเลขโทรศัพท์
- ความคิดเห็น
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
ขนาดของหัวเรื่อง | เปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่ |
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
พื้นที่ว่างของส่วน | เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของแบบฟอร์มการติดต่อ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนแบบฟอร์มการติดต่อ |
คุณสามารถเพิ่มโค้ด Liquid ของคุณเองเพื่อสร้างส่วนแบบกำหนดเองได้
- เพิ่มส่วนย่อยของแอปที่ให้ไว้ในคําแนะนําจากแอปที่ดาวน์โหลดมาเพื่อเพิ่มแอปไปยังหน้าของคุณ
- เพิ่มโค้ดปรับแต่ง Liquid ได้โดยตรงในตัวแก้ไข
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
ปรับแต่ง Liquid | เพิ่มส่วนย่อยของแอปหรือโค้ด Liquid แบบกำหนดเองอื่นๆ เพื่อสร้างการปรับแต่งขั้นสูง |
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
พื้นที่ว่างของส่วน | เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วน Liquid แบบกำหนดเอง ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วน Liquid แบบกำหนดเอง |
คุณสามารถเพิ่มส่วนลงในหน้าป้อนรหัสผ่านของคุณได้ ในหน้านี้ลูกค้าจะสามารถป้อนที่อยู่อีเมลของตนเพื่อรับทราบข้อมูลเมื่อร้านค้าของคุณเปิด การสมัครใช้งานอีเมลแต่ละรายการจะสร้างบัญชีผู้ใช้ของลูกค้าขึ้นมา
ส่วนนี้มาพร้อมกับบล็อกสามบล็อกตามค่าเริ่มต้น:
- หัวเรื่อง
- หัวเรื่องย่อย
- รูปแบบอีเมล
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
รูปภาพพื้นหลัง | รูปภาพพื้นหลังของแบนเนอร์การลงทะเบียนอีเมล คลิก “เปลี่ยน” เพื่อแทนที่หรือลบรูปภาพดังกล่าว เมื่อลบรูปภาพออก ระบบจะแสดงรูปภาพที่มากับธีม คุณสามารถซ่อนรูปภาพนี้ได้โดยการเลิกทำเครื่องหมายในช่อง “แสดงภาพพื้นหลัง” |
แก้ไขข้อความแสดงแทน | คลิกเพื่อตั้งค่าข้อความกำกับภาพเพื่อช่วยปรับแต่งเว็บไซต์ให้ติดอันดับต้นๆ ในเครื่องมือค้นหาและเพื่อบรรยายรูปภาพให้ลูกค้าที่ใช้เครื่องอ่านหน้าจอ |
ความทึบของการวางซ้อนรูปภาพ | ลดความสว่างของรูปภาพแบนเนอร์การลงทะเบียนอีเมลด้วยการวางซ้อน ทั้งนี้ ให้ใช้แถบเลื่อนเพื่อกำหนดความทึบขององค์ประกอบที่วางซ้อน โดยค่าเริ่มต้นคือ 0% |
แสดงรูปภาพพื้นหลัง | ทำเครื่องหมายในช่องนี้เพื่อแสดงรูปภาพพื้นหลังบนแบนเนอร์การลงทะเบียนอีเมลของคุณ |
ความสูงของแบนเนอร์ | ตั้งค่าความสูงของรูปภาพที่จะแสดงบนแบนเนอร์การลงทะเบียนอีเมลของคุณโดยใช้เมนูดรอปดาวน์ โดยสามารถเลือกให้ปรับให้เข้ากับรูปภาพ ขนาดเล็ก ขนาดกลาง (ค่าเริ่มต้น) หรือขนาดใหญ่ |
ตำแหน่งเนื้อหาบนเดสก์ท็อป | ตั้งค่าตําแหน่งของแบนเนอร์การลงทะเบียนอีเมลสำหรับคอมพิวเตอร์เดสก์ท็อป คุณสามารถเลือกวางที่ด้านบน ตรงกลาง หรือด้านล่าง และด้านขวา ด้านซ้าย หรือกึ่งกลาง โดยตัวเลือกเริ่มต้นจะเป็นกึ่งกลาง
|
แสดงคอนเทนเนอร์บนเดสก์ท็อป | วางข้อความรูปภาพของแบนเนอร์การลงทะเบียนอีเมลของคุณลงในกล่องข้อความเหนือรูปภาพ สำหรับลูกค้าที่เลือกซื้อสินค้าจากคอมพิวเตอร์เดสก์ท็อป |
การจัดวางเนื้อหาบนเดสก์ท็อป | จัดตำแหน่งข้อความของแบนเนอร์รูปภาพสำหรับคอมพิวเตอร์เดสก์ท็อป สามารถเลือกวางที่ด้านขวา ด้านซ้าย หรือกึ่งกลาง (ค่าเริ่มต้น) |
รูปแบบสี |
ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี
|
การจัดวางเนื้อหาบนมือถือ | จัดตำแหน่งข้อความแบนเนอร์รูปภาพสำหรับอุปกรณ์มือถือ สามารถเลือกวางด้านขวา ด้านซ้าย หรือกึ่งกลาง (ค่าเริ่มต้น) |
แสดงเนื้อหาด้านล่างบนมือถือ | เนื้อหาจะปรากฏด้านล่างรูปภาพแบนเนอร์การลงทะเบียนอีเมลบนอุปกรณ์มือถือ |
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อสำหรับส่วนดังกล่าว |
ขนาดของหัวเรื่อง | เปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่ |
การตั้งค่า | คำอธิบาย |
---|---|
คำอธิบาย | คำอธิบายของส่วนนี้ |
รูปแบบข้อความ | เปลี่ยนสไตล์ข้อความในส่วนการลงทะเบียนอีเมล สามารถเลือกเป็นเนื้อหา (ค่าเริ่มต้น) หรือบทบรรยาย |
คุณสามารถเพิ่มส่วนที่ลูกค้าสามารถป้อนที่อยู่อีเมลของตนและสมัครรับจดหมายข่าวหรือข้อมูลการตลาดของคุณ เมื่อลูกค้าสมัครแล้ว ระบบจะสร้างบัญชีผู้ใช้ของลูกค้าขึ้นในส่วนผู้ดูแล Shopify ของคุณ
ส่วนนี้มาพร้อมกับบล็อกสามบล็อกตามค่าเริ่มต้น:
- หัวเรื่อง
- หัวเรื่องย่อย
- รูปแบบอีเมล
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
ทำให้ส่วนเต็มความกว้าง | ทำให้ส่วนมีขนาดเต็มความกว้างของหน้าต่างเบราว์เซอร์ |
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อสำหรับส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
ขนาดของหัวเรื่อง | เปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่ |
การตั้งค่า | คำอธิบาย |
---|---|
คำอธิบาย | คำอธิบายของส่วนนี้ |
บล็อกแบบฟอร์มอีเมลจะแสดงช่องที่ลูกค้าสามารถป้อนที่อยู่อีเมลเพื่อลงทะเบียนรับเอกสารข้อมูลทางการตลาดของคุณ โดยบล็อกนี้ไม่สามารถปรับแต่งการตั้งค่าได้
คอลเลกชันเด่น
คุณสามารถเพิ่มส่วนที่แสดงสินค้าในคอลเลกชันเดียวได้
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ คลิกปุ่มแหล่งที่มาแบบไดนามิกเพื่อแทรกแหล่งที่มาแบบไดนามิกเป็นชื่อส่วน |
ขนาดของหัวเรื่อง | เปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่ |
คำอธิบาย | ป้อนข้อความอธิบายสำหรับคอลเลกชันเด่น คุณสามารถจัดรูปแบบข้อความให้เป็นตัวหนา ตัวเอียง หรือใส่ลิงก์ได้ คลิกปุ่มแหล่งที่มาแบบไดนามิกเพื่อแทรกแหล่งที่มาแบบไดนามิกของคำอธิบายสำหรับคอลเลกชันเด่น |
แสดงคำอธิบายคอลเลกชันจากส่วนผู้ดูแล Shopify | การทําเครื่องหมายที่ช่องนี้จะเป็นการใช้คำอธิบายสำหรับคอลเลกชันซึ่งคุณได้เพิ่มไปยังคอลเลกชันดังกล่าวในส่วนผู้ดูแล Shopify แทนการใช้ข้อความใดๆ ที่ป้อนไว้ในช่องคำอธิบายด้านบน |
รูปแบบคำอธิบาย | ใช้เมนูดรอปดาวน์เพื่อเลือกรูปแบบให้กับคำอธิบายสำหรับคอลเลกชันเด่นของคุณ โดยตัวเลือกของรูปแบบจะเป็นได้ทั้ง เนื้อหา (ค่าเริ่มต้น) คำบรรยาย หรือตัวพิมพ์ใหญ่ |
คอลเลกชัน | คอลเลกชันที่คุณต้องการแสดงสินค้า คลิก “เปลี่ยน” เพื่อลบหรือเปลี่ยนคอลเลกชัน |
จำนวนสินค้าสูงสุดที่จะแสดง | จํานวนสินค้าจากคอลเลกชันที่จะแสดง ขั้นต่ำ: 2 รายการ สูงสุด: 25 รายการ |
จำนวนของคอลัมน์บนเดสก์ท็อป | จำนวนของคอลัมน์ที่จะแสดงบนคอมพิวเตอร์เดสก์ท็อป ต่ำสุด: 1 สูงสุด: 5 |
ทำให้สินค้าเต็มความกว้าง | ช่องทำเครื่องหมายเพื่อแสดงสินค้าในหน้าต่างแบบเต็มความกว้าง ไม่ว่าการตั้งค่าความกว้างหน้าจะเป็นอย่างไร |
เปิดใช้ปุ่ม “ดูทั้งหมด” หากคอลเลกชันมีสินค้ามากกว่าที่แสดงไว้ | หากคอลเลกชันมีสินค้ามากกว่าที่กำหนดไว้ในช่องจำนวนสินค้าสูงสุดที่จะแสดง ระบบจะแสดงปุ่ม “ดูทั้งหมด” ที่จะพาลูกค้าไปยังหน้าคอลเลกชันนั้นๆ |
รูปแบบ “ดูทั้งหมด” | เลือกระหว่างลิงก์ ปุ่มทึบ กับปุ่มแบบเค้าโครง |
เปิดใช้ภาพสไลด์บนเดสก์ท็อป | ช่องทำเครื่องหมายเพื่อแสดงสินค้าแบบภาพสไลด์บนหน้าจอที่มีความกว้างมากกว่า 989 พิกเซล |
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
อัตราส่วนรูปภาพ | อัตราส่วนของรูปภาพสินค้า:
|
รูปทรงภาพ | เลือกหนึ่งในรูปทรงภาพต่อไปนี้สำหรับรูปภาพสินค้าของคุณ:
|
แสดงรูปภาพที่สองเมื่อนำเมาส์ไปวาง | เมื่อลูกค้าวางเคอร์เซอร์เหนือรูปภาพสินค้า ระบบจะแสดงรูปภาพที่สองของสินค้าหากสินค้านั้นมีมากกว่าหนึ่งรูป |
แสดงเวนเดอร์ | แสดงเวนเดอร์สินค้า |
แสดงคะแนนของสินค้า | แสดงคะแนนเฉลี่ยของสินค้าเป็นดาวพร้อมจำนวนรีวิวในวงเล็บ เช่น ★★★★★ (8) โดยต้องมีแอปรีวิวผลิตภัณฑ์และคำจำกัดความเมตาฟิลด์สำหรับ reviews.rating_count และ reviews.rating |
เปิดใช้ปุ่มเพิ่มด่วน | ปุ่มเพิ่มด่วนจะช่วยให้ลูกค้าสามารถเพิ่มสินค้าไปยังตะกร้าสินค้าของตนจากบัตรสินค้าได้ หากสินค้าดังกล่าวมีตัวเลือกสินค้า ปุ่มดังกล่าวจะปรากฏเป็น “เลือกตัวเลือก” และจะแสดงรายละเอียดสินค้าไว้ในป๊อปอัป ซึ่งลูกค้าจะเลือกตัวเลือกสินค้าที่ต้องการ, เพิ่มสินค้าไปยังตะกร้าสินค้า, ชำระเงินทันทีด้วย “ซื้อเลย” หรือคลิกเพื่อดูรายละเอียดทั้งหมดของสินค้าได้ โปรดทราบว่าการตั้งค่านี้จะขึ้นอยู่กับว่ามีการเปิดใช้ปุ่ม “ซื้อเลย” ในหน้าสินค้าของคุณหรือไม่ หากไม่ได้เปิดใช้ปุ่ม “ซื้อเลย” ในเทมเพลตสินค้า ลูกค้าจะยังมีตัวเลือกในการเพิ่มสินค้าไปยังตะกร้าสินค้าของตนอยู่ แต่จะมองไม่เห็นขั้นตอนการชำระเงินแบบด่วนอย่าง “ซื้อเลย” |
จำนวนคอลัมน์บนมือถือ | ตั้งค่าเลย์เอาต์คอลัมน์ที่เฉพาะเจาะจงสำหรับอุปกรณ์มือถือ โดยเลือกระหว่าง 1 และ 2 คอลัมน์ |
เปิดใช้การปัดบนมือถือ | เปลี่ยนการแสดงผลบนมือถือจากคอลัมน์เป็นแถว ซึ่งลูกค้าสามารถปัดไปทางด้านข้างเพื่อดูสินค้าเพิ่มเติมได้ |
พื้นที่ว่างของส่วน | เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนคอลเลกชันเด่น ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนคอลเลกชันเด่น |
คุณสามารถเพิ่มส่วนที่แนะนำเฉพาะสินค้าบางรายการได้
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
สินค้า | สินค้าที่คุณต้องการแนะนำในส่วนดังกล่าว |
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
แสดงพื้นหลังรอง | แสดงสินค้าแนะนำบนสีพื้นหลังรองของคุณ |
ความกว้างของสื่อบนเดสก์ท็อป | เลือกสื่อขนาดเล็ก กลาง หรือใหญ่ ระบบจะปรับขนาดรูปภาพให้เหมาะสมกับมือถือโดยอัตโนมัติ |
จำกัดสื่อไว้ที่ความสูงของหน้าจอ | การเลือกตัวเลือกนี้จะตั้งค่าความสูงของสื่อสูงสุดตามความสูงของหน้าต่างเบราว์เซอร์ |
การปรับขนาดสื่อให้เหมาะสม | เลือก ดั้งเดิม เพื่อรักษาอัตราส่วนภาพดั้งเดิม หรือ เติมให้เต็ม เพื่อปรับสื่อให้พอดีกับจอแสดงผลสื่อ |
ตำแหน่งสื่อบนเดสก์ท็อป | เลือกว่าจะให้สื่อสินค้าที่แนะนำปรากฏอยู่ที่ด้านซ้ายหรือด้านขวา มีผลเฉพาะกับผู้ใช้ที่เข้าถึงหน้านี้บนคอมพิวเตอร์เดสก์ท็อปเท่านั้น |
การซูมรูปภาพ |
เลือกว่าจะซูมรูปภาพบนเดสก์ท็อปอย่างไร
|
ซ่อนสื่อของตัวเลือกสินค้าอื่นๆ | เลือกตัวเลือกนี้เพื่อซ่อนสื่อของตัวเลือกสินค้าอื่นๆ หลังจากที่มีการเลือกตัวเลือกสินค้า |
เปิดใช้การวนซ้ำวิดีโอ | อนุญาตให้เล่นวิดีโออีกครั้ง ลูกค้าต้องคลิกเพื่อเริ่มเล่นซ้ำ |
พื้นที่ว่างของส่วน | เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนสินค้าที่แนะนำ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 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% |
ความสูงของแบนเนอร์ |
ตั้งค่าความสูงของรูปภาพแบนเนอร์ของคุณโดยใช้เมนูดรอปดาวน์
|
ตำแหน่งเนื้อหาบนเดสก์ท็อป | จัดตําแหน่งของแบนเนอร์รูปภาพเดสก์ท็อป สามารถเลือกวางด้านบน ตรงกลาง หรือด้านล่าง และด้านขวา ด้านซ้าย หรือกึ่งกลาง |
แสดงคอนเทนเนอร์บนเดสก์ท็อป | วางข้อความรูปภาพของแบนเนอร์ลงในกล่องข้อความเหนือรูปภาพแบนเนอร์สำหรับลูกค้าที่เลือกซื้อสินค้าจากคอมพิวเตอร์เดสก์ท็อป |
การจัดวางเนื้อหาบนเดสก์ท็อป | ตั้งค่าการจัดวางข้อความในแบนเนอร์รูปภาพสำหรับคอมพิวเตอร์เดสก์ท็อป โดยให้เลือกระหว่างด้านขวา ด้านซ้าย หรือตรงกลาง |
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี โดยรูปแบบสีที่เลือกจะปรากฏให้เห็นเมื่อเลือกตัวเลือกแสดงกล่องข้อความบนเดสก์ท็อปเท่านั้น |
ภาพเคลื่อนไหว |
เลือกภาพเคลื่อนไหวให้รูปภาพของคุณ:
|
การจัดวางเนื้อหาบนมือถือ | ตั้งค่าการจัดวางข้อความในแบนเนอร์รูปภาพสำหรับอุปกรณ์มือถือ โดยให้เลือกระหว่างด้านขวา ด้านซ้าย หรือตรงกลาง |
ซ้อนรูปภาพบนอุปกรณ์มือถือ | หากเพิ่มรูปภาพ 2 ภาพไปยังส่วน รูปภาพจะแสดงในคอลัมน์แทนที่จะเป็นแบบขนาบข้างกัน |
แสดงคอนเทนเนอร์บนมือถือ | วางข้อความรูปภาพของแบนเนอร์ลงในกล่องข้อความเหนือรูปภาพแบนเนอร์สำหรับลูกค้าที่เลือกซื้อสินค้าจากอุปกรณ์มือถือ |
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ข้อความขนาดใหญ่ที่เป็นชื่อกล่องข้อความ ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
ขนาดของหัวเรื่อง | เปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่ |
การตั้งค่า | คำอธิบาย |
---|---|
คำอธิบาย | แสดงข้อความรูปแบบย่อหน้า |
รูปแบบข้อความ | เปลี่ยนสไตล์ข้อความในแบนเนอร์รูปภาพ สามารถเลือกใช้เนื้อหา บทบรรยาย หรือตัวพิมพ์ใหญ่ |
การตั้งค่า | คำอธิบาย |
---|---|
ป้ายกำกับปุ่มแรก | ข้อความที่แสดงบนปุ่มแรก |
ลิงก์ปุ่มแรก | URL ที่คุณต้องการเชื่อมโยงไว้ที่ปุ่มแรก |
ใช้รูปแบบปุ่มแบบเค้าโครง | ปรับการกำหนดสไตล์ปุ่มให้เป็นเค้าโครงของปุ่มแทนที่จะเป็นพื้นหลังทึบๆ |
ป้ายกำกับปุ่มที่สอง | ข้อความที่แสดงบนปุ่มที่สอง |
ลิงก์ปุ่มที่สอง | URL ที่คุณต้องการเชื่อมโยงไว้ที่ปุ่มที่สอง |
ใช้รูปแบบปุ่มแบบเค้าโครง | ปรับการกำหนดสไตล์ปุ่มให้เป็นเค้าโครงของปุ่มแทนที่จะเป็นพื้นหลังทึบๆ |
คุณสามารถเพิ่มส่วนที่มีรูปภาพและบล็อกข้อความพร้อมกับปุ่มตัวเลือกเสริมที่ลิงก์ลูกค้าไปยังหน้าใหม่ได้ จับคู่ข้อความกับรูปภาพเพื่อเน้นสินค้า คอลเลกชัน หรือบล็อกโพสต์ที่คุณเลือก เพิ่มรายละเอียดเกี่ยวกับความพร้อม สไตล์ หรือแม้กระทั่งเขียนรีวิว
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
รูปภาพ | คลิก “เลือก” เพื่อเลือกรูปภาพสำหรับส่วนนั้นๆ คลิกปุ่ม “เปลี่ยน” เพื่อเปลี่ยนหรือลบรูปภาพดังกล่าว |
แก้ไขข้อความแสดงแทน | คลิกเพื่อตั้งค่าข้อความกำกับภาพเพื่อช่วยปรับแต่งเว็บไซต์ให้ติดอันดับต้นๆ ในเครื่องมือค้นหาและเพื่อบรรยายรูปภาพให้ลูกค้าที่ใช้เครื่องอ่านหน้าจอ |
ความสูงของรูปภาพ | เลือกความสูงรูปภาพ:
|
ความกว้างของรูปภาพบนเดสก์ท็อป | ความกว้างรูปภาพ:
|
การวางตำแหน่งรูปภาพบนเดสก์ท็อป | เลือกว่าจะให้รูปภาพหรือข้อความปรากฏก่อน โดยค่าเริ่มต้นของเลย์เอาต์มือถือจะเป็นแสดงรูปภาพก่อน:
|
ตำแหน่งเนื้อหาบนเดสก์ท็อป | ตําแหน่งแนวตั้งของเนื้อหาในส่วนที่บรรจุเนื้อหา:
|
การจัดวางเนื้อหาบนเดสก์ท็อป | การจัดวางข้อความในส่วนที่บรรจุเนื้อหา:
|
เลย์เอาต์เนื้อหา | อนุญาตให้รูปภาพและกล่องข้อความซ้อนทับกัน หากเลือก “ไม่ให้ทับซ้อนกัน” เนื้อหาจะปรับตามข้อความและรูปภาพ
|
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
ภาพเคลื่อนไหว |
เลือกภาพเคลื่อนไหวให้รูปภาพของคุณ:
|
เลย์เอาต์สำหรับอุปกรณ์มือถือ | เลือกการจัดตำแหน่งเนื้อหาบนอุปกรณ์มือถือ:
|
พื้นที่ว่างของส่วน | เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนรูปภาพพร้อมข้อความ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนรูปภาพพร้อมข้อความ |
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ข้อความสำหรับชื่อของส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
ขนาดของหัวเรื่อง | เปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่ |
การตั้งค่า | คำอธิบาย |
---|---|
เนื้อหา | แสดงข้อความรูปแบบย่อหน้าในส่วนข้อความ |
รูปแบบข้อความ | สไตล์ข้อความเนื้อหา:
|
การตั้งค่า | คำอธิบาย |
---|---|
ป้ายกำกับปุ่ม | ข้อความที่แสดงบนปุ่ม |
ลิงก์ปุ่ม | URL ที่คุณต้องการเชื่อมโยงไว้ที่ปุ่ม |
การตั้งค่า | คำอธิบาย |
---|---|
ข้อความ | เพิ่มสโลแกนหรือคำบรรยายลงในรูปภาพของคุณ ข้อความจะปรากฏที่ด้านล่างส่วนรูปภาพพร้อมข้อความของคุณ |
รูปแบบข้อความ | รูปแบบของข้อความเนื้อหา:
|
ขนาดตัวอักษร | ขนาดข้อความเนื้อหา:
|
คุณสามารถใช้ส่วนแบบหลายคอลัมน์เพื่อแสดงเนื้อหาในเลย์เอาต์คอลัมน์ และเพิ่มปุ่มด้านล่างคอลัมน์ดังกล่าวเพื่อพาลูกค้าไปยังหน้าใหม่ได้ จับคู่ข้อความกับรูปภาพเพื่อเน้นไปที่สินค้า คอลเลกชัน หรือโพสต์บล็อกที่คุณเลือก เพิ่มรายละเอียดเกี่ยวกับความพร้อม สไตล์ หรือเขียนรีวิว
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
ขนาดของหัวเรื่อง | เปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่ |
ความกว้างของรูปภาพ |
ความกว้างของรูปภาพที่เพิ่มไปยังคอลัมน์
|
อัตราส่วนรูปภาพ |
อัตราส่วนของรูปภาพ:
|
จำนวนของคอลัมน์บนเดสก์ท็อป | ใช้ขนาดช่วงเพื่อเลือกจำนวนคอลัมน์ที่ปรากฏบนคอมพิวเตอร์เดสก์ท็อป ตำ่สุดคือ 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 ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วน Rich Text |
การเชื่อมต่อแหล่งข้อมูลแบบไดนามิก | ใช้แหล่งข้อมูลแบบไดนามิกในส่วน Rich Text ของคุณเพื่ออ้างอิงข้อมูล เช่น เมตาฟิลด์หรือเมตาอ็อบเจกต์ คุณสามารถใช้การอ้างอิงรายการเพื่อแสดงรายการข้อความในธีมของคุณได้ ตัวอย่างเช่น คุณสามารถใช้รายการเมตาฟิลด์ (แม้ว่าจะมีในเมตาอ็อบเจกต์ที่อ้างอิงก็ตาม) เพื่อแสดงรายการข้อความภายในการตั้งค่า Rich Text ในธีมของคุณ |
คุณสามารถมีส่วนหัวได้สูงสุด 3 บล็อกในส่วน Rich Text
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ คลิกปุ่ม “แหล่งข้อมูล” เพื่อเชื่อมโยงไปยังแหล่งข้อมูลแบบไดนามิก |
ขนาดของหัวเรื่อง | เปลี่ยนขนาดของข้อความส่วนหัว เลือกขนาดระหว่างเล็ก กลาง ใหญ่ และใหญ่มาก |
บล็อกข้อความเป็นวิธีที่ดีในการแชร์ข้อมูลเกี่ยวกับแบรนด์ของคุณแก่ลูกค้า คุณสามารถอธิบายประโยชน์ของสินค้า ประกาศข้อมูล ต้อนรับลูกค้าสู่ร้านค้าของคุณ หรือพูดถึงค่านิยมของแบรนด์ได้
คุณสามารถมีบล็อกข้อความในส่วน Rich Text ของคุณได้สูงสุด 3 บล็อก
การตั้งค่า | คำอธิบาย |
---|---|
คำอธิบาย | ข้อความรูปแบบย่อหน้าสำหรับเนื้อหาหลักของส่วน คลิกปุ่ม “แหล่งข้อมูล” เพื่อเชื่อมโยงไปยังแหล่งข้อมูลแบบไดนามิก |
คุณสามารถมีคำอธิบายได้สูงสุด 3 บล็อกในส่วน Rich Text
การตั้งค่า | คำอธิบาย |
---|---|
ข้อความ | เพิ่มสโลแกนสั้นๆ ลงในส่วน Rich Text ของคุณ |
รูปแบบข้อความ | ใช้เมนูดรอปดาวน์เพื่อเลือกรูปแบบของข้อความระหว่างคำบรรยาย (ค่าเริ่มต้น) กับตัวพิมพ์ใหญ่ |
ขนาดตัวอักษร | ใช้เมนูดรอปดาวน์เพื่อกำหนดขนาดข้อความบรรยายของคุณ โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง (ค่าเริ่มต้น) และขนาดใหญ่ |
คุณสามารถมีปุ่มได้สูงสุด 3 บล็อกในส่วน Rich Text
การตั้งค่า | คำอธิบาย |
---|---|
ป้ายกำกับปุ่ม | ข้อความที่แสดงบนปุ่ม |
ลิงก์ปุ่ม | URL ที่คุณต้องการเชื่อมโยงไว้ที่ปุ่ม |
ใช้รูปแบบปุ่มแบบเค้าโครง | ปรับการกำหนดสไตล์ปุ่มให้เป็นเค้าโครงของปุ่มแทนที่จะเป็นพื้นหลังทึบๆ |
คุณสามารถเพิ่มส่วนสไลด์โชว์เพื่อแสดงสไลด์โชว์ในหน้าในร้านค้าของคุณ โดยเพิ่มได้สูงสุด 5 รูป
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
เลย์เอาต์ | เลือกระหว่างแบบเต็ม (ค่าเริ่มต้น) หรือกริด หากเลือกแบบเต็ม ระบบจะแสดงสไลด์โชว์เต็มความกว้างของส่วน แต่หากเลือกแบบกริด ระบบจะแสดงสไลด์โชว์โดยเว้นที่ว่างซ้ายขวาไว้ |
ความสูงของสไลด์ |
ความสูงของสไลด์โชว์:
|
รูปแบบการแบ่งหน้า |
รูปแบบของการนําทางสไลด์โชว์ที่ปรากฏด้านล่างของรูปภาพ
|
หมุนสไลด์อัตโนมัติ |
ทำเครื่องหมายในช่องนี้เพื่อหมุนเวียนรูปภาพในสไลด์โชว์โดยอัตโนมัติ หากไม่ได้ทำเครื่องหมายในช่องนี้ สไลด์โชว์จะแสดงภาพนิ่งภาพเดิมจนกว่าลูกค้าจะเลื่อนสไลด์โชว์ด้วยตนเอง |
แก้ไขตัวตั้งเวลาของสไลด์ | ใช้แถบเพื่อตั้งเวลาเวียนสไลด์โชว์โดยอัตโนมัติ โดยเวลาที่เร็วที่สุดคือ 3 วินาที และนานที่สุดได้ 9 วินาที |
ภาพเคลื่อนไหว |
เลือกภาพเคลื่อนไหวให้รูปภาพของคุณ:
|
เลย์เอาต์สำหรับอุปกรณ์มือถือ | ทำเครื่องหมายในช่องเพื่อแสดงเนื้อหาด้านล่างรูปภาพบนมือถือ |
การเข้าถึง | เพิ่มข้อความอธิบายสไลด์โชว์ของคุณเพื่อลูกค้าผู้บกพร่องทางการมองเห็น |
การตั้งค่า | คำอธิบาย |
---|---|
รูปภาพ | เลือกภาพนิ่งหรือภาพเคลื่อนไหวสำหรับใช้นสไลด์โชว์ของคุณ คลิกที่เลือกรูปภาพ เพื่อดูไลบรารีสื่อของคุณ หรือคลิกที่ปุ่ม “แหล่งที่มา” เพื่อเชื่อมต่อกับแหล่งข้อมูลแบบไดนามิก หลังจากที่เลือกรูปภาพเรียบร้อยแล้ว แต่ต้องการลบ เปลี่ยนแปลง หรือลบรูปภาพดังกล่าว ให้คลิกที่ปุ่มเปลี่ยน |
แก้ไขข้อความแสดงแทน |
อธิบายรูปภาพสไลด์โชว์และให้บริบทแก่ลูกค้าที่ใช้เครื่องอ่านหน้าจอ |
หัวเรื่อง |
ข้อความส่วนหัวเพิ่มเติมสำหรับรูปภาพ โดยระบบจะเพิ่มข้อความให้รูปภาพแต่ละรูป ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
ขนาดของหัวเรื่อง |
เลือกระหว่างหัวเรื่องขนาดเล็ก ขนาดกลาง (ค่าเริ่มต้น) หรือขนาดใหญ่ |
หัวเรื่องย่อย | ข้อความสำหรับส่วนหัวเรื่องย่อยเพิ่มเติมสำหรับรูปภาพ โดยระบบจะเพิ่มข้อความให้รูปภาพแต่ละรูป ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
ป้ายกำกับปุ่ม | ป้อนข้อความที่ต้องการให้แสดงบนปุ่ม หรือเว้นว่างไว้เพื่อซ่อนปุ่มทั้งปุ่ม |
ลิงก์ปุ่ม | URL ปลายทางที่คุณต้องการให้เชื่อมโยงกับปุ่ม คลิกที่ปุ่ม “แหล่งที่มา” เพื่อเพิ่มแหล่งที่มาแบบไดนามิกเป็น URL |
ใช้รูปแบบปุ่มแบบเค้าโครง | คลิกที่ช่องทำเครื่องหมายเพื่อสลับไปใช้ปุ่มแบบทึบหรือแบบมีกรอบ |
ตำแหน่งเนื้อหาบนเดสก์ท็อป | ตําแหน่งของกล่องเนื้อหาเหนือรูปภาพ สามารถเลือกวางด้านบน ตรงกลาง หรือด้านล่าง และด้านซ้าย กึ่งกลาง หรือด้านขวา โดยค่าเริ่มต้นจะเป็นตรงกึ่งกลาง |
แสดงคอนเทนเนอร์บนเดสก์ท็อป | ทำเครื่องหมายในช่องเพื่อแสดงกล่องเนื้อหา |
การจัดวางเนื้อหาบนเดสก์ท็อป | จัดวางข้อความในส่วนที่บรรจุเนื้อหา โดยให้เลือกระหว่างด้านซ้าย ตรงกลาง (ค่าเริ่มต้น) หรือด้านขวา |
ความทึบของการวางซ้อนรูปภาพ | ใช้แถบเลื่อนเพื่อปรับความโปร่งใสขององค์ประกอบที่ซ้อนในรูปภาพ |
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี โดยการตั้งค่านี้จะต้องแสดงกล่องเนื้อหาจึงจะส่งผลต่อรูปภาพในสไลด์โชว์ |
เลย์เอาต์สำหรับอุปกรณ์มือถือ | เลือกว่าจะให้เนื้อหาปรากฏบนอุปกรณ์มือถืออย่างไร สามารถเลือกวางด้านซ้าย กึ่งกลาง (ค่าเริ่มต้น) หรือด้านขวา |
คุณสามารถเพิ่มส่วนวิดีโอเพื่อฝังวิดีโอจาก YouTube หรือ Vimeo ไว้บนหน้าในร้านค้าของคุณได้
การตั้งค่าส่วน
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ |
ขนาดของหัวเรื่อง | เปลี่ยนขนาดของข้อความส่วนหัว โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่ |
เล่นวิดีโอแบบวนซ้ำ | เมื่อเลือกแล้ว วิดีโอจะเริ่มเล่นอีกครั้งหลังจากเล่นจบ |
วิดีโอ | เพิ่มหรือเลือกวิดีโอของคุณเองไปยังส่วนนั้นๆ คุณสามารถแก้ไขวิดีโอเพื่อใช้รูปภาพหน้าปกแบบปรับแต่งเอง รวมถึงเพิ่มข้อความแสดงแทนได้ หากเพิ่มวิดีโอที่โฮสต์โดย Shopify วิดีโอนั้นจะถูกใช้งานผ่านวิดีโอ URL จากการตั้งค่าด้านล่าง |
URL | ลิงก์ YouTube หรือ Vimeo ที่ไปยังวิดีโอ โดยวิดีโอจะต้องพร้อมให้ชมแบบสาธารณะ และจะแสดงเมื่อไม่ได้เพิ่มวิดีโอที่โฮสต์โดย Shopify ในการตั้งค่าข้างต้นเท่านั้น |
รูปภาพหน้าปก | รูปภาพที่แสดงก่อนที่ลูกค้าเล่นวิดีโอ |
ข้อความแสดงแทนวิดีโอ | ข้อความแสดงแทนสำหรับวิดีโอ อธิบายบริบทและวัตถุประสงค์ของวิดีโอแก่ลูกค้าที่ใช้เครื่องอ่านหน้าจอ |
ทำให้ส่วนเต็มความกว้าง | ลบพื้นที่ว่างตามค่าเริ่มต้นออกและทำให้ส่วนมีขนาดเต็มความกว้างของหน้า |
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
พื้นที่ว่างของส่วน | เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของวิดีโอ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนวิดีโอ |