การตั้งค่าระยะขอบ | เครื่องมือสร้างร้านค้า

e-commerce_social_commerce.png

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

ในบทความนี้ คุณจะได้เรียนรู้เกี่ยวกับ

 

1. ประเภทระยะขอบ

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

 

A. ประเภทระยะขอบและคำอธิบาย

ประเภทระยะขอบ

คำอธิบาย

แนวตั้งของระยะขอบ

ระยะขอบด้านบนและด้านล่างของวิดเจ็ตสามารถปรับได้สำหรับเวอร์ชันเว็บไซต์และมือถือ 

ค่าที่ปรับได้: 1-30; ค่าเริ่มต้นคือ 30

ระยะขอบด้านข้างขององค์ประกอบ

ระยะขอบด้านซ้ายและขวาขององค์ประกอบสามารถปรับได้สำหรับเวอร์ชันเว็บไซต์และมือถือ 

ค่าที่ปรับได้: 1-40; ค่าเริ่มต้นคือ 15

*หมายเหตุ: ในเวอร์ชันเว็บไซต์จะกว้างเป็น 2 เท่าของเวอร์ชันมือถือ

ระยะขอบรอบด้านของวิดเจ็ต

ระยะขอบรอบด้านของวิดเจ็ตสามารถปรับได้สำหรับเวอร์ชันเว็บไซต์

ค่าที่ปรับได้: 1-80; ค่าเริ่มต้นคือ 15

*หมายเหตุ: ระยะขอบรอบด้านไม่สามารถปรับได้สำหรับเวอร์ชันมือถือ

 

B. ตัวอย่างการปรับระยะขอบ

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

TH_2.png

 

ตัวอย่างการจัดวางที่แสดงบนหน้าเว็บ

padding_gif.gif

 

2. ประเภทระยะขอบที่ปรับได้สำหรับแต่ละวิดเจ็ต

วิดเจ็ต

ระยะขอบที่ปรับได้

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

 

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

 

 

 

 

 

บทความนี้มีประโยชน์หรือไม่
0 จาก 0 เห็นว่ามีประโยชน์
มีคำถามเพิ่มเติมหรือไม่ ส่งคำร้องขอ

ข้อคิดเห็น