ฟีเจอร์ของร้านค้าออนไลน์

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

หน้าบางหน้าจะมีส่วนที่มากับค่าเริ่มต้น เช่น แถบประกาศ ส่วนหัว และส่วนท้าย ส่วนเหล่านี้จะปรากฏในทุกหน้า

แถบประกาศ

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

บล็อกประกาศ

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

ส่วนหัว

ส่วนหัวจะแสดงในทุกหน้าในร้านค้าออนไลน์ของคุณ

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

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

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

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

ส่วนท้าย

ส่วนท้ายจะแสดงบนหน้าทั้งหมดในธีมของคุณ

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

การตั้งค่าสำหรับส่วนท้าย
การตั้งค่า คำอธิบาย
รูปแบบสี สามารถเลือกพื้นหลังของส่วนท้ายได้ระหว่างรูปแบบการเน้น 1, การเน้น 2, พื้นหลัง 1, พื้นหลัง 2 หรือรูปแบบกลับสี
แสดงการลงทะเบียนอีเมล มีแบบฟอร์มการลงทะเบียนอีเมลที่ลูกค้าสามารถสมัครรับจดหมายข่าวและข้อมูลการตลาดของคุณได้
หัวเรื่อง ชื่อของแบบฟอร์ม “แสดงการลงทะเบียนอีเมล” หากไม่ได้เปิดใช้งาน “แสดงการลงทะเบียนอีเมล” สิ่งนี้จะไม่ปรากฏ
ไอคอนโซเชียลมีเดีย แสดงไอคอนของแพลตฟอร์มโซเชียลมีเดียที่คุณได้ป้อนลิงก์โปรไฟล์ไว้ในการตั้งค่าธีมของคุณ
เปิดใช้ตัวเลือกประเทศ/ภูมิภาค เพิ่มตัวเลือกที่ลูกค้าสามารถเลือกประเทศและภูมิภาคที่คุณได้เปิดใช้ในการตั้งค่าการชำระเงินของคุณ เพื่อให้ลูกค้าสามารถดูราคาสินค้าของคุณในสกุลเงินที่ลูกค้าเลือกได้
เปิดใช้ตัวเลือกภาษา เพิ่มตัวเลือกที่ลูกค้าสามารถเลือกประเทศและภูมิภาคที่คุณได้เปิดใช้ในการตั้งค่าภาษาของคุณ เพื่อให้ลูกค้าสามารถเรียกดูร้านค้าของคุณในภาษาที่ลูกค้าเลือกได้
แสดงไอคอนการชำระเงิน แสดงไอคอนวิธีการรับเงินที่เปิดใช้ในร้านค้าของคุณ เมื่อลูกค้าเยี่ยมชมร้านค้าของคุณ ไอคอนเหล่านี้จะถูกกรองเพื่อให้ระบบแสดงเฉพาะวิธีการรับเงินที่รองรับในภูมิภาคและสกุลเงินปัจจุบันของลูกค้า
การเว้นระยะห่าง เพิ่มพื้นที่ว่างด้านบนส่วนท้ายของคุณ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังย่อหน้าบน
พื้นที่ว่างของส่วน เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนท้าย ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนท้ายของคุณ

บล็อกเมนู

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

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

สามารถใช้บล็อกข้อความเพื่อเน้นข้อมูลสําคัญๆ เช่น รายละเอียดร้านค้า โปรโมชัน หรือข้อมูลติดต่อได้

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

บล็อกรูปภาพ

การตั้งค่าสำหรับบล็อกรูปภาพในส่วนท้าย
การตั้งค่า คำอธิบาย
รูปภาพ รูปภาพที่จะแสดงในบล็อก
ความกว้างของรูปภาพ ตั้งความกว้างของรูปภาพ สามารถเป็นพหุคูณของ 5 ตั้งแต่ 50 พิกเซล ถึง 200 พิกเซล โดยค่าเริ่มต้นจะอยู่ที่ 100 พิกเซล
การจัดวางรูปภาพบนหน้าจอใหญ่

จัดวางรูปภาพภายในบล็อก:

  • ซ้าย - จัดวางรูปภาพไว้ด้านซ้ายของบล็อก
  • ตรงกลาง (ค่าเริ่มต้น) - จัดวางรูปภาพไว้ตรงกลางของบล็อก
  • ขวา - จัดวางรูปภาพไว้ด้านขวาของบล็อก

โพสต์บล็อก

หากคุณมีบล็อกบนร้านค้า Shopify คุณจะสามารถใช้ส่วนบล็อกโพสต์เพื่อเน้นโพสต์จากบล็อกนั้นได้ โดยบล็อกโพสต์แต่ละรายการในส่วนบล็อกโพสต์จะแสดงเนื้อหาบางส่วนของโพสต์จำนวน 55 คำแรก หากบล็อกโพสต์ไม่มีเนื้อหาบางส่วน ระบบจะแสดงข้อความจำนวน 30 คำแรกของโพสต์แทน

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

การตั้งค่าสำหรับส่วนบล็อกโพสต์
การตั้งค่า คำอธิบาย
หัวเรื่อง ชื่อของส่วน
ขนาดของหัวเรื่อง เปลี่ยนขนาดของข้อความหัวเรื่อง โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่
บล็อก บล็อกโพสต์ที่คุณต้องการแสดงบล็อก โดยมีค่าเริ่มต้นคือบล็อกแรกตามตัวอักษรในหน้าบล็อกของคุณ
โพสต์บล็อก จำนวนบล็อกโพสต์ที่คุณต้องการให้แสดงในส่วนนั้น สูงสุด: 4 โพสต์
จำนวนของคอลัมน์บนเดสก์ท็อป จำนวนของคอลัมน์ที่จะแสดงบนคอมพิวเตอร์เดสก์ท็อป ต่ำสุด: 1 สูงสุด: 4
รูปแบบสี สีพื้นหลังของส่วนบล็อก ซึ่งมีให้เลือกระหว่างรูปแบบการเน้น 1, การเน้น 2, พื้นหลัง 1, พื้นหลัง 2 หรือรูปแบบกลับสี
แสดงรูปภาพที่แสดง แสดงรูปภาพที่แสดงสำหรับบล็อกโพสต์ อัตราส่วนภาพที่แนะนำ: 3:2
แสดงวันที่ แสดงวันที่สร้างบล็อกโพสต์
แสดงผู้เขียน แสดงผู้เขียนบล็อกโพสต์
เปิดใช้ปุ่ม “ดูทั้งหมด” หากบล็อกมีบล็อกโพสต์มากกว่าที่แสดงไว้ หากบล็อกมีบล็อกโพสต์มากกว่าที่กำหนดไว้ในช่องบล็อกโพสต์ ระบบจะแสดงปุ่ม “ดูทั้งหมด” ที่จะพาลูกค้าไปยังหน้าของบล็อกนั้นๆ
พื้นที่ว่างของส่วน เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนบล็อกโพสต์ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนบล็อกโพสต์

เลือกบล็อก

  1. ในตัวแก้ไขธีมของคุณ ให้คลิกที่ชื่อของส่วนบล็อกโพสต์
  2. ในส่วนบล็อก ให้คลิก “เปลี่ยน
  3. เลือกบล็อก
  4. คลิก “เลือก” จากนั้นคลิก “บันทึก

คอลลาจ

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

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

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

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

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

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

    รูปแบบที่บล็อกจะปรากฏบนมือถือ

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

    บล็อกวิดีโอ

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

    บล็อกสินค้า

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

    บล็อกคอลเลกชัน

    การตั้งค่าสำหรับบล็อกคอลเลกชันในส่วนคอลลาจ
    การตั้งค่า คำอธิบาย
    คอลเลกชัน คอลเลกชันที่คุณต้องการแสดง

    บล็อกรูปภาพ

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

    เนื้อหาที่ย่อได้

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

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

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

    เลือกเลย์เอาต์สำหรับเนื้อหาแบบพับได้ของคุณ:

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

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

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

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

    คุณสามารถเพิ่มรายการคอลเลกชันที่คุณต้องการไฮไลท์ได้ คุณสามารถเพิ่มบล็อกคอลเลกชันไปยังรายการคอลเลกชันได้สูงสุดถึง 16 บล็อก

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

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

    เลือกคอลเลกชัน

    1. จากตัวแก้ไขธีมของคุณ ให้คลิกที่บล็อกคอลเลคชันที่คุณต้องการเพิ่มคอลเลกชันเข้าไป
    2. คลิกที่ เลือกคอลเลกชัน
    3. คลิกที่คอลเลกชัน แล้วคลิก “เลือก

    แบบฟอร์มการติดต่อ

    แบบฟอร์มการติดต่อจะส่งรายการส่งทั้งหมดไปยังที่อยู่อีเมลผู้ส่งของร้านค้าคุณ คุณสามารถเปลี่ยนแปลงที่อยู่อีเมลผู้ส่งได้ในหน้าการตั้งค่ารายละเอียดร้านค้าจาก Shopify admin ของคุณ

    แบบฟอร์มมีช่องดังต่อไปนี้:

    • ชื่อ
    • อีเมล (ต้องระบุ)
    • หมายเลขโทรศัพท์
    • ความคิดเห็น

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

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

    ปรับแต่ง Liquid

    คุณสามารถเพิ่มโค้ด Liquid ของคุณเองเพื่อสร้างส่วนแบบกำหนดเองได้

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

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

    การตั้งค่าสำหรับส่วน Liquid แบบกำหนดเอง
    การตั้งค่า คำอธิบาย
    ปรับแต่ง Liquid เพิ่มส่วนย่อยของแอปหรือโค้ด Liquid แบบกำหนดเองอื่นๆ เพื่อสร้างการปรับแต่งขั้นสูง
    รูปแบบสี สีพื้นหลังของส่วนแบบฟอร์มการติดต่อ โดยให้เลือกระหว่างการเน้น 1, การเน้น 2, พื้นหลัง 1, พื้นหลัง 2 หรือรูปแบบกลับสี
    พื้นที่ว่างของส่วน เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วน Liquid แบบกำหนดเอง ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วน Liquid แบบกำหนดเอง

    แบนเนอร์การลงทะเบียนอีเมล

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

    ส่วนนี้มาพร้อมกับบล็อกสามบล็อกตามค่าเริ่มต้น:

    • หัวเรื่อง
    • หัวเรื่องย่อย
    • รูปแบบอีเมล

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

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

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

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


    สำหรับเดสก์ท็อป กล่องข้อความจะครอบคลุมรูปภาพบางส่วน สำหรับมือถือ กล่องข้อความจะปรากฏใต้รูปภาพ

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


    บนเดสก์ท็อป คุณจะเห็นรูปแบบสีที่เลือกก็ต่อเมื่อเลือกตัวเลือก “แสดงกรอบบนเดสก์ท็อป” เท่านั้น บนมือถือ คุณจะเห็นรูปแบบสีที่เลือกก็ต่อเมื่อเลือก “แสดงเนื้อหาด้านล่างรูปภาพบนมือถือ” ไว้

    การจัดวางเนื้อหาบนมือถือ จัดตำแหน่งข้อความแบนเนอร์รูปภาพสำหรับอุปกรณ์มือถือ สามารถเลือกวางด้านขวา ด้านซ้าย หรือกึ่งกลาง (ค่าเริ่มต้น)
    แสดงเนื้อหาด้านล่างบนมือถือ เนื้อหาจะปรากฏด้านล่างรูปภาพแบนเนอร์การลงทะเบียนอีเมลบนอุปกรณ์มือถือ

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

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

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

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

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

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

    ส่วนนี้มาพร้อมกับบล็อกสามบล็อกตามค่าเริ่มต้น:

    • หัวเรื่อง
    • หัวเรื่องย่อย
    • รูปแบบอีเมล

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

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

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

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

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

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

    รูปแบบอีเมล

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

    คอลเลกชันแนะนำ

    คุณสามารถเพิ่มส่วนที่แสดงสินค้าในคอลเลกชันเดียวได้

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

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

    สินค้าที่แนะนำ

    คุณสามารถเพิ่มส่วนที่แนะนำเฉพาะสินค้าบางรายการได้

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

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

    บล็อกส่วน

    คุณสามารถเพิ่มบล็อกต่อไปนี้ลงในส่วนสินค้าแนะนำได้

    บล็อกที่พร้อมให้ใช้งานในส่วนสินค้าที่แนะนำ
    บล็อก การตั้งค่า
    ข้อความ ป้อนข้อความสำหรับสินค้าแนะนำของคุณ:
    • ข้อความ: รองรับข้อความหรือแหล่งที่มาแบบไดนามิก
    • รูปแบบข้อความ: เลือกระหว่างเนื้อหา หัวเรื่องย่อย หรือตัวพิมพ์ใหญ่
    ชื่อ ขนาดของหัวเรื่อง: เลือกระหว่าง เล็ก กลาง หรือใหญ่
    ราคา บล็อกนี้ไม่สามารถปรับแต่งค่าได้
    รายการตัวเลือกสินค้า เลือกระหว่างตัวเลือกสินค้าทรงเม็ดยาหรือเมนูดรอปดาวน์
    ตัวเลือกจำนวน บล็อกนี้ไม่สามารถปรับแต่งค่าได้
    ปุ่มซื้อ ทำเครื่องหมายในช่องปุ่มการชำระเงินแบบไดนามิกเพื่อแสดงตัวเลือกการชำระเงินแบบไดนามิกที่คุณได้เปิดใช้ในการตั้งค่าการชำระเงินของคุณ
    แชร์ ข้อความที่คลิกได้ที่ให้ลูกค้าแชร์สินค้าไปยังโซเชียลมีเดียของตน
    คะแนนของสินค้า แสดงคะแนนเฉลี่ยของสินค้าเป็นดาวพร้อมจำนวนรีวิวในวงเล็บ เช่น ★★★★★ (8) โดยต้องมีแอปรีวิวสินค้า เช่น Shopify Product Reviews และคำจำกัดความเมตาฟิลด์สำหรับ reviews.rating_count และ reviews.rating
    ปรับแต่ง Liquid เพิ่มโค้ดปรับแต่ง Liquid หรือ HTML
    แอป เพิ่มแอปที่เข้ากันได้กับ Online Store 2.0

    แบนเนอร์รูปภาพ

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

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

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

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

    ตั้งค่าความสูงของรูปภาพแบนเนอร์ของคุณโดยใช้เมนูดรอปดาวน์

    • ขนาดเล็ก - เดสก์ท็อป: 420 พิกเซล, มือถือ: 280 พิกเซล
    • ขนาดกลาง (ค่าเริ่มต้น) - เดสก์ท็อป: 560 พิกเซล, มือถือ: 340 พิกเซล
    • ขนาดใหญ่ - เดสก์ท็อป: 720 พิกเซล, มือถือ: 390 พิกเซล
    ปรับความสูงของส่วนตามขนาดของรูปภาพแรก ตั้งค่าความสูงของส่วนให้เข้ากับความสูงของรูปภาพแรก บนมือถือ ระบบจะปรับรูปภาพทั้งสองภาพให้เข้ากับความสูงของรูปภาพแรก การทำเครื่องหมายที่กล่องนี้จะเป็นการเขียนข้อมูลทับการตั้งค่าความสูงของแบนเนอร์รูปภาพ
    ตำแหน่งเนื้อหาบนเดสก์ท็อป จัดตําแหน่งของแบนเนอร์รูปภาพเดสก์ท็อป สามารถเลือกวางด้านบน ตรงกลาง หรือด้านล่าง และด้านขวา ด้านซ้าย หรือกึ่งกลาง
    แสดงคอนเทนเนอร์บนเดสก์ท็อป วางข้อความรูปภาพของแบนเนอร์ลงในกล่องข้อความเหนือรูปภาพแบนเนอร์สำหรับลูกค้าที่เลือกซื้อสินค้าจากคอมพิวเตอร์เดสก์ท็อป
    การจัดวางเนื้อหาบนเดสก์ท็อป ตั้งค่าการจัดวางข้อความในแบนเนอร์รูปภาพสำหรับคอมพิวเตอร์เดสก์ท็อป โดยให้เลือกระหว่างด้านขวา ด้านซ้าย หรือตรงกลาง
    รูปแบบสี สีพื้นหลังของส่วนแบนเนอร์รูปภาพ ซึ่งมีให้เลือกระหว่างรูปแบบการเน้น 1, การเน้น 2, พื้นหลัง 1, พื้นหลัง 2 หรือรูปแบบกลับสี โดยรูปแบบสีที่เลือกจะปรากฏให้เห็นเมื่อเลือกตัวเลือกแสดงกล่องข้อความบนเดสก์ท็อปเท่านั้น
    การจัดวางเนื้อหาบนมือถือ ตั้งค่าการจัดวางข้อความในแบนเนอร์รูปภาพสำหรับอุปกรณ์มือถือ โดยให้เลือกระหว่างด้านขวา ด้านซ้าย หรือตรงกลาง
    ซ้อนรูปภาพบนอุปกรณ์มือถือ หากเพิ่มรูปภาพ 2 ภาพไปยังส่วน รูปภาพจะแสดงในคอลัมน์แทนที่จะเป็นแบบขนาบข้างกัน
    แสดงคอนเทนเนอร์บนมือถือ วางข้อความรูปภาพของแบนเนอร์ลงในกล่องข้อความเหนือรูปภาพแบนเนอร์สำหรับลูกค้าที่เลือกซื้อสินค้าจากอุปกรณ์มือถือ

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

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

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

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

    บล็อกปุ่ม

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

    รูปภาพพร้อมข้อความ

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

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

    การตั้งค่าสำหรับส่วนรูปภาพพร้อมข้อความ
    การตั้งค่า คำอธิบาย
    รูปภาพ คลิก “เลือก” เพื่อเลือกรูปภาพสำหรับส่วนนั้นๆ คลิกปุ่ม “เปลี่ยน” เพื่อเปลี่ยนหรือลบรูปภาพดังกล่าว
    แก้ไขข้อความแสดงแทน คลิกเพื่อตั้งค่าข้อความกำกับภาพเพื่อช่วยปรับแต่งเว็บไซต์ให้ติดอันดับต้นๆ ในเครื่องมือค้นหาและเพื่อบรรยายรูปภาพให้ลูกค้าที่ใช้เครื่องอ่านหน้าจอ
    ความสูงของรูปภาพ เลือกความสูงรูปภาพ:
    • ปรับให้เข้ากับรูปภาพ (ค่าเริ่มต้น)
    • เล็ก
    • ใหญ่
    ความกว้างของรูปภาพบนเดสก์ท็อป ความกว้างรูปภาพ:
    • เล็ก
    • ปานกลาง (ค่าเริ่มต้น)
    • ใหญ่
    การวางตำแหน่งรูปภาพบนเดสก์ท็อป เลือกว่าจะให้รูปภาพหรือข้อความปรากฏก่อน โดยค่าเริ่มต้นของเลย์เอาต์มือถือจะเป็นแสดงรูปภาพก่อน:
    • รูปภาพก่อน (ค่าเริ่มต้นของมือถือ)
    • รูปภาพไว้ลำดับที่สอง
    ตำแหน่งเนื้อหาบนเดสก์ท็อป ตําแหน่งแนวตั้งของเนื้อหาในส่วนที่บรรจุเนื้อหา:
    • ด้านบน (ค่าเริ่มต้น)
    • ตรงกลาง
    • ด้านล่าง
    การจัดวางเนื้อหาบนเดสก์ท็อป การจัดวางข้อความในส่วนที่บรรจุเนื้อหา:
    • ด้านซ้าย (ค่าเริ่มต้น)
    • ตรงกลาง
    • ด้านขวา
    เลย์เอาต์เนื้อหา อนุญาตให้รูปภาพและกล่องข้อความซ้อนทับกัน หากเลือก “ไม่ให้ทับซ้อนกัน” เนื้อหาจะปรับตามข้อความและรูปภาพ
    • ทับซ้อน
    • ไม่ให้ทับซ้อนกัน (ค่าเริ่มต้น)
    รูปแบบสี สีพื้นหลังของรูปภาพพร้อมข้อความ โดยให้เลือกระหว่างการเน้น 1, การเน้น 2, พื้นหลัง 1, พื้นหลัง 2 หรือรูปแบบกลับสี
    เลย์เอาต์สำหรับอุปกรณ์มือถือ เลือกการจัดตำแหน่งเนื้อหาบนอุปกรณ์มือถือ:
    • ซ้าย (ค่าเริ่มต้น)
    • ด้านขวา
    • ตรงกลาง
    พื้นที่ว่างของส่วน เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนรูปภาพพร้อมข้อความ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนรูปภาพพร้อมข้อความ

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

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

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

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

    บล็อกปุ่ม

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

    บล็อกคำบรรยาย

    การตั้งค่าสำหรับบล็อกคำบรรยายในส่วนรูปภาพพร้อมข้อความ
    การตั้งค่า คำอธิบาย
    ข้อความ เพิ่มสโลแกนหรือคำบรรยายลงในรูปภาพของคุณ ข้อความจะปรากฏที่ด้านล่างส่วนรูปภาพพร้อมข้อความของคุณ
    รูปแบบข้อความ รูปแบบของข้อความเนื้อหา:
    • ตัวพิมพ์ใหญ่ (ค่าเริ่มต้น)
    • คำบรรยาย
    ขนาดตัวอักษร ขนาดข้อความเนื้อหา:
    • เล็ก
    • ปานกลาง (ค่าเริ่มต้น)
    • ใหญ่

    หลายคอลัมน์

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

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

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

    ความกว้างของรูปภาพที่เพิ่มไปยังคอลัมน์

    • ความกว้างเต็มคอลัมน์ (ค่าเริ่มต้น) - รูปภาพจะมีความกว้างเต็มคอลัมน์
    • ความกว้างครึ่งหนึ่งของคอลัมน์ - รูปภาพจะมีความกว้างเป็นครึ่งหนึ่งของคอลัมน์
    • ความกว้างหนึ่งในสามของคอลัมน์ - รูปภาพจะมีความกว้างเป็นหนึ่งในสามของคอลัมน์
    อัตราส่วนรูปภาพ

    อัตราส่วนของรูปภาพ:

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

    การจัดวางรูปภาพและข้อความภายในคอลัมน์:

    • ซ้าย (ค่าเริ่มต้น) - จัดวางรูปภาพและข้อความไปด้านซ้าย
    • กลาง - จัดวางรูปภาพและข้อความไว้ตรงกลาง
    พื้นหลังรอง เลือก “ไม่มี” เพื่อซ่อนพื้นหลังรอง หรือ “แสดงเป็นพื้นหลังคอลัมน์” เพื่อเปลี่ยนสีของส่วนที่บรรจุเนื้อหาของคอลัมน์
    ป้ายกำกับปุ่ม ข้อความที่แสดงบนปุ่ม
    ลิงก์ปุ่ม URL ที่คุณต้องการเชื่อมโยงไว้ที่ปุ่ม
    รูปแบบสี สีพื้นหลังของส่วนหลายคอลัมน์ ซึ่งมีให้เลือกระหว่างรูปแบบการเน้น 1, การเน้น 2, พื้นหลัง 1, พื้นหลัง 2 หรือรูปแบบกลับสี
    จำนวนคอลัมน์บนมือถือ ตั้งค่าเลย์เอาต์คอลัมน์ที่เฉพาะเจาะจงสำหรับอุปกรณ์มือถือ โดยเลือกระหว่าง 1 และ 2 คอลัมน์
    เปิดใช้การปัดบนมือถือ เปลี่ยนการแสดงผลบนมือถือจากคอลัมน์เป็นแถว ซึ่งลูกค้าสามารถปัดไปทางด้านข้างเพื่อดูบล็อกคอลเลกชันเพิ่มเติมได้
    พื้นที่ว่างของส่วน เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของส่วนหลายคอลัมน์ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนหลายคอลัมน์

    บล็อกคอลัมน์

    คุณสามารถมีคอลัมน์ได้สูงสุด 12 คอลัมน์ในหนึ่งส่วน หากคุณมีบล็อกคอลัมน์ 1, 2 หรือ 3 บล็อก บล็อกคอลัมน์จะแสดงเป็นแถวเดียวบนเดสก์ท็อป หากคุณมีบล็อกคอลัมน์ 4 บล็อกขึ้นไป บล็อกคอลัมน์จะแสดงในเลย์เอาต์แบบสองคอลัมน์ สำหรับบนมือถือ บล็อกคอลัมน์จะแสดงเป็นคอลัมน์เดียว เว้นแต่ว่าจะเปิดใช้ “เปิดใช้การปัดบนมือถือ

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

    หน้า

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

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

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

    Rich Text

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

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

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

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

    คุณสามารถมีส่วนหัวได้สูงสุด 3 บล็อกในส่วน Rich Text

    การตั้งค่าสำหรับบล็อกหัวเรื่องในส่วน Rich Text
    การตั้งค่า คำอธิบาย
    หัวเรื่อง ชื่อของส่วน ใช้ปุ่มต่างๆ เพื่อทำให้ข้อความเป็นตัวหนาหรือตัวเอียง หรือเพื่อเพิ่มลิงก์ คลิกที่ปุ่ม “แหล่งที่มา” เพื่อเชื่อมโยงไปยังแหล่งที่มาแบบไดนามิก
    ขนาดของหัวเรื่อง เปลี่ยนขนาดของข้อความส่วนหัว เลือกขนาดระหว่างเล็ก กลาง ใหญ่ และใหญ่มาก

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

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

    คุณสามารถมีบล็อกข้อความในส่วน Rich Text ของคุณได้สูงสุด 3 บล็อก

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

    บล็อกคำบรรยาย

    คุณสามารถมีคำอธิบายได้สูงสุด 3 บล็อกในส่วน Rich Text

    การตั้งค่าสำหรับบล็อกข้อความในส่วน Rich Text
    การตั้งค่า คำอธิบาย
    ข้อความ เพิ่มสโลแกนสั้นๆ ลงในส่วน Rich Text ของคุณ
    รูปแบบข้อความ ใช้เมนูดรอปดาวน์เพื่อเลือกรูปแบบของข้อความระหว่างคำบรรยาย (ค่าเริ่มต้น) กับตัวพิมพ์ใหญ่
    ขนาดตัวอักษร ใช้เมนูดรอปดาวน์เพื่อกำหนดขนาดข้อความบรรยายของคุณ โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง (ค่าเริ่มต้น) และขนาดใหญ่

    บล็อกปุ่ม

    คุณสามารถมีปุ่มได้สูงสุด 3 บล็อกในส่วน Rich Text

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

    สไลด์โชว์

    คุณสามารถเพิ่มส่วนสไลด์โชว์เพื่อแสดงสไลด์โชว์ในหน้าในร้านค้าของคุณ โดยเพิ่มได้สูงสุด 5 รูป

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

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

    ความสูงของสไลด์โชว์:

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

    รูปแบบของการนําทางสไลด์โชว์ที่ปรากฏด้านล่างของรูปภาพ

    • จุด
    • ตัวนับ (ค่าเริ่มต้น)
    • ตัวเลข
    หมุนสไลด์อัตโนมัติ

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

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

    การตั้งค่าสไลด์รูปภาพ

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

    อธิบายรูปภาพสไลด์โชว์และให้บริบทแก่ลูกค้าที่ใช้เครื่องอ่านหน้าจอ

    หัวเรื่อง

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

    ขนาดของหัวเรื่อง

    เลือกระหว่างหัวเรื่องขนาดเล็ก ขนาดกลาง (ค่าเริ่มต้น) หรือขนาดใหญ่

    หัวเรื่องย่อย ข้อความส่วนหัวเรื่องย่อยเพิ่มเติมสำหรับรูปภาพ โดยระบบจะเพิ่มข้อความให้แต่ละรูปภาพแยกกัน
    ป้ายกำกับปุ่ม ป้อนข้อความที่ต้องการให้แสดงบนปุ่ม หรือเว้นว่างไว้เพื่อซ่อนปุ่มทั้งปุ่ม
    ลิงก์ปุ่ม URL ปลายทางที่คุณต้องการให้เชื่อมโยงกับปุ่ม คลิกที่ปุ่ม “แหล่งที่มา” เพื่อเพิ่มแหล่งที่มาแบบไดนามิกเป็น URL
    ใช้รูปแบบปุ่มแบบเค้าโครง คลิกที่ช่องทำเครื่องหมายเพื่อสลับไปใช้ปุ่มแบบทึบหรือแบบมีกรอบ
    ตำแหน่งเนื้อหาบนเดสก์ท็อป ตําแหน่งของกล่องเนื้อหาเหนือรูปภาพ สามารถเลือกวางด้านบน ตรงกลาง หรือด้านล่าง และด้านซ้าย กึ่งกลาง หรือด้านขวา โดยค่าเริ่มต้นจะเป็นตรงกึ่งกลาง
    แสดงคอนเทนเนอร์บนเดสก์ท็อป ทำเครื่องหมายในช่องเพื่อแสดงกล่องเนื้อหา
    การจัดวางเนื้อหาบนเดสก์ท็อป จัดวางข้อความในส่วนที่บรรจุเนื้อหา โดยให้เลือกระหว่างด้านซ้าย ตรงกลาง (ค่าเริ่มต้น) หรือด้านขวา
    ความทึบของการวางซ้อนรูปภาพ ใช้แถบเลื่อนเพื่อปรับความโปร่งใสขององค์ประกอบที่ซ้อนในรูปภาพ
    รูปแบบสี เปลี่ยนสีพื้นหลังของกล่องเนื้อหา สามารถเลือกใช้สีเน้น 1, สีเน้น 2, พื้นหลัง 1 (ค่าเริ่มต้น), พื้นหลัง 2 หรือจะสลับสีก็ได้ โดยการตั้งค่านี้จะต้องแสดงกรอบจึงจะส่งผลต่อรูปภาพในสไลด์โชว์
    เลย์เอาต์สำหรับอุปกรณ์มือถือ เลือกว่าจะให้เนื้อหาปรากฏบนอุปกรณ์มือถืออย่างไร สามารถเลือกวางด้านซ้าย กึ่งกลาง (ค่าเริ่มต้น) หรือด้านขวา

    วิดีโอ

    คุณสามารถเพิ่มส่วนวิดีโอเพื่อฝังวิดีโอจาก YouTube หรือ Vimeo ไว้บนหน้าในร้านค้าของคุณได้

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

    การตั้งค่าสำหรับส่วนวิดีโอ
    การตั้งค่า คำอธิบาย
    หัวเรื่อง ชื่อของส่วน
    ขนาดของหัวเรื่อง เปลี่ยนขนาดของข้อความหัวเรื่อง โดยเลือกระหว่างขนาดเล็ก ขนาดกลาง หรือขนาดใหญ่
    รูปภาพหน้าปก รูปภาพที่แสดงก่อนที่ลูกค้าเล่นวิดีโอ
    URL ลิงก์ YouTube หรือ Vimeo ที่ไปยังวิดีโอ โดยวิดีโอจะต้องพร้อมให้ชมแบบสาธารณะ
    ข้อความแสดงแทนวิดีโอ ข้อความแสดงแทนสำหรับวิดีโอ อธิบายบริบทและวัตถุประสงค์ของวิดีโอแก่ลูกค้าที่ใช้เครื่องอ่านหน้าจอ
    ทำให้ส่วนเต็มความกว้าง ลบพื้นที่ว่างตามค่าเริ่มต้นออกและทำให้ส่วนมีขนาดเต็มความกว้างของหน้า
    รูปแบบสี สีพื้นหลังของส่วนบล็อกคอลเลกชัน ซึ่งมีให้เลือกระหว่างรูปแบบการเน้น 1, การเน้น 2, พื้นหลัง 1, พื้นหลัง 2 หรือรูปแบบกลับสี
    พื้นที่ว่างของส่วน เพิ่มพื้นที่ว่างไปยังด้านบนหรือด้านล่างของวิดีโอ ใช้แถบเลื่อนช่วงเพื่อเพิ่มพื้นที่ว่างระหว่าง 0px และ 100px ไปยังด้านบนหรือด้านล่างของส่วนวิดีโอ

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

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