วิดเจ็ตรายการสินค้า | เครื่องมือสร้างร้านค้า – ศูนย์ช่วยเหลือ SHOPLINE

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

⚠️ ก่อนที่คุณจะเริ่มต้น:

ปัจจุบันเครื่องมือสร้างร้านค้ารองรับเฉพาะธีม Ultra Chic, Kingsman, Varm และ Phillia
หลังจากสร้างร้านค้าโดยใช้เครื่องมือสร้างร้านค้า หน้าเพจยังคงสามารถแสดงได้แม้ว่าคุณจะเปลี่ยนไปใช้ธีมอื่น แต่ไม่สามารถแก้ไขได้และเลย์เอาต์อาจมีความยุ่งเหยิง โปรดทราบสิ่งนี้ก่อนที่จะเผยแพร่หน้าเพจ

1. เพิ่มวิดเจ็ตรายการสินค้า

ขั้นตอนที่ 1

ไปที่หน้าผู้ดูแลระบบ SHOPLINE > [การออกแบบร้านค้าออนไลน์] > [หน้าเพจ] และคลิก [หน้าเพจแบบขั้นสูง] คลิกปุ่มแก้ไขเพื่อเปิดหน้าการตั้งค่าหน้าเพจขึ้นมา

ขั้นตอนที่ 2

คลิกปุ่มวิดเจ็ต

ขั้นตอนที่ 3

คลิกวิดเจ็ตรายการสินค้า

ขั้นตอนที่ 4

คลิกปุ่ม + สินค้า เพื่อสร้างรายการสินค้าที่กำหนดเอง หรือคลิก + เพิ่มหมวดหมู่ เพื่อเลือกรายการสินค้าที่มีอยู่

1. สร้างรายการสินค้าที่กำหนดเอง

คลิก + สินค้า เพื่อเลือกสินค้า คุณสามารถเลือกได้สูงสุดถึง 25 รายการสินค้าเพื่อสร้างรายการสินค้าที่กำหนดเอง เมื่อเลือกแล้วให้คลิก ถัดไป เพื่อดำเนินการต่อ

คุณสามารถสลับอันดับการจัดเรียงรายการสินค้าได้ด้วยการลากและวาง คลิก ยืนยัน เพื่อดำเนินการต่อ

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

*หมายเหตุ:

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

2. รายการสินค้าที่มีอยู่

คลิก + เพิ่มหมวดหมู่ เพื่อเลือกหมวดหมู่สินค้า คลิก ยืนยัน เพื่อดำเนินการต่อ

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

ขั้นตอนที่ 5

กรอกชื่อรายการสินค้าและเลือกขนาดสำหรับชื่อ

*หมายเหตุ: คุณสามารถเว้นว่างช่องนี้ได้ หน้าเพจจะไม่แสดงชื่อหน้าเพจ

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

คุณสามารถกำหนดการจัดเรียงข้อความของชื่อได้ (ซ้าย/กลาง/ขวา)

ขั้นตอนที่ 6

แก้ไขการตั้งค่าที่เกี่ยวข้องกับรูปภาพ

A. สัดส่วนของสินค้า

คุณสามารถกำหนดสัดส่วนของรูปภาพสินค้าได้

B. สินค้าต่อแถวและสินค้าต่อคอลัมน์

คุณสามารถกำหนดจำนวนแถวสินค้า (แนวนอน) และคอลัมน์ (แนวตั้ง)

*หมายเหตุ:

แถวถูกตั้งค่าเป็น 3 และคอลัมน์เป็น 2 โดยค่าเริ่มต้น จำกัดสูงสุดสำหรับแถวและคอลัมน์คือ 5
คุณสามารถปรับจำนวนคอลัมน์และแถวในเวอร์ชันเดสก์ท็อปได้เท่านั้น เลย์เอาต์ในเวอร์ชันมือถือจะเปลี่ยนตามจำนวนรูปภาพในเวอร์ชันเดสก์ท็อปและกำหนดไว้ที่ 2 คอลัมน์ต่อแถว (ตัวอย่างเช่น เวอร์ชันเดสก์ท็อปมี 3 คอลัมน์และ 2 แถว รวมเป็นสินค้า 6 รายการ และเวอร์ชันมือถือจะแสดง 2 คอลัมน์และ 3 แถว รวมทั้งมีสินค้าทั้งหมด 6 รายการด้วย)
ปุ่ม "แสดงเพิ่มเติม" จะปรากฏขึ้นด้านล่างรายการสินค้า ไม่ว่าจำนวนสินค้าที่แสดงจะมีมากเท่าใด
ลำดับที่สินค้าจัดแสดงนั้นจะขึ้นอยู่กับลำดับในหมวดหมู่สินค้าที่ตั้งค่าไว้ในหน้าผู้ดูแลระบบ หากคุณต้องการเปลี่ยน กรุณาไปที่หน้าผู้ดูแลระบบ SHOPLINE > [สินค้าและหมวดหมู่] > [หมวดหมู่] และคลิกหมวดหมู่สินค้าที่ต้องการปรับลำดับสินค้า
หากคุณเลือกสร้างรายการสินค้าที่กำหนดเองในขั้นตอนที่ 4 รายการสินค้าจะถูกจัดเรียงโดยอิงจากลำดับแถวเท่านั้น การปรับค่าของคอลัมน์จะไม่แสดงผลใด

C. ระยะขอบ

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

ขั้นตอนที่ 7

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

*หมายเหตุ: สินค้าที่ซ่อนอยู่ที่ไม่ได้เผยแพร่จะไม่แสดง หากคุณต้องการเรียนรู้วิธีตั้งค่าสินค้าที่ซ่อนอยู่ โปรดดูที่ การซ่อนสินค้า

ขั้นตอนที่ 8

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

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

ขั้นตอนที่ 9

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

อ่านเพิ่มเติม