การใช้งาน Image Gallery element

0
3022

Image Gallery คือ element ที่ใช้สำหรับแสดงรูปภาพได้เป็นจำนวนมาก โดยผู้ใช้สามารถกำหนดขนาดความกว้างของการแสดงผลได้ สามารถใส่ชื่อและรายละเอียดของภาพได้

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 


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

www.ketshopweb.com

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

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

LEAVE A REPLY

Please enter your comment!
Please enter your name here