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

Image gallery element 

เข้าสู่ระบบจัดการเว็บไซต์ Ketshopweb

(ตำแหน่งที่ 5)  เลือกContent  คลิก “Add Section”

(ตำแหน่งที่ 6) คลิก "พื้นที่ว่างในกรอบ" Section ที่เพิ่มมาใหม่จะอยู่ขวามือ 

(ตำแหน่งที่7) คลิก "Add Element"

(ตำแหน่งที่ 8) เลือก Image Gallery element  แล้วกด “Add Element”

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

การใส่รูปภาพเข้าไปใน Image Gallery element 

การใส่รูป 

(ตำแหน่งที่ 1) มีทั้งหมด 2 แบบในการนำภาพเข้ามา ได้แก่

1. คือการเพิ่มรูปภาพทั้งหมดภายใน Folder เป็นการอัพโหลดทีเดียวหลายๆภาพ
2. คือการเพิ่มรูปภาพทีละภาพ

เลือกรูปแล้วที่ต้องการได้เลย

ตัวอย่าง หลังนำรูปภาพมาใส่ใน Image gallery element แล้ว

การตั้งค่า Image Gallery element มีรายละเอียดดังนี้

(ตำแหน่งที่ 2) คลิก ตั้งค่า

การตั้งค่าจะแบ่งเป็นสองส่วน

(ตำแหน่งที่ 1) ตั้งค่าความกว้าง 

ตัวอย่าง ปรับขนาดความกว้างจาก 365 เป็น 200

(ตำแหน่งที่ 2) ตั้งค่าระยะห่างระหว่างรูป 

การใส่ข้อความบนรูป

ดับเบิ้ลคลิกที่รูปภาพ เพื่อทำการตั้งค่าข้อความที่แสดงในรูป

(ตำแหน่งที่ 1) Title ชื่อหัวข้อ เมื่อเปลี่ยนแล้วตำแหน่งของ Title จะแสดงผลดังภาพ

(ตำแหน่งที่ 2) Alt text ใส่รายละเอียดเพิ่มเติม นอกเหนือจากนั้นผู้ใช้งานยังสามารถแก้ไขสีหรือตัวหนังสือได้ตามต้องการ

ตัวอย่าง

Ketshopweb | ระบบร้านค้าออนไลน์ ขายคล่อง ส่งสะดวก ครบในที่เดียว

www.ketshopweb.com

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

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