03-01 ปรับเปลี่ยน / Slider Banner : Home

Banner Slide เป็นส่วนหนึ่งสำหรับการปรับเปลี่ยน / แก้ไขและอัพเดทสินค้า, Collection ใหม่ๆ ของตัวเว็บไซต์ โดยเราจะแบ่งเป็น 2 ส่วนคือแบบ Mobile , Desktop

จัดเตรียมภาพสำหรับ Mobile W:800 x H:800 px (ขนาดภาพไม่ควรเกิน 150kb)
ภาพสำหรับ Desktop W: 1300 X H: 600 px (ขนาดภาพไม่ควรเกิน 300kb) *กรณีที่ต้องการความคมชัดให้เพิ่มเป็น 2600×1200 px

Home_DK Slider = แสดงผลบนหน้าจอ Desktop,Tablet

Home_MB Slider = แสดงผลบนหน้าจอ Mobile

คลิกไปที่เมนูซ้ายมือ > Slider Manage > Dashboard

2. ทางทีมพัฒนาฯ ได้จัดเตรียมรูปแบบล็อคหน้าจอแสดงผลไว้แล้วสองส่วน โดยให้แบ่งการทำในแต่ละอัน โดยมีขั้นตอนเหมือนเดิม แตกต่างแค่เพียงขนาดภาพที่ใช้อัพโหลดขึ้นไป

คลิกไปที่ Edit ในส่วนของ Home_DK Slider

2.1 กรณีที่ต้องการเปลี่ยนภาพ

2.1.1 คลิกไปที่ภาพสไลด์ที่ต้องการเปลี่ยนแปลง

2.1.2 เมื่อคลิกเข้ามาแล้วจะพบกับหน้าต่างสำหรับเปลี่ยน slide backgroud (ตามภาพ) ให้ทำการกดปุ่ม + ด้านหลัง URL และทำการอัพโหลดภาพใหม่เข้า

2.2.2 ไปที่แถบ Content รูปปากกา ให้เปลี่ยน Thumbnail เป็นภาพที่อัพเข้าไป (เพื่อให้เกิดเป็นภาพ preview ไม่ให้สับสนในการใช้งาน)

2.2 กรณีที่ต้องการเพิ่มลิงค์สำหรับคลิกออกปลายทาง ให้คลิกไปที่แถบ > Content และใส่ URL ที่ต้องการเข้าไปที่ link

2.3 กรณีที่ต้องการเปลี่ยนจากภาพเป็นวิดีโอ คลิกเปลี่ยนจากภาพเป็นเครื่องหมาย Play ใต้แถบ Style จากนั้นกดปุ่ม + อัพโหลด Background Video เข้าไป (แนะนำไม่ควรยาวเกิน 10-15s และไฟล์ไม่ควรหนักเกิน10mb)

2.4 กรณีที่ต้องการเพิ่มจำนวนภาพ Slide ให้มากขึ้นกว่าท่ีเคยตั้งไว้ ให้ทำการชี้ไปที่ Slide เดิมที่มีจะพบกับปุ่มจุด3 สีเทา คลิก > Duplicate และทำการแก้ไขเนื้อหา Slide ใหม่ที่เพิ่มเข้ามาอีกครั้ง

2.5 กรณีที่ต้องการลบภาพ Slide ให้ทำการชี้ไปที่ Slide เดิมที่มีจะพบกับปุ่มจุด3 สีเทา คลิก > Delete

เมื่อแก้ไขและเพิ่มเรียบร้อยแล้วทำการกด Save ทั้งในส่วนของด้านใน Slide แต่ละอันและด้านบอก Home_DK Slider ทุกอัน

Noted : ทำเหมือนกันในอีกแบบ ตามที่ได้แก้ไข/เปลี่ยนในส่วนของ Desktopให้ทำในส่วนของ Home_MB Slider ด้วยเช่นกัน