คู่มือการใช้งานversion 8ตกแต่งเว็บไซต์

การตั้งค่า การใช้งาน Slide image section

Element ที่นำภาพมาเรียงลำดับและแสดงผลด้วย Slide เพื่อปรับแต่งเว็บไซต์ให้ทันสมัยและน่าสนใจมากขึ้น

K
KetShopWeb Team
2022-12-14 15:58:38
การตั้งค่า การใช้งาน Slide image section

Slide image section คือ Element ที่นำภาพมาเรียงลำดับและแสดงผลด้วยการ Slide เพื่อปรับแต่งเว็บไซต์ให้ทันสมัยและน่าสนใจมากขึ้น


การตั้งค่า การใช้งาน Slide image section

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

(ตำแหน่งที่ 1) คลิก "ปรับแต่ง" 

(ตำแหน่งที่ 2) คลิก "Page Layouts"  

(ตำแหน่งที่ 3) คลิก "ปรับแต่งเนื้อหา"


การตั้งค่า การใช้งาน Slide image section

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


การตั้งค่า การใช้งาน Slide image section


(ตำแหน่งที่ 5) เลือก "Slide lmage" จากนั้นคลิก "Add Section"


การตั้งค่า การใช้งาน Slide image section


เมื่อเพิ่ม Section ใหม่จะแสดงอยู่ล่างสุดฝั่งขวามือ

(ตำแหน่งที่ 6) คลิก  เพื่อจัดการและตั้งค่า Slide image


การตั้งค่า การใช้งาน Slide image section


จากนั้นจะปรากฎหน้า Slide Images Setting

ส่วนจัดการสไลด์

(ตำแหน่ง a) เป็นการเพิ่มรูปภาพบนสไลด์       

(ตำแหน่ง b) เปลี่ยนลำดับของ Slide Image โดยการคลิกค้างแล้วลากไปปล่อยในลำดับที่ต้องการ     

(ตำแหน่ง c) เปิดการใช้งานลิงก์ในกรณีที่ผู้ใช้งานต้องการให้ภาพใน Slide สามารถคลิกแล้วลิงก์ไปยังหน้าเพจอื่นได้

(ตำแหน่ง d) โคลนภาพ

(ตำแหน่ง e) ลบภาพ


การตั้งค่า การใช้งาน Slide image section


ส่วนตั้งค่าสไลด์

จะแบ่งเป็นสี่ส่วน คือ การตั้งค่าการแสดงผล การตั้งค่า Bullet การตั้งค่า Navigation และ การตั้งค่ารูปแบบของการแสดงผล

(ตำแหน่ง a) ตัวอย่างการแสดงผล แสดงตัวอย่างการตั้งค่า

(ตำแหน่ง b) การตั้งค่า Bullet สัญลักษณ์บอกจำนวนของ Slide โดยสามารถกำหนดความกว้าง ส่วนสูง ความโค้งมน สีของ Bullet สีเมื่อถูกชี้เมาส์ และสามารถปิดการแสดงผลได้

(ตำแหน่ง c) การตั้งค่า Navigation ลูกศรบนสไลด์ที่แสดงอยู่ด้านซ้ายและขวาของภาพ มีไว้สำหรับกดเลื่อนสไลด์ โดยสามารถกำหนดความกว้าง ส่วนสูง ความโค้ง สีของ Navigation และยังสามารถปิดการแสดงผลได้

(ตำแหน่ง d) การตั้งค่าการแสดงผลในไซส์ต่างๆ คือการกำหนดจำนวนของภาพ ในเวลาการแสดงผลบนอุปกรณ์ต่างๆ

(ตำแหน่ง e) การตั้งค่ารูปแบบการแสดงผล การกำหนดความสูงของสไลด์โดยอิงจากตัวเลขที่กำหนด หากปิดคำสั่งการตั้งค่าความสูงของสไสด์ Slide image จะแสดงผลของภาพตามสัดส่วนจริงของภาพ สามารถกำหนดให้สไลด์เล่นอัตโนมัติ และกำหนดความเร็วของการสไลด์ของภาพได้

(ตำแหน่ง f) OK คลิกหลังจากทำการตั้งค่าทั้งสองส่วนเสร็จสิ้น


การตั้งค่า การใช้งาน Slide image section


คลิก "Save" ด้านบนสุดของหน้า หลังจากตั้งค่าสำเร็จ


การตั้งค่า การใช้งาน Slide image section




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

www.ketshopweb.com

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

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

คู่มือการใช้งานversion 8ตกแต่งเว็บไซต์KetShopWebE-commerce
แชร์: