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