การใช้งาน Tab element

0
2561

Tab คือ Element ที่แสดงข้อมูลเป็นส่วนๆ

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

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

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

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

-เลือกการแสดงผลรูปแบบ Section ต่างๆ หากเลือก Section แล้วให้คลิก “Add”                                         ซึ่ง Section ที่สามารถเพิ่ม Element ได้แก่                                                                                                          1.Content section
2.Columns section (เพิ่มได้ตามจำนวน columns)
3.Background Image section
4.Background parallax

Section ที่ไม่สามารถเพิ่ม Element ได้แก่
1.Slide Images section
2.Map section

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

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

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

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

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

คลิกเลือก Tab element แล้วกด “Add”

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

-เมื่อเพิ่ม Tap element  จะแสดงผลดังภาพตัวอย่าง

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

-Double click เพื่อแก้ไขรายละเอียด

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

จากตัวอย่าง การใช้งาน ค่า Setting ต่างๆ มีรายละเอียดดังนี้

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

ตำแหน่งที่ 1 : Title ชื่อหัวข้อ
ตำแหน่งที่ 2 : Description ใส่รายละเอียดเพิ่มเติม นอกเหนือจากนั้นผู้ใช้งานยังสามารถแก้ไขสีหรือตัวหนังสือได้ตามต้องการ
ตำแหน่งที่ 3 : Add เพิ่มหัวข้อTabใหม่

ตัวอย่างการใช้งาน Tab element

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


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

www.ketshopweb.com

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

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

LEAVE A REPLY

Please enter your comment!
Please enter your name here