หน้าสินค้า

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

ตามค่าเริ่มต้น หน้าสินค้าจะมีส่วนข้อมูลสินค้าและส่วนสินค้าที่เกี่ยวข้องในตัวแก้ไขธีม

ส่วนข้อมูลสินค้า

ส่วนข้อมูลสินค้าจะแสดงรายละเอียดสินค้าของคุณ เช่น ชื่อ คำอธิบาย ราคา และรูปภาพ

การตั้งค่าส่วนข้อมูลสินค้า

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

นอกจากการตั้งค่าส่วนข้อมูลสินค้าแล้ว คุณยังสามารถดูและปรับแต่งการตั้งค่าธีมบางส่วนสำหรับเครื่องหมายสินค้า รวมถึงเพิ่ม CSS แบบปรับแต่งเองเฉพาะส่วนของคุณเองได้

บล็อกข้อมูลสินค้า

คุณสามารถใช้บล็อกต่อไปนี้กับส่วนข้อมูลสินค้า:

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

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

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

บล็อกชื่อเรื่อง

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

บล็อกราคา

บล็อกราคาจะแสดงข้อมูลการกำหนดราคาสินค้าที่เข้าชม เช่น ราคาและราคาเปรียบเทียบ โดยบล็อกนี้ไม่สามารถปรับแต่งค่าได้

บล็อกรายการตัวเลือกสินค้า

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

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

บล็อกตัวเลือกจำนวน

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

บล็อกปุ่มซื้อ

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

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

บล็อกคำอธิบาย

บล็อกคำอธิบายจะแสดงคำอธิบายของสินค้าที่เข้าชม โดยบล็อกนี้ไม่สามารถปรับแต่งค่าได้

บล็อกแชร์

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

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

บล็อก SKU

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

การตั้งค่าสำหรับบล็อก SKU ในส่วนข้อมูลสินค้า
การตั้งค่าคำอธิบาย
รูปแบบข้อความ เปลี่ยนรูปแบบข้อความ โดยเลือกจากตัวเลือกต่อไปนี้:
  • เนื้อหา - เปลี่ยนข้อความเป็นข้อความรูปแบบย่อหน้า
  • คำบรรยาย - เปลี่ยนข้อความเป็นข้อความรูปแบบคำบรรยาย ซึ่งมีขนาดใหญ่กว่าข้อความรูปแบบย่อหน้าเล็กน้อย
  • ตัวพิมพ์ใหญ่ - เปลี่ยนข้อความให้มีขนาดเล็กกว่าข้อความรูปแบบย่อหน้า และเปลี่ยนข้อความทั้งหมดให้เป็นตัวพิมพ์ใหญ่

บล็อกสถานะสินค้าคงคลัง

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

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

บล็อกปรับแต่ง Liquid

บล็อก Liquid แบบปรับแต่งเองจะแสดงโค้ดปรับแต่ง Liquid หรือ HTML ซึ่งคุณสามารถเพิ่มไปยังบล็อกได้

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