หน้าสินค้า
หน้าสินค้าคือจุดที่คุณแสดงข้อมูลเกี่ยวกับสินค้าที่คุณขายในร้านค้า และเป็นจุดที่ลูกค้าสามารถซื้อสินค้าได้
ตามค่าเริ่มต้น หน้าสินค้าจะมีส่วนข้อมูลสินค้าและส่วนสินค้าที่เกี่ยวข้องในตัวแก้ไขธีม
ในหน้านี้
ส่วนข้อมูลสินค้า
ส่วนข้อมูลสินค้าจะแสดงรายละเอียดสินค้าของคุณ เช่น ชื่อ คำอธิบาย ราคา และรูปภาพ
การตั้งค่าส่วนข้อมูลสินค้า
การตั้งค่า | คำอธิบาย |
---|---|
เปิดใช้เนื้อหาแบบติดบนเดสก์ท็อป | เมื่อเลื่อนหน้าลง คอลัมน์ข้อมูลสินค้าจะไม่เริ่มเลื่อนจนกว่าจะเลื่อนผ่านรูปภาพทั้งหมดแล้ว |
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
ความกว้างของสื่อบนเดสก์ท็อป | ตั้งค่าความกว้างให้กับสื่อสินค้าของคุณในหน้าสินค้าสำหรับคอมพิวเตอร์เดสก์ท็อป โดยเลือกเป็นขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่ |
จำกัดสื่อไว้ที่ความสูงของหน้าจอ | การเลือกตัวเลือกนี้จะตั้งค่าความสูงของสื่อสูงสุดตามความสูงของหน้าต่างเบราว์เซอร์ของทุกอุปกรณ์ |
การปรับขนาดสื่อให้เหมาะสม | เลือก ดั้งเดิม เพื่อรักษาอัตราส่วนภาพดั้งเดิม หรือ เติมให้เต็ม เพื่อปรับสื่อให้พอดีกับจอแสดงผลสื่อ |
เลย์เอาต์ของเดสก์ท็อป |
ตั้งค่าเลย์เอาต์ให้กับสื่อสินค้าของคุณบนคอมพิวเตอร์เดสก์ท็อป โดยเลือกจากตัวเลือกต่อไปนี้:
|
ตำแหน่งสื่อบนเดสก์ท็อป | เลือกว่าจะให้สื่อสินค้าแสดงที่ด้านซ้ายหรือด้านขวาของหน้าบนคอมพิวเตอร์เดสก์ท็อป |
การซูมรูปภาพ | เลือกว่าจะซูมรูปภาพบนเดสก์ท็อปอย่างไร
|
เลย์เอาต์สำหรับอุปกรณ์มือถือ | ตั้งค่าเลย์เอาต์ให้กับสื่อสินค้าของคุณบนอุปกรณ์มือถือ โดยเลือกจากตัวเลือกต่อไปนี้:
|
ซ่อนสื่อของตัวเลือกสินค้าอื่นๆ หลังจากเลือกตัวเลือกสินค้า | เมื่อเลือกตัวเลือกสินค้าแล้ว รูปภาพของตัวเลือกสินค้าอื่นๆ จะถูกซ่อนจากมุมมอง อย่างไรก็ตาม รูปภาพจะปรากฏอีกครั้งเมื่อยกเลิกการเลือกตัวเลือกสินค้าดังกล่าว |
เปิดใช้การวนซ้ำวิดีโอ | หากคุณมีวิดีโอในสื่อสินค้า การตั้งค่านี้จะทำให้วิดีโอเล่นวนซ้ำเองโดยอัตโนมัติหลังจากจบ |
พื้นที่ว่างด้านบน | ตั้งค่าจำนวนพื้นที่ที่ด้านบนของส่วน |
พื้นที่ว่างด้านล่าง | ตั้งค่าจำนวนพื้นที่ที่ด้านล่างของส่วน |
นอกจากการตั้งค่าส่วนข้อมูลสินค้าแล้ว คุณยังสามารถดูและปรับแต่งการตั้งค่าธีมบางส่วนสำหรับเครื่องหมายสินค้า รวมถึงเพิ่ม CSS แบบปรับแต่งเองเฉพาะส่วนของคุณเองได้
บล็อกข้อมูลสินค้า
คุณสามารถใช้บล็อกต่อไปนี้กับส่วนข้อมูลสินค้า:
- ข้อความ
- ชื่อ
- ราคา
- รายการตัวเลือกสินค้า
- ตัวเลือกจำนวน
- ปุ่มซื้อ
- คำอธิบาย
- แชร์
- รหัสสินค้าคงคลัง
- สถานะสินค้าคงคลัง
- ปรับแต่ง Liquid
- แถวที่ย่อได้
- ป๊อปอัป
- คะแนนของสินค้า
- สินค้าเสริม
- ไอคอนที่มีข้อความ
บล็อกข้อความ
บล็อก ข้อความ สามารถใช้แสดงข้อความคงที่หรือข้อมูลตัวแปรโดยใช้ แหล่งข้อมูลแบบไดนามิก ตัวอย่างเช่น คุณอาจเพิ่มข้อความที่แสดงข้อความการตลาด เช่น การจัดส่งฟรี สำหรับคำสั่งซื้อที่มีมูลค่ามากกว่า 100 ดอลลาร์สหรัฐ ซึ่งจะแสดงในแต่ละสินค้า คุณสามารถใช้บล็อกข้อความเพื่อเพิ่มแหล่งที่มาแบบไดนามิก ซึ่งจะเปลี่ยนแปลงไปตามสินค้าที่เข้าชม ตัวอย่างเช่น คุณสามารถเชื่อมต่อฟิลด์ ผู้ขาย ของสินค้าในบล็อก ข้อความ เป็นแหล่งที่มาแบบไดนามิกและผู้ขายเฉพาะสำหรับสินค้าที่แสดง
การตั้งค่า | คำอธิบาย |
---|---|
ข้อความ | ช่องข้อความสำหรับใส่ข้อมูลเพิ่มเติมลงในหน้าสินค้า |
รูปแบบข้อความ |
เปลี่ยนรูปแบบข้อความ โดยเลือกจากตัวเลือกต่อไปนี้:
|
บล็อกชื่อจะแสดงชื่อของสินค้าที่เข้าชม โดยบล็อกนี้ไม่สามารถปรับแต่งค่าได้
บล็อกราคา
บล็อกราคาจะแสดงข้อมูลการกำหนดราคาสินค้าที่เข้าชม เช่น ราคาและราคาเปรียบเทียบ โดยบล็อกนี้ไม่สามารถปรับแต่งค่าได้
บล็อกรายการตัวเลือกสินค้า
บล็อกรายการตัวเลือกสินค้าจะแสดงตัวเลือกสินค้าใดๆ สำหรับสินค้าที่กำลังดูอยู่ รายการตัวเลือกสินค้าจะแสดงเฉพาะสินค้าที่มีตัวเลือกสินค้าเท่านั้น หากคุณลบบล็อกนี้ออกและคุณมีสินค้าที่มีตัวเลือกสินค้า ลูกค้าของคุณก็จะไม่สามารถเลือกหรือซื้อตัวเลือกสินค้าที่พวกเขาต้องการ คุณสามารถเพิ่มบล็อกรายการตัวเลือกสินค้าที่แสดงดรอปดาวน์หรือแคปซูล และปรับแต่งรูปทรงของตัวอย่างสีได้ ดูข้อมูลเพิ่มเติมเกี่ยวกับการเพิ่มตัวอย่างสีสำหรับตัวเลือกสินค้าของคุณด้วยเมตาฟิลด์ของหมวดหมู่
การตั้งค่า | คำอธิบาย |
---|---|
สไตล์ |
เลือกวิธีแสดงตัวเลือกสินค้าของคุณให้ลูกค้าเห็น โดยเลือกจากตัวเลือกต่อไปนี้:
|
ตัวอย่าง |
เลือกวิธีแสดงตัวอย่างสีของคุณให้ลูกค้าเห็น โดยเลือกจากตัวเลือกต่อไปนี้:
|
บล็อกตัวเลือกจำนวนจะแสดงช่องหมายเลขที่สามารถคลิกและแก้ไขได้ ซึ่งลูกค้าจะใช้เพื่อเปลี่ยนจำนวนหน่วยสินค้าที่พวกเขาต้องการซื้อได้ โดยบล็อกนี้ไม่สามารถปรับแต่งค่าได้
บล็อกปุ่มซื้อ
บล็อกปุ่มซื้อจะแสดงปุ่มเพิ่มลงในตะกร้าสินค้าและข้อมูลการรับสินค้าที่ร้าน นอกจากนี้ยังสามารถแสดงปุ่มชำระเงินแบบไดนามิกที่คุณมีในร้านค้าของคุณได้ด้วย
การตั้งค่า | คำอธิบาย |
---|---|
แสดงปุ่มชำระเงินแบบไดนามิก | แสดงตัวเลือกการชำระเงินแบบไดนามิกที่คุณได้เปิดใช้งานในการตั้งค่าการชำระเงินของคุณ |
แสดงแบบฟอร์มข้อมูลผู้รับสำหรับบัตรของขวัญ | แสดงช่องทำเครื่องหมายที่เป็นตัวเลือกเสริมในผลิตภัณฑ์บัตรของขวัญที่คุณมี เพื่อช่วยให้ลูกค้าส่งและกำหนดเวลาสำหรับบัตรของขวัญไปยังผู้รับพร้อมกับข้อความส่วนตัวได้ |
บล็อกคำอธิบายจะแสดงคำอธิบายของสินค้าที่เข้าชม โดยบล็อกนี้ไม่สามารถปรับแต่งค่าได้
บล็อกแชร์
บล็อกแชร์จะแสดงลิงก์ที่คลิกได้ ซึ่งช่วยให้ลูกค้าแชร์สินค้าบนโซเชียลมีเดียของตนได้
การตั้งค่า | คำอธิบาย |
---|---|
ข้อความ | ข้อความที่ลูกค้าคลิกเพื่อแชร์สินค้าไปยังโซเชียลมีเดียของตน |
บล็อก SKU จะแสดงรหัสสินค้าคงคลัง (SKU) ที่เชื่อมโยงกับสินค้าหรือตัวเลือกสินค้าเมื่อมีความเกี่ยวข้อง ดูข้อมูลเพิ่มเติมเกี่ยวกับการเพิ่มหมายเลข SKU ให้กับตัวเลือกสินค้าของคุณ
การตั้งค่า | คำอธิบาย |
---|---|
รูปแบบข้อความ |
เปลี่ยนรูปแบบข้อความ โดยเลือกจากตัวเลือกต่อไปนี้:
|
บล็อกสถานะสินค้าคงคลังจะแสดงสถานะสินค้าคงคลังของสินค้านั้นๆ คุณสามารถแสดงสถานะสินค้าคงคลังและจำนวนสินค้าคงคลังที่เหลืออยู่ได้อย่างถาวร หรือจะแสดงหลังจากจำนวนสินค้าคงคลังถึงเกณฑ์ที่คุณตั้งไว้เท่านั้นก็ได้ สถานะสินค้าคงคลังจะแสดงเฉพาะสินค้าที่เปิดใช้งาน การติดตามสินค้าคงคลังอยู่เท่านั้น
การตั้งค่า | คำอธิบาย |
---|---|
รูปแบบข้อความ |
เปลี่ยนรูปแบบข้อความ โดยเลือกจากตัวเลือกต่อไปนี้:
|
เกณฑ์สินค้าคงคลังต่ำ | ใช้แถบเลื่อนเพื่อตั้งเกณฑ์ว่าเมื่อใดสินค้าของคุณจะมีข้อความสต็อกสินค้าเหลือน้อยแสดงขึ้น โดยเลือกตัวเลขระหว่าง 0 ถึง 100 หากคุณตั้งแถบเลื่อนเป็น 0 ข้อความที่ระบุว่ามีในสต็อกจะแสดงอยู่จนกว่าสินค้าจะหมดสต็อก |
แสดงจำนวนสินค้าคงคลัง | เลือกตัวเลือกนี้เมื่อคุณต้องการแสดงการตรวจนับสินค้าคงคลังสำหรับสินค้าของคุณ |
บล็อก Liquid แบบปรับแต่งเองจะแสดงโค้ดปรับแต่ง Liquid หรือ HTML ซึ่งคุณสามารถเพิ่มไปยังบล็อกได้
การตั้งค่า | คำอธิบาย |
---|---|
โค้ด Liquid | แสดงเนื้อหาที่แสดงผลจากโค้ด Liquid หรือ HTML ที่คุณป้อน |
บล็อกแถวแบบย่อได้จะแสดงแถวแบบย่อและขยายได้พร้อมชื่อ เมื่อลูกค้าคลิกที่ไอคอน ชื่อ หรือลูกศรลง แถวจะขยายออกเพื่อแสดงเนื้อหาเพิ่มเติม
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อของแถว ซึ่งจะแสดงทั้งเมื่อมีการย่อและขยายแถว |
ไอคอน | เลือกไอคอนที่จะแสดงพร้อมแถวแบบย่อได้ หรือเลือกไม่มี เพื่อแสดงเฉพาะชื่อของแถว |
เนื้อหาในแถว | ป้อนเนื้อหาลงในแถวของคุณโดยใช้เครื่องมือแก้ไข Rich Text เนื้อหาจะแสดงเมื่อมีการขยายแถวเท่านั้น |
เนื้อหาในแถวจากหน้า | เพิ่มเนื้อหาจากหน้าลงในแถวของคุณ ซึ่งจะแสดงเฉพาะเนื้อหาที่คุณเพิ่มลงในหน้าในส่วนร้านค้าออนไลน์ > หน้า ใน Shopify admin โดยจะไม่แสดงเนื้อหาที่คุณเพิ่มในเทมเพลตหน้าในตัวแก้ไขธีม เนื้อหาที่คุณป้อนในช่องเนื้อหาแถวจะแสดงอยู่ด้านบนเนื้อหาของหน้าที่คุณเพิ่ม |
บล็อกป๊อปอัพจะแสดงข้อความที่สามารถคลิกได้ ซึ่งเมื่อคลิกก็จะเปิดกล่องข้อความป๊อปอัพขึ้นมา
การตั้งค่า | คำอธิบาย |
---|---|
ป้ายกำกับลิงก์ | ข้อความที่คลิกได้ที่ลูกค้าคลิกเพื่อแสดงข้อความป๊อปอัป |
หน้า | เลือกหน้าที่คุณต้องการแสดงเนื้อหาจากในกล่องข้อความป๊อปอัพ ซึ่งจะแสดงเฉพาะเนื้อหาที่คุณเพิ่มลงในหน้าในส่วนร้านค้าออนไลน์ > หน้า ใน Shopify admin โดยจะไม่แสดงเนื้อหาที่คุณเพิ่มในเทมเพลตหน้าในตัวแก้ไขธีม |
บล็อกรีวิวสินค้าจะแสดงคะแนนเฉลี่ยของสินค้าในรูปแบบดาว พร้อมจำนวนรีวิวในวงเล็บ ตัวอย่างเช่น: ★★★★★ (8)
หากต้องการแสดงคะแนนรีวิวสินค้า คุณต้องใช้แอปรีวิวสินค้าและคำจำกัดความของเมตาฟิลด์ reviews.rating_count
และ reviews.rating
โดยบล็อกนี้ไม่สามารถปรับแต่งค่าได้
บล็อกสินค้าเสริม
บล็อกสินค้าเสริมจะแสดงสินค้าเสริมที่คุณตั้งค่าด้วยแอป Shopify Search & Discovery
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อของบล็อก |
แสดงเป็นแถวที่ย่อได้ | เมื่อเลือกแล้ว เนื้อหาจะปรากฏเป็นเนื้อหาที่ย่อไว้ภายในแถว เมื่อลูกค้าคลิกที่ชื่อ แถวจะขยายออกเพื่อแสดงเนื้อหาเพิ่มเติม |
ไอคอน | เลือกไอคอนเพื่อจับคู่กับชื่อของคุณเมื่อสินค้าเสริมปรากฏขึ้นในรูปแบบแถวที่สามารถยุบเก็บได้ |
จำนวนสินค้าสูงสุดที่จะแสดง | เลือกจํานวนสูงสุดของสินค้าเสริมที่จะแสดง โดยเลือกตัวเลขระหว่าง 1 และ 10 |
จำนวนสินค้าต่อหน้า | เลือกจำนวนสินค้าเสริมที่คุณต้องการให้แสดงต่อหน้าแถบเลื่อน โดยเลือกตัวเลขระหว่าง 1 ถึง 4 |
รูปแบบการแบ่งหน้า | ตั้งค่ารูปแบบของแถบเลื่อนการนําทางที่ปรากฏด้านล่างของรูปภาพ โดยเลือกเป็นแบบจุด ตัวนับ หรือตัวเลข |
อัตราส่วนรูปภาพ | ตั้งค่าอัตราส่วนภาพของบัตรสินค้า โดยเลือกเป็นแนวตั้งหรือสี่เหลี่ยมจัตุรัส |
เปิดใช้ปุ่มเพิ่มด่วน |
หากคุณเปิดใช้งานปุ่มเพิ่มด่วน ลูกค้าของคุณจะสามารถเพิ่มสินค้าไปยังตะกร้าสินค้าได้จากบัตรสินค้า โดยเลือกจากตัวเลือกต่อไปนี้:
|
บล็อกไอคอนพร้อมข้อความจะแสดงไอคอนพร้อมข้อความประกอบสูงสุด 3 ไอคอน โดยเลือกได้จากรายการไอคอนที่ติดตั้งไว้ล่วงหน้าหรือใช้รูปภาพที่คุณอัปโหลด
การตั้งค่า | คำอธิบาย |
---|---|
เลย์เอาต์ | เลือกเลย์เอาต์ของบล็อกเป็นแนวนอนหรือแนวตั้ง |
ไอคอนแรก | เลือกไอคอนที่จะแสดงในบล็อก หรือเลือกไม่มี เพื่อแสดงเฉพาะชื่อ |
รูปภาพแรก | เลือกรูปภาพที่คุณต้องการใช้แทนไอคอน |
ส่วนหัวแรก | เพิ่มชื่อสำหรับไอคอนหรือรูปภาพแรกของคุณ |
ไอคอนที่สอง | เลือกไอคอนที่จะแสดงในบล็อก หรือเลือกไม่มี เพื่อแสดงเฉพาะชื่อ |
รูปภาพที่สอง | เลือกรูปภาพที่คุณต้องการใช้แทนไอคอน |
ส่วนหัวที่สอง | เพิ่มชื่อสำหรับไอคอนหรือรูปภาพที่สองของคุณ |
ไอคอนที่สาม | เลือกไอคอนที่จะแสดงในบล็อก หรือเลือกไม่มี เพื่อแสดงเฉพาะชื่อ |
รูปภาพที่สาม | เลือกรูปภาพที่คุณต้องการใช้แทนไอคอน |
ส่วนหัวที่สาม | เพิ่มชื่อให้กับไอคอนหรือรูปภาพที่สามของคุณ |
ส่วนสินค้าที่เกี่ยวข้องจะแสดงสินค้าที่คล้ายกัน สินค้าที่มีรายละเอียดคล้ายคลึงกัน หรือสินค้าที่ซื้อสินค้าร่วมกับสินค้าที่กำลังเข้าชมบ่อยครั้ง โดยอิงจากสินค้าที่กำลังเข้าชม คุณสามารถเพิ่มสินค้าของคุณเองไปยังส่วนสินค้าที่เกี่ยวข้องได้ด้วยตนเองโดยใช้แอป Shopify Search & Discovery
หากต้องการดูข้อมูลเพิ่มเติมเกี่ยวกับคำแนะสินค้า ให้ดูที่การทำความเข้าใจเกี่ยวกับคำแนะนำสินค้า
การตั้งค่าส่วนสินค้าที่เกี่ยวข้อง
การตั้งค่า | คำอธิบาย |
---|---|
หัวเรื่อง | ชื่อของส่วน |
ขนาดของหัวเรื่อง | ขนาดของข้อความชื่อ โดยเลือกขนาดระหว่างเล็ก กลาง ใหญ่ ใหญ่มาก หรือใหญ่พิเศษ |
จำนวนสินค้าสูงสุดที่จะแสดง | ตั้งค่าจำนวนสินค้าที่เกี่ยวข้องสูงสุดที่จะแสดง โดยเลือกตัวเลขระหว่าง 2 ถึง 10 |
จำนวนของคอลัมน์บนเดสก์ท็อป | ตั้งค่าจำนวนของคอลัมน์สินค้าที่จะแสดงบนคอมพิวเตอร์เดสก์ท็อป โดยเลือกตัวเลขระหว่าง 1 และ 6 |
รูปแบบสี | ชุดสีที่คุณสามารถใช้กับส่วนนี้ ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบสี |
อัตราส่วนรูปภาพ | ตั้งค่าอัตราส่วนรูปภาพให้กับรูปภาพประกอบของสินค้าที่เกี่ยวข้องที่แสดง โดยเลือกจากตัวเลือกต่อไปนี้:
|
รูปทรงภาพ | เลือกหนึ่งในรูปทรงภาพต่อไปนี้สำหรับรูปภาพสินค้าที่เกี่ยวข้องของคุณ:
|
แสดงรูปภาพที่สองเมื่อนำเมาส์ไปวาง | เมื่อลูกค้าวางเคอร์เซอร์เหนือรูปภาพสินค้าบนคอมพิวเตอร์เดสก์ท็อป ตัวเลือกนี้จะแสดงรูปภาพที่สองของสินค้าหากสินค้านั้นมีมากกว่าหนึ่งรูป |
แสดงเวนเดอร์ | แสดงเวนเดอร์ของสินค้าแต่ละชิ้น |
แสดงคะแนนของสินค้า | แสดงคะแนนเฉลี่ยของสินค้าเป็นดาวพร้อมจำนวนรีวิวในวงเล็บ เช่น ★★★★★ (8) โดยต้องมีแอปรีวิวสินค้าและคำจำกัดความเมตาฟิลด์สำหรับ reviews.rating_count และ reviews.rating |
จำนวนคอลัมน์บนมือถือ | ตั้งค่าจำนวนของคอลัมน์สินค้าที่จะแสดงบนอุปกรณ์มือถือ โดยเลือก 1 คอลัมน์หรือ 2 คอลัมน์ |
พื้นที่ว่างด้านบน | ตั้งค่าจำนวนพื้นที่ที่ด้านบนของส่วน |
พื้นที่ว่างด้านล่าง | ตั้งค่าจำนวนพื้นที่ที่ด้านล่างของส่วน |