การใช้งาน Accordion element

0
167
views

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

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

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

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

การใช้งาน Accordion 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

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

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

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

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

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

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

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

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

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

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

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

จากตัวอย่าง การใช้งาน ค่า Setting ต่างๆ มีรายละเอียดดังนี้
-Double click เพื่อแก้ไขรายละเอียด

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

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

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

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

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


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.