เมื่อใช้ตัวสร้างร้านค้าเพื่อเพิ่มหรือแก้ไขหน้าแบบขั้นสูง คุณสามารถเพิ่มวิดเจ็ตหมวดหมู่เพื่อแสดงหมวดหมู่ต่างๆ ในร้านค้าของคุณให้กับลูกค้าของคุณและดึงดูดลูกค้าให้เรียกดูหมวดหมู่เฉพาะของสินค้าได้
⚠️ ก่อนที่คุณจะเริ่มต้น:
- ปัจจุบันเครื่องมือสร้างร้านค้ารองรับเฉพาะธีม Ultra Chic, Kingsman, Varm และ Phillia
- หลังจากสร้างร้านค้าโดยใช้เครื่องมือสร้างร้านค้า หน้าเพจยังคงสามารถแสดงได้แม้ว่าคุณจะเปลี่ยนไปใช้ธีมอื่น แต่ไม่สามารถแก้ไขได้และเลย์เอาต์อาจมีความยุ่งเหยิง โปรดทราบสิ่งนี้ก่อนที่จะเผยแพร่หน้าเพจ
1. เพิ่มวิดเจ็ตหมวดหมู่
ขั้นตอนที่ 1
ไปที่หน้าผู้ดูแลระบบ SHOPLINE > [การออกแบบร้านค้าออนไลน์] > [หน้าเพจ] และคลิกหน้าเพจแบบขั้นสูง/ปุ่มแก้ไขเพื่อเปิดหน้าการตั้งค่าหน้าเพจขึ้นมา
ขั้นตอนที่ 2
คลิกปุ่มวิดเจ็ต
ขั้นตอนที่ 3
คลิกที่วิดเจ็ตหมวดหมู่ ภายใต้ “สินค้า”
ขั้นตอนที่ 4
ระบบตั้งค่า 3 หมวดหมู่ตามค่าเริ่มต้น โดยคุณยังสามารถเพิ่มหรือลบหมวดหมู่ได้ คลิกที่ +หมวดหมู่ เพื่อเพิ่มหมวดหมู่ สามารถเพิ่มได้สูงสุด 8 หมวดหมู่ แท็บที่ไอคอนรูปถังขยะ ด้านข้างหมวดหมู่เพื่อลบหมวดหมู่นั้นออก
คลิกที่วิดเจ็ต “หมวดหมู่” และคลิกปุ่ม +เพิ่มหมวดหมู่
ที่หน้าต่างที่ปรากฏขึ้นมา คุณสามารถเลือกสินค้าที่คุณต้องการรวมไว้ในหมวดหมู่ คุณยังสามารถค้นหาสินค้าตามชื่อหมวดหมู่ เมื่อเลือกหมวดหมู่สินค้าได้แล้ว ให้คลิกยืนยัน
ขั้นตอนที่ 5
เมื่อเพิ่มหมวดหมู่ของสินค้าแล้ว คุณสามารถอัปโหลดรูปภาพสำหรับเวอร์ชันเว็บและมือถือแยกกันได้
*หมายเหตุ: โปรดอัปโหลดรูปภาพที่มีความกว้างมากกว่า 2000 พิกเซลสำหรับเวอร์ชันเว็บและ 1080 พิกเซลสำหรับเวอร์ชันมือถือ
เมื่อเพิ่มรูปภาพแล้ว คุณสามารถดำเนินการแก้ไขการตั้งค่าที่เกี่ยวข้องกับรูปภาพที่ด้านล่างได้
- การครอบตัดรูปภาพ: เลือกส่วนใดของรูปภาพที่จะครอบตัด (ซ้ายบน/ กึ่งกลางบน/ ขวาบน/ ซ้ายกลาง/ กลางกลาง/ กลางขวา/ ซ้ายล่าง/ กลางล่าง/ ขวาล่าง)
- ข้อความแสดงแทนรูปภาพ (Image Alt): ป้อนข้อความแสดงแทนรูปภาพ ใช้ประโยคเพื่ออธิบายเนื้อหาของรูปภาพเพื่อช่วยให้เครื่องมือค้นหาจดจำภาพได้ง่ายขึ้น โปรดดูบทความนี้สำหรับข้อมูลเพิ่มเติมเกี่ยวกับข้อความแสดงแทนรูปภาพ
ขั้นตอนที่ 6
กรอกชื่อและปรับตำแหน่งข้อความ (ซ้าย/ตรงกลาง/ขวา)
ขั้นตอนที่ 7
รองรับการตั้งค่าอื่นๆ คุณสามารถปรับได้ดังต่อไปนี้:
- สัดส่วนรูปภาพ: คุณสามารถกำหนดสัดส่วนรูปภาพสำหรับเวอร์ชันเว็บและมือถือแยกกันได้
- การจัดตำแหน่งชื่อหมวดหมู่: คุณสามารถเลือกการจัดตำแหน่งชื่อหมวดหมู่ของคุณได้ (ซ้าย/กลาง/ขวา)
- หมวดหมู่สินค้าในแต่ละแถว: สามารถเลือกจำนวนหมวดหมู่ที่จะแสดงในแต่ละแถว สำหรับเวอร์ชันคอมพิวเตอร์สามารถแสดงได้สูงสุด 8 หมวดหมู่ในแต่ละแถว และสามารถแสดงได้สูงสุด 4 หมวดหมู่ต่อแถวในเวอร์ชันมือถือ
- ระยะขอบ: คุณสามารถปรับระยะขอบระหว่างวิดเจ็ตหมวดหมู่และหน้าเพจได้ สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับวิธีการตั้งค่าระยะขอบ กรุณาศึกษาเพิ่มเติมในบทความ การตั้งค่าระยะขอบ | เครื่องมือสร้างร้านค้า
ขั้นตอนที่ 8
เมื่อการตั้งค่าดังกล่าวเสร็จสิ้น คุณสามารถคลิกปุ่มบันทึกด้านบน และดูหน้าตัวอย่างของหมวดหมู่ที่เพิ่มเข้าไปทางด้านขวามือได้
*หมายเหตุ: คุณสามารถดูตัวอย่างจากเวอร์ชันเว็บและมือถือได้
หรือคลิกปุ่มดูตัวอย่างที่ด้านบนขวาเพื่อดูหน้าร้านทั้งหมด
ขั้นตอนที่ 9
เมื่อการตั้งค่าดังกล่าวเสร็จสมบูรณ์ คลิกปุ่มเผยแพร่ด้านบนขวามือ เพื่อที่ลูกค้าสามารถเห็นเนื้อหาใหม่ที่เพิ่มเข้าไปที่หน้าร้านค้า
อ่านเพิ่มเติม
- วิดเจ็ตตัวเลื่อนสินค้า | เครื่องมือสร้างร้านค้า
- วิดเจ็ตรายการสินค้า | เครื่องมือสร้างร้านค้า
- วิดเจ็ตสินค้าพร้อมข้อความ (รายละเอียดสินค้า) | เครื่องมือสร้างร้านค้า
- แท็ก Alt ของรูปภาพ
ข้อคิดเห็น