การใช้งาน Columns section

0
201
views

การใช้งาน Columns section มีให้เลือก 2 แบบ คือ Two Columns และ Three Columns หลักการใช้งานเหมือนกัน ต่างกันที่จำนวน element ที่ใส่ซึ่งจะใส่ได้ตามจำนวนcolumns

Two Columns Section และ Three Columns Section

คือ Section ที่ผู้ใช้งานสามารถเพิ่ม Element เข้าไปภายในได้ตามจำนวนcolumns ซึ่งจะมีการแสดงผลแบ่งเป็น 2คอลัมน์ หรือ 3 คอลัมน์ แล้วแต่ Columns Section ที่เลือก และภายใน นี้ผู้ใช้งานจะSection สามารถแก้ไขสีและรูปภาพของพื้นหลังได้ ตัวอย่างการใช้งาน Columns Section ตามภาพด้านล่าง (Two Columns)

การใช้งาน Colums section-ระบบร้านค้าออนไลน์

 

-คลิกที่ ตำแหน่งที่1, 2และ 3 เพื่อเข้าไปที่ส่วนของ Section

การใช้งาน Columns section-ระบบร้านค้าออนไลน์

-คลิก ตำแหน่งที่1  “Add section”

การใช้งาน Columns section-ระบบร้านค้าออนไลน์

คลิกเลือก Two Columns หรือ Three Columns แล้วกด “Add”

การใช้งาน Columns section-ระบบร้านค้าออนไลน์

-Section ที่เพิ่มมาใหม่จะอยู่ข้างล่างสุดและคลิกที่ section นั้นๆ ในตำแหน่งที่ 3 เพื่อเพิ่ม Element ข้างใน

การใช้งาน Columns section-ระบบร้านค้าออนไลน์

-คลิก ตำแหน่งที่1  “Add element” ซึ่งจะแอดได้ตามจำนวนคอลัมน์ หากเป็น Two Columns จะแอดได้ 2 Element และ Three Columnsจะแอดได้ 3 Element

การใช้งาน Columns section-ระบบร้านค้าออนไลน์

คลิกเลือกรูปแบบ element แล้วกด “Add”

การใช้งาน Columns section-ระบบร้านค้าออนไลน์

ตัวอย่างการใช้งาน Two Columns section และ Three Columns section

-การใช้งานตั้งค่า Edit ต่างๆ มีรายละเอียดดังนี้                                                                                 เข้าที่ Columns Section คลิกที่ตำแหน่งที่ 1 (EDIT)

การใช้งาน Colums section-ระบบร้านค้าออนไลน์

ขนาดภาพที่เหมาะสมสำหรับ Background คือ 1900px * free (ขั้นต่ำ 500px)
Color: สี filter ที่ใส่ลงบนภาพ
Color Opacity: ค่าความโปร่งใสของสี
Image Blur: ค่าความเบลอของภาพ

ตัวอย่างการใช้งาน Two Columns Section

การใช้งาน Colums section-ระบบร้านค้าออนไลน์

 

ตัวอย่างการใช้งาน Three Columns Section

การใช้งาน Colums section-ระบบร้านค้าออนไลน์


Ketshopweb | เว็บสำเร็จรูปอย่างง่ายที่ใครๆก็ทำได้

www.ketshopweb.com

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

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.