การตั้งค่า การใช้งาน Column Element

Column Element 

เป็นส่วนย่อยของ Section Layout ที่ใช้สำหรับใส่สิ่งที่น่าสนใจในเว็บไซต์ทั้ง Product Highlight, Blog Highlight, Image, Map และ Instagram เป็นต้น

การเพิ่ม Column Element 

มีขั้นตอนการใช้งานดังนี้

เข้าสู่ระบบจัดการเว็บไซต์ Ketshopweb

(ตำแหน่งที่ 1) คลิก "ปรับแต่ง"

(ตำแหน่งที่ 2) เลือกเมนู "Page Layouts"

(ตำแหน่งที่ 3) เลือกเมนู "ปรับแต่งเนื้อหา"

(ตำแหน่งที่ 4) คลิก "Add Section" 

(ตำแหน่งที่ 5) เลือก "Content"  จากนั้นคลิก "Add Section" 

เมื่อเพิ่ม Sectiion แล้วจะแสดงอยู่ฝั่งขวามือ

(ตำแหน่งที่ 6) คลิก พื้นที่ว่างในกรอบ

(ตำแหน่งที่ 7) คลิกที่ "Add Element" 

(ตำแหน่งที่ 8) เลือก "Column Element" จากนััน คลิก "Add Element" 

การตั้งค่า Column Element

คลิกที่ตั้งค่า Element โดยคลิกที่ปุ่ม  ทางขวามือ

 เมื่อเข้ามายังหน้าการตั้งค่า "Column Element" สามารถตั้งค่าโดยมีรายละเอียดดังนี้

 1 กำหนดจำนวนคอลัมน์ที่แสดงผล(ต่อแถว) เมื่อเปิดในในเดสก์ท็อป

2 กำหนดจำนวนคอลัมน์ที่แสดงผล(ต่อแถว) เมื่อเปิดในแท็บเล็ต

3 กำหนดจำนวนคอลัมน์ที่แสดงผล (ต่อแถว) เมื่อเปิดในมือถือ

4 กำหนดระยะห่างซ้าย-ขวา ในแต่ละคอลัมน์

5 กำหนดระยะห่างบน-ล่าง ในแต่ละคอลัมน์

สามารถทำการคลิกเพิ่มคอลัมน์ให้ครบแถว โดยคลิกที่ เครื่องหมายบวก  ดังภาพ

เพิ่ม Element ที่ต้องการ ในแต่ละคอลัมน์ โดยกดที่ไอคอนเครื่องหมายบวกของคอลัมน์ที่ต้องการ

**ตัวอย่างการตั้งค่าการแสดงผลบนเดสก์ท็อป 6 คอลัมน์ บนแท็บเล็ต 3 คอลัมน์ และบนมือถือ 2 คอลัมน์**

คลิก ไอคอนเครื่องหมายบวกเพื่อเพิ่ม Element 

เลือก Element ที่ต้องการ จากนั้น คลิก "Add Element" และตกแต่งตามที่ต้องการได้เลย

(ตำแหน่งที่ 9) คลิก "Save" หลังจากตั้งค่าสำเร็จ

Ketshopweb | ระบบร้านค้าออนไลน์ ขายคล่อง ส่งสะดวก ครบในที่เดียว

www.ketshopweb.com

เรายินดีให้คำปรึกษาการทำเว็บไซต์ฟรี ไม่มีค่าใช้จ่าย

ติดต่อมาที่ 02-038-5588 , email : sales@ketshopweb.com