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

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