การใช้งาน Columns section

Feb 26, 2018 06:55 PM
การใช้งาน Columns section มีให้เลือก 2 แบบ คือ Two Columns และ Three Columns หลักการใช้งานเหมือนกัน ต่างกันที่จำนวน element ที่ใส่ซึ่งจะใส่ไ
การใช้งาน 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
เปิดร้านค้าออนไลน์ง่าย ๆ ด้วยตัวคุณเอง
logo ketshopweb svg
ทดลองใช้งานฟรี ไม่มีค่าใช้จ่าย
สนใจปรึกษา สำหรับคำแนะนำแพ็คเกจที่เหมาะสมกับธุรกิจของคุณ
เพื่อต่อยอดการขาย และขยายฐานลูกค้า ฟรี! ไม่มีค่าใช้จ่าย
โทร. 02-038-5588
เฉพาะวันทำการ ตั้งแต่เวลา 9:30 - 18:30 น.