คู่มือการใช้งานversion 8ตกแต่งเว็บไซต์

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

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

K
KetShopWeb Team
2022-12-14 17:19:53
การตั้งค่า การใช้งาน Column Element

Column Element 

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


การเพิ่ม Column Element 

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

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

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

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

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


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


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


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


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


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


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

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


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


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


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


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


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



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

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


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


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

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

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

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

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

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


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


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


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


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


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


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


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


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


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



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


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




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

www.ketshopweb.com

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

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

คู่มือการใช้งานversion 8ตกแต่งเว็บไซต์KetShopWebE-commerce
แชร์: