ประเภทหน้า

แต่ละหน้าจะมีส่วนและการตั้งค่าเริ่มต้นเป็นของตัวเอง

หน้าสินค้า

ตามค่าเริ่มต้น หน้าสินค้าจะมีส่วนข้อมูลสินค้าและส่วนสินค้าแนะนำ

ส่วนข้อมูลสินค้าประกอบด้วยบล็อกเริ่มต้นต่อไปนี้:

  • ข้อความ (ค่าเริ่มต้นจะแสดงคุณลักษณะ vendor)
  • ชื่อ
  • ข้อความ (ค่าเริ่มต้นจะแสดงคุณลักษณะ product subtitle)
  • ราคา
  • รายการตัวเลือกสินค้า
  • ตัวเลือกจำนวน
  • ปุ่มซื้อ
  • คำอธิบาย
  • แชร์

นอกจากนี้คุณยังสามารถเพิ่มบล็อกต่อไปนี้ได้:

  • ข้อความ
  • ปรับแต่ง Liquid
  • คะแนนของสินค้า
  • แท็บที่ย่อได้
  • ป๊อปอัป

ส่วนข้อมูลสินค้าสามารถมีบล็อกได้สูงสุดถึง 16 บล็อก

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

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

รูปแบบที่สื่อสินค้าจะปรากฏบนเดสก์ท็อป

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

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

    สามารถเพิ่มบล็อกต่อไปนี้ไปยังส่วนข้อมูลสินค้าได้

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

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

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

    เปลี่ยนรูปแบบข้อความ:

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

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

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

    บล็อกราคา

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

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

    บล็อกนี้จะแสดงตัวเลือกสินค้าใดๆ ของสินค้า

    การตั้งค่าสำหรับบล็อกรายการตัวเลือกสินค้าในส่วนข้อมูลสินค้า
    การตั้งค่า คำอธิบาย
    ประเภท

    เปลี่ยนวิธีการแสดงตัวเลือกสินค้าต่อลูกค้า:

    • แคปซูล - แสดงตัวเลือกสินค้าเป็นปุ่มที่สามารถคลิกได้
    • เมนูดรอปดาวน์ - แสดงตัวเลือกสินค้าในเมนูดรอปดาวน์ที่ขยายได้

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

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

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

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

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

    บล็อกคะแนนของสินค้า

    บล็อกนี้จะแสดงคะแนนเฉลี่ยของสินค้าในรูปแบบดาว พร้อมจํานวนรีวิวในวงเล็บ ตัวอย่างเช่น: ★★★★★ (8)

    การแสดงคะแนนของสินค้าจะต้องใช้แอปรีวิวสินค้า เช่น Shopify Product Reviews และคำจำกัดความเมตาฟิลด์สำหรับ reviews.rating_count และ reviews.rating

    บล็อกแชร์

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

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

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

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

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

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

    การตั้งค่าสำหรับบล็อกปรับแต่ง Liquid ในส่วนข้อมูลสินค้า
    การตั้งค่า คำอธิบาย
    ปรับแต่ง Liquid แสดงเนื้อหาที่คุณสามารถป้อนเป็นโค้ด Liquid หรือ HTML ได้

    บล็อกแท็บที่ย่อได้

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

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

    บล็อกป๊อปอัป

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

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

    การตั้งค่าส่วนสินค้าแนะนำ

    ส่วนนี้จะแสดงสินค้าที่คล้ายกัน หรือสินค้าที่มักซื้อคู่กันกับสินค้ารายการนี้บ่อยครั้ง ซึ่งจะอิงจากสินค้าที่กำลังดูอยู่

    การตั้งค่าสำหรับส่วนคำแนะนำสินค้า
    การตั้งค่า คำอธิบาย
    หัวเรื่อง ชื่อของส่วน คุณสามารถใช้แหล่งไดนามิกของส่วนหัวของส่วนได้
    ขนาดของหัวเรื่อง เปลี่ยนขนาดของข้อความหัวเรื่อง โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่
    จำนวนสินค้าสูงสุดที่จะแสดง ใช้แถบเลื่อนช่วงเพื่อเลือกจํานวนสินค้าแนะนำสูงสุดที่จะแสดง ต่ำสุด: 2 สูงสุด: 10
    จำนวนของคอลัมน์บนเดสก์ท็อป จำนวนของคอลัมน์ที่จะแสดงบนคอมพิวเตอร์เดสก์ท็อป ต่ำสุด: 1 สูงสุด: 4
    รูปแบบสี สีพื้นหลังสำหรับส่วนคำแนะนำสินค้า ซึ่งมีให้เลือกระหว่างรูปแบบการเน้น 1, การเน้น 2, พื้นหลัง 1, พื้นหลัง 2 หรือรูปแบบกลับสี
    อัตราส่วนรูปภาพ อัตราส่วนของรูปภาพสินค้าที่แนะนำ:
    • ปรับตามรูปภาพ - ใช้อัตราส่วนภาพของรูปภาพ ซึ่งจะป้องกันไม่ให้รูปภาพถูกครอบตัด
    • แนวตั้ง - ครอบตัดรูปภาพเพื่อใช้อัตราส่วน 2:3
    • สี่เหลี่ยม - ครอบตัดรูปภาพเพื่อใช้อัตราส่วน 1:1
    แสดงรูปภาพที่สองเมื่อนำเมาส์ไปวาง เมื่อลูกค้าวางเคอร์เซอร์เหนือรูปภาพ ระบบจะแสดงรูปภาพที่สองของสินค้าหากสินค้านั้นมีมากกว่าหนึ่งรูป
    แสดงผู้ขาย แสดงผู้ขายของสินค้าแต่ละชิ้น
    แสดงคะแนนของสินค้า แสดงคะแนนเฉลี่ยของสินค้าเป็นดาวพร้อมจำนวนรีวิวในวงเล็บ เช่น ★★★★★ (8) โดยต้องมีแอปรีวิวสินค้า เช่น Shopify Product Reviews และคำจำกัดความเมตาฟิลด์สำหรับ reviews.rating_count และ reviews.rating
    จำนวนคอลัมน์บนมือถือ ตั้งค่าเลย์เอาต์คอลัมน์ที่เฉพาะเจาะจงสำหรับอุปกรณ์มือถือ โดยเลือกระหว่าง 1 และ 2 คอลัมน์
    พื้นที่ว่างของส่วน เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วน ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วน

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

    หน้าคอลเลกชัน

    หน้าคอลเลกชันจะมีแบนเนอร์คอลเลกชันและส่วนกริดสินค้าตามค่าเริ่มต้น

    การตั้งค่าส่วนแบนเนอร์คอลเลกชัน

    การตั้งค่าสำหรับส่วนแบนเนอร์คอลเลกชัน
    การตั้งค่า คำอธิบาย
    แสดงคำอธิบายคอลเลกชัน แสดงคำอธิบายของคอลเลกชัน
    แสดงรูปภาพคอลเลกชัน แสดงรูปภาพคอลเลกชัน
    รูปแบบสี สีพื้นหลังของส่วนหลายคอลัมน์ ซึ่งมีให้เลือกระหว่างรูปแบบการเน้น 1, การเน้น 2, พื้นหลัง 1, พื้นหลัง 2 หรือรูปแบบกลับสี

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

    การตั้งค่าสำหรับส่วนกริดสินค้า
    การตั้งค่า คำอธิบาย
    สินค้าต่อหน้า จํานวนสินค้าที่คุณต้องการให้แสดงในแต่ละหน้า สามารถเป็นพหุคูณของ 4 ตั้งแต่ 8 ถึง 24 รายการ โดยค่าเริ่มต้นจะอยู่ที่ 16 รายการ
    จำนวนของคอลัมน์บนเดสก์ท็อป ใช้ขนาดช่วงเพื่อเลือกจำนวนคอลัมน์ที่ปรากฏบนคอมพิวเตอร์เดสก์ท็อป ขั้นต่ำคือ 1 สูงสุดคือ 5
    อัตราส่วนรูปภาพ อัตราส่วนของรูปภาพสินค้า:
    • ปรับตามรูปภาพ (ค่าเริ่มต้น) - ใช้อัตราส่วนภาพของรูปภาพ ซึ่งจะป้องกันไม่ให้รูปภาพถูกครอบตัด
    • แนวตั้ง - ครอบตัดรูปภาพเพื่อใช้อัตราส่วน 2:3
    • สี่เหลี่ยม - ครอบตัดรูปภาพเพื่อใช้อัตราส่วน 1:1
    แสดงรูปภาพที่สองเมื่อนำเมาส์ไปวาง เมื่อลูกค้าวางเคอร์เซอร์เหนือรูปภาพสินค้า ระบบจะแสดงรูปภาพที่สองของสินค้าหากสินค้านั้นมีมากกว่าหนึ่งรูป
    แสดงผู้ขาย แสดงผู้ขายของสินค้าแต่ละชิ้น
    แสดงคะแนนของสินค้า แสดงคะแนนเฉลี่ยของสินค้าเป็นดาวพร้อมจำนวนรีวิวในวงเล็บ เช่น ★★★★★ (8) โดยต้องมีแอปรีวิวสินค้า เช่น Shopify Product Reviews และคำจำกัดความเมตาฟิลด์สำหรับ reviews.rating_count และ reviews.rating
    เปิดใช้ปุ่มเพิ่มด่วน ปุ่มเพิ่มด้วยจะช่วยให้ลูกค้าสามารถเพิ่มสินค้าไปยังตะกร้าสินค้าของตนจากบัตรสินค้าได้ หากสินค้าดังกล่าวมีตัวเลือกสินค้า ปุ่มดังกล่าวจะปรากฏเป็น “เลือกตัวเลือก” และจะแสดงรายละเอียดสินค้าไว้ในป๊อปอัป ซึ่งลูกค้าจะเลือกตัวเลือกสินค้าที่ต้องการ, เพิ่มสินค้าไปยังตะกร้าสินค้า, ชำระเงินทันทีด้วย “ซื้อเลย” หรือคลิกเพื่อดูรายละเอียดทั้งหมดของสินค้าได้ โปรดทราบว่าการตั้งค่านี้จะขึ้นอยู่กับว่ามีการเปิดใช้ปุ่ม “ซื้อเลย” ใน[หน้าสินค้า](/manual/online-store/dynamic-checkout)]ของคุณหรือไม่ หากไม่ได้เปิดใช้ปุ่ม “ซื้อเลย” ในเทมเพลตสินค้า ลูกค้าจะยังมีตัวเลือกในการเพิ่มสินค้าไปยังตะกร้าสินค้าของตนอยู่ แต่จะมองไม่เห็นขั้นตอนการชำระเงินแบบด่วนอย่าง “ซื้อเลย”
    เปิดใช้การกรอง ให้ลูกค้าสามารถกรองสินค้าในคอลเลกชันตามตัวกรองในการตั้งค่าการนําทางของคุณ
    เลย์เอาต์ตัวกรองสำหรับเดสก์ท็อป เลือกระหว่างเลย์เอาต์แนวนอน (ค่าเริ่มต้น) แนวตั้ง หรือแบบลิ้นชัก
    เปิดใช้การจัดเรียง ให้ลูกค้าสามารถจัดเรียงผลลัพธ์การค้นหาได้
    จำนวนคอลัมน์บนมือถือ ตั้งค่าเลย์เอาต์คอลัมน์ที่เฉพาะเจาะจงสำหรับอุปกรณ์มือถือ โดยเลือกระหว่าง 1 และ 2 คอลัมน์
    พื้นที่ว่างของส่วน เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของกริดสินค้า ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของกริดสินค้า

    หน้ารายการคอลเลกชัน

    หน้ารายการคอลเลกชันจะแสดงคอลเลกชันทั้งหมดที่คุณมีอยู่ในช่องทางการขายร้านค้าออนไลน์

    การตั้งค่าสำหรับหน้ารายการคอลเลกชัน
    การตั้งค่า คำอธิบาย
    หัวเรื่อง ชื่อของหน้า
    จัดเรียงคอลเลกชันตาม

    กำหนดลำดับการแสดงคอลเลกชันของคุณ:

    • ตัวอักษร A-Z - แสดงคอลเลกชันโดยเรียงตามลำดับตัวอักษร
    • ตัวอักษร Z-A - แสดงคอลเลกชันโดยเรียงตามตัวอักษรจากหลังมาหน้า
    • วันที่ จากใหม่ไปเก่า - แสดงคอลเลกชันจากใหม่ที่สุดไปถึงเก่าที่สุด โดยอิงจากเวลาที่สร้างคอลเลกชันแต่ละคอลเลกชันในร้านค้าของคุณ
    • วันที่ จากเก่าไปใหม่ - แสดงคอลเลกชันจากเก่าที่สุดไปถึงใหม่ที่สุด โดยอิงจากเวลาที่สร้างคอลเลกชันแต่ละคอลเลกชันในร้านค้าของคุณ
    • จำนวนสินค้า จากมากไปน้อย - แสดงคอลเลกชันโดยอิงจากจำนวนสินค้าที่มีในคอลเลกชันจากมากที่สุดไปถึงน้อยที่สุด
    • จำนวนสินค้า จากน้อยไปมาก - แสดงคอลเลกชันโดยอิงจากจำนวนสินค้าที่มีในคอลเลกชันจากน้อยที่สุดไปถึงมากที่สุด
    อัตราส่วนรูปภาพ อัตราส่วนของรูปภาพคอลเลกชัน:
    • ปรับตามรูปภาพ (ค่าเริ่มต้น) - ใช้อัตราส่วนภาพของรูปภาพ ซึ่งจะป้องกันไม่ให้รูปภาพถูกครอบตัด
    • แนวตั้ง - ครอบตัดรูปภาพเพื่อใช้อัตราส่วน 2:3
    • สี่เหลี่ยม - ครอบตัดรูปภาพเพื่อใช้อัตราส่วน 1:1
    จำนวนของคอลัมน์บนเดสก์ท็อป จำนวนของคอลัมน์ที่จะแสดงบนคอมพิวเตอร์เดสก์ท็อป ต่ำสุด: 1 สูงสุด: 5
    จำนวนคอลัมน์บนมือถือ ตั้งค่าเลย์เอาต์คอลัมน์ที่เฉพาะเจาะจงสำหรับอุปกรณ์มือถือ โดยเลือกระหว่าง 1 และ 2 คอลัมน์

    หน้า

    คุณสามารถสร้างหน้าแบบกำหนดเองในส่วน Shopify admin ของคุณเพื่อสร้างเนื้อหาให้แก่ลูกค้าของคุณ เช่น หน้าเกี่ยวกับเรา หรือข้อมูลเพิ่มเติมเกี่ยวกับสินค้าของคุณ โดยหน้าเหล่านี้ไม่มีสามารถตั้งค่าเพิ่มเติมได้ภายในเครื่องมือแก้ไขธีม

    หน้าบล็อก

    หน้าบล็อกคือหน้าแรกสำหรับบล็อกที่คุณสร้างภายในส่วน Shopify admin ของคุณ ตามค่าเริ่มต้นจะมีส่วนบล็อกโพสต์

    การตั้งค่าส่วนบล็อกโพสต์

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

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

    หน้าบล็อกโพสต์

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

    • รูปภาพที่แสดง
    • ชื่อ
    • แชร์
    • เนื้อหา

    บล็อกรูปภาพที่แสดง

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

    กำหนดความสูงของรูปภาพที่แสดงในบล็อกโพสต์:

    • ปรับให้เข้ากับรูปภาพ(ค่าเริ่มต้น) - คงอัตราส่วนเดิมของรูปภาพไว้
    • ข้อมูลจำเพาะของรูปภาพจะแสดงอยู่ด้านล่าง เลือกระหว่างรูปภาพที่แสดงขนาดเล็ก, ขนาดกลาง หรือขนาดใหญ่

    ขนาดของรูปภาพที่แสดง

    ขนาดของบล็อกรูปภาพที่แสดงบนหน้าบล็อกโพสต์
    บัตรขนาดเล็ก บัตรขนาดใหญ่
    ความสูงของรูปภาพที่แสดงขนาดเล็ก

    • เดสก์ท็อป - 177 px
    • แท็บเล็ต - 143 px
    • มือถือ - ไม่มี
    ความสูงของรูปภาพที่แสดงขนาดใหญ่

    • เดสก์ท็อป - 275 px
    • แท็บเล็ต - 220 px
    • มือถือ - 110 px
    ความสูงของรูปภาพที่แสดงขนาดปานกลาง

    • เดสก์ท็อป - 307 px
    • แท็บเล็ต - 219 px
    • มือถือ - ไม่มี
    ความสูงของรูปภาพที่แสดงขนาดปานกลาง

    • เดสก์ท็อป - 550 px
    • แท็บเล็ต - 440 px
    • มือถือ - 220 px
    ความสูงของรูปภาพที่แสดงขนาดใหญ่

    • เดสก์ท็อป - 407 px
    • แท็บเล็ต - 275 px
    • มือถือ - ไม่มี
    ความสูงของรูปภาพที่แสดงขนาดใหญ่

    • เดสก์ท็อป - 825 px
    • แท็บเล็ต 660 px
    • มือถือ - 330 px

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

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

    บล็อกแชร์

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

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

    บล็อกเนื้อหา

    บล็อกเนื้อหาจะแสดงเนื้อหาของบล็อกโพสต์ ซึ่งไม่สามารถปรับแต่งการตั้งค่าได้

    หน้าตะกร้า

    หน้าตะกร้าสินค้าจะมีส่วนรายการสินค้าและยอดรวมตามค่าเริ่มต้น

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

    ส่วนรายการสินค้าจะแสดงสินค้าและจำนวนที่ลูกค้าได้เพิ่มลงไปในตะกร้าสินค้า

    การตั้งค่าสำหรับส่วนรายการในหน้าตะกร้าสินค้า
    การตั้งค่า คำอธิบาย
    แสดงผู้ขาย แสดงผู้ขายของสินค้าแต่ละรายการในตะกร้าสินค้า

    การตั้งค่าส่วนยอดรวม

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

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

    หน้าป้อนรหัสผ่าน

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

    ส่วนหัวของรหัสผ่าน

    การตั้งค่าสำหรับส่วนหัวของรหัสผ่านในหน้าป้อนรหัสผ่าน
    การตั้งค่า คำอธิบาย
    รูปภาพโลโก้ โลโก้ที่คุณต้องการแสดง
    ความกว้างของโลโก้แบบกำหนดเอง ความกว้างของโลโก้ สามารถเป็นพหุคูณของ 10 ตั้งแต่ 50 พิกเซล ถึง 250 พิกเซล โดยค่าเริ่มต้นจะอยู่ที่ 100 พิกเซล
    รูปแบบพื้นหลัง พื้นหลังของส่วนหัวของรหัสผ่านและพื้นที่ว่างภายในรูปภาพสามารถเลือกได้จากรูปแบบการเน้น 1, การเน้น 2, พื้นหลัง 1, พื้นหลัง 2 หรือรูปแบบตรงกันข้าม

    ส่วนการลงทะเบียนอีเมล

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

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

    บล็อกหัวเรื่อง

    การตั้งค่าสำหรับบล็อกหัวเรื่องในส่วนหัวของรหัสผ่านในหน้าป้อนรหัสผ่าน
    การตั้งค่า คำอธิบาย
    หัวเรื่อง ชื่อของส่วน

    บล็อกหัวเรื่องย่อย

    การตั้งค่าสำหรับบล็อกหัวเรื่องในส่วนหัวของรหัสผ่านในหน้าป้อนรหัสผ่าน
    การตั้งค่า คำอธิบาย
    คำอธิบาย เนื้อหาข้อความของส่วนนี้

    บล็อกแบบฟอร์มอีเมล

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

    ส่วนท้ายของรหัสผ่าน

    การตั้งค่าสำหรับส่วนท้ายของรหัสผ่านในหน้าป้อนรหัสผ่าน
    การตั้งค่า คำอธิบาย
    รูปแบบสี สีพื้นหลังของส่วนท้ายของรหัสผ่าน สามารถเลือกได้จากรูปแบบการเน้น 1, การเน้น 2, พื้นหลัง 1, พื้นหลัง 2 หรือรูปแบบตรงกันข้าม

    หน้า 404

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

    หน้าค้นหา

    หน้าค้นหาคือที่ที่ลูกค้าสามารถค้นหาหน้าหรือสินค้ารายการใดรายการหนึ่งภายในร้านค้าออนไลน์ของคุณได้ โดยหน้านี้จะมีส่วนผลลัพธ์การค้นหาตามค่าเริ่มต้น

    การตั้งค่าส่วนผลลัพธ์การค้นหา

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

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

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