ในตัวแก้ไขธีม: ปรับแต่งหน้าแรกเพิ่มส่วนช้อปตามลุค

ช้อปตามลุค

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

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

การตั้งค่า

รูปภาพ

รูปภาพไลฟ์สไตล์
รูปภาพรูปถ่ายที่แสดงสินค้า วางจุดไว้ในบล็อก
รูปภาพสำหรับมือถือ
รูปภาพไม่บังคับ หากเว้นว่าง มือถือจะแสดงรูปหลัก แต่ละจุดมีตำแหน่งของตัวเองสำหรับมือถือ
รูปทรงรูปภาพบนคอมพิวเตอร์
ตัวเลือก: แนวตั้ง (4:5), จัตุรัส, แนวนอน (4:3), กว้าง (16:9), ต้นฉบับค่าเริ่มต้น: แนวตั้ง (4:5)ต้นฉบับ: ไม่ครอป จุดจึงอยู่ตรงสินค้าพอดี
รูปทรงรูปภาพบนมือถือ
ตัวเลือก: แนวตั้ง (4:5), จัตุรัส, ต้นฉบับค่าเริ่มต้น: แนวตั้ง (4:5)
ด้านของรูปภาพบนคอมพิวเตอร์
ตัวเลือก: อัตโนมัติ: ฝั่งตรงข้ามกับส่วนด้านบน, แรก, สุดท้ายค่าเริ่มต้น: อัตโนมัติ: ฝั่งตรงข้ามกับส่วนด้านบนข้างรายการสินค้าบนคอมพิวเตอร์ บนโทรศัพท์ รูปภาพจะอยู่ใต้หัวข้อเสมอ อัตโนมัติ: เมื่อส่วนด้านบนมีรูปภาพข้างข้อความเช่นกัน รูปภาพจะไปอยู่อีกฝั่ง เพื่อให้ส่วนที่อยู่ติดกันสลับกัน มิฉะนั้นจะอยู่ที่จุดเริ่มต้น (ด้านขวา ในภาษาฮีบรู)

หัวข้อ

หัวข้อ
ข้อความเว้นว่างไว้เพื่อแสดงหัวข้อเริ่มต้น
คำเล็กเหนือหัวข้อ
เปิดหรือปิดค่าเริ่มต้น: เปิด
คำเล็ก
ข้อความเว้นว่างไว้เพื่อแสดงคำเริ่มต้น

จุดและสินค้า

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

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

การตั้งค่าที่มีในทุกส่วนหน้าต่าง, การเลื่อน, ระยะห่าง, สี, รูปแบบข้อความ

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

หน้าต่าง

การเชื่อมต่อ
ตัวเลือก: หน้าต่างแยก, เชื่อมกับหน้าต่างด้านบน, เชื่อมกับหน้าต่างด้านล่าง, เชื่อมทั้งด้านบนและด้านล่างค่าเริ่มต้น: หน้าต่างแยก
มุมของรูปภาพ
ตัวเลือก: มน, เหลี่ยมค่าเริ่มต้น: มน

การเลื่อน

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

ระยะห่าง

กำหนดระยะห่างเองสำหรับส่วนนี้
เปิดหรือปิดค่าเริ่มต้น: ปิดปิด: ใช้ระยะห่างระหว่างส่วนจากการตั้งค่าธีม ในหัวข้อเลย์เอาต์ เปิด: ใช้ค่าที่กำหนดที่นี่ ด้านบนและด้านล่างของส่วนนี้ บนมือถือ ส่วนต่างๆ ส่วนใหญ่จะใช้ 65% ของค่าเหล่านี้
ระยะด้านบน
แถบเลื่อน ตั้งแต่ 0 ถึง 120 pxค่าเริ่มต้น: 40 px
ระยะด้านล่าง
แถบเลื่อน ตั้งแต่ 0 ถึง 120 pxค่าเริ่มต้น: 40 px
ความกว้างเนื้อหา
ตัวเลือก: แคบ, มาตรฐาน, กว้าง, เต็มความกว้างค่าเริ่มต้น: มาตรฐาน

สี

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

รูปแบบข้อความ

รูปแบบข้อความกำหนดเองสำหรับส่วนนี้
เปิดหรือปิดค่าเริ่มต้น: ปิดหากไม่เลือก ส่วนนี้จะใช้รูปแบบของธีม แบบอักษรของ Shopify ไม่รองรับภาษาฮีบรู คุณจึงเลือกระหว่างรูปแบบที่ใช้ได้กับภาษาฮีบรู
รูปแบบหัวข้อ
ตัวเลือก: ค่าเริ่มต้นของธีม, บาง, หนา, มีเชิงค่าเริ่มต้น: ค่าเริ่มต้นของธีม
ขนาดหัวข้อ
แถบเลื่อน ตั้งแต่ 70 ถึง 160 %ค่าเริ่มต้น: 100 %
สีหัวข้อ
สีเว้นว่าง: อัตโนมัติ ใช้สีของส่วน (สีอ่อนบนพื้นหลังเข้ม)
รูปแบบข้อความ
ตัวเลือก: ค่าเริ่มต้นของธีม, บาง, หนา, มีเชิงค่าเริ่มต้น: ค่าเริ่มต้นของธีม
ขนาดข้อความ
แถบเลื่อน ตั้งแต่ 70 ถึง 160 %ค่าเริ่มต้น: 100 %
สีข้อความ
สีเว้นว่าง: อัตโนมัติ ใช้สีของส่วน (สีอ่อนบนพื้นหลังเข้ม)

บล็อก

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

จุด

ทั่วไป

สินค้า
สินค้าสินค้าที่จุดนี้แสดง

ตำแหน่งบนคอมพิวเตอร์

จากซ้าย
แถบเลื่อน ตั้งแต่ 0 ถึง 100 %ค่าเริ่มต้น: 50 %เปอร์เซ็นต์ของความกว้างรูปภาพ นับจากซ้ายเสมอ
จากด้านบน
แถบเลื่อน ตั้งแต่ 0 ถึง 100 %ค่าเริ่มต้น: 50 %เปอร์เซ็นต์ของความสูงรูปภาพ

ตำแหน่งบนมือถือ

จากซ้าย
แถบเลื่อน ตั้งแต่ 0 ถึง 100 %ค่าเริ่มต้น: 50 %เปอร์เซ็นต์ของความกว้างรูปภาพ นับจากซ้ายเสมอ
จากด้านบน
แถบเลื่อน ตั้งแต่ 0 ถึง 100 %ค่าเริ่มต้น: 50 %เปอร์เซ็นต์ของความสูงรูปภาพ

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