---

แถบประกาศเลื่อนด้านบน

ตั้งค่าข้อความประกาศขนาดเล็กที่เลื่อนต่อเนื่องเหนือเมนู ข้อมูลจะบันทึกลงฐานข้อมูลกลางและแสดงเหมือนกันทุกเครื่อง

จัดการเนื้อหาโปสเตอร์

กดเลือกรูปภาพจากเครื่อง แล้วแก้ไขข้อความบนโปสเตอร์แต่ละอัน ไม่ต้องใช้ลิงก์รูปภาพ

หัวข้อและความเร็วแถบเลื่อนสินค้า

แก้ข้อความหัวข้อและกำหนดความเร็วของรูปสินค้าที่เลื่อนอัตโนมัติบนหน้าหลัก

การ์ดสินค้าในแถบเลื่อน

ใช้รูปปกสี่เหลี่ยม ระบบจะจัดกึ่งกลางและแปลงไฟล์เป็นขนาด 1500 × 1500 พิกเซลอัตโนมัติ จากนั้นแก้ชื่อรายการ ผู้จัดทำ ชื่อปุ่ม และลิงก์ปลายทางได้ตามต้องการ

---

วิดีโอหน้าบนสุดและข้อความบนวิดีโอ

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

การ์ดในแถบเลื่อนรูปแบบใหม่

กดเลือกรูปภาพจากเครื่อง พร้อมแก้ไขชื่อและคำอธิบายของแต่ละการ์ด

---

วิดีโอพื้นหลังคำว่า Zenshop

เลือกวิดีโอจากคอมพิวเตอร์หรือโทรศัพท์ได้โดยตรง วิดีโอจะแสดงอยู่ด้านหลังคำว่า Zenshop เล่นอัตโนมัติแบบปิดเสียงและวนซ้ำ

---

ข้อความใต้โลโก้ Zenshop และแกลเลอรีภาพเลื่อน

แก้ข้อความ ปุ่ม และรูปภาพที่อยู่ใต้คำว่า Zenshop รูปภาพจะแบ่งเป็น 3 แถวและเลื่อนต่อเนื่องอัตโนมัติ

รูปภาพในแกลเลอรีเลื่อนใต้ Zenshop

กดเลือกรูปภาพจากเครื่องและตั้งชื่อแต่ละภาพ หากยังไม่เลือกรูป ระบบจะแสดงสีพื้นหลังเดิม

---

วิดีโอเต็มจอใต้แกลเลอรีภาพ

เลือกวิดีโอจากเครื่องได้โดยตรง วิดีโอจะเล่นอัตโนมัติแบบปิดเสียงและวนซ้ำ พร้อมข้อความตรงกลางเหมือนภาพตัวอย่าง

---

ข้อความต่อจากวิดีโอขนาดใหญ่

พื้นที่ข้อความนี้จะแสดงทันทีใต้ส่วนวิดีโอ สามารถแก้ป้ายเล็ก หัวข้อ และเนื้อหาได้ตามต้องการ

---

แถวการ์ดสินค้าใต้ข้อความ

แก้การ์ดสินค้าและหน้ารายละเอียดสินค้าได้ครบ ทั้งชื่อใหญ่ รูปสินค้า วิดีโอพื้นหลัง ราคา ปุ่ม และลิงก์ รูปกับวิดีโอจะบันทึกลงฐานข้อมูลกลาง

---

ส่วนภาพลอยพร้อมข้อความตรงกลาง

แก้ข้อความตรงกลาง ความเร็ว และรูปภาพที่ลอยขึ้นด้านหลังได้ รูปภาพจะบันทึกลงฐานข้อมูลกลางเช่นเดียวกับรูปส่วนอื่นของเว็บไซต์

---

ชุดดีไซน์พรีเมียม 12 ฟังก์ชัน

ตั้งค่าฮีโร่สไลด์ แอนิเมชัน คอนเทนต์เด่น ธีม สีทับภาพ จุดโฟกัส ตัวอย่างสด Skeleton Modal แถบประกาศ Spotlight และเส้นแบ่งส่วน ข้อมูลทั้งหมดซิงก์ผ่านฐานข้อมูลกลาง

ตัวอย่างสดก่อนบันทึก

Desktop Mobile รีเฟรชตัวอย่าง

1. Hero Slideshow อัตโนมัติ

เปิด Hero Slideshow เปลี่ยนสไลด์อัตโนมัติ แสดงจุดบอกสไลด์ ระยะเวลาแต่ละสไลด์ (วินาที) รูปแบบเปลี่ยนสไลด์FadeSoft move

2. Scroll Reveal Animation

เปิดแอนิเมชันเมื่อเลื่อน เอฟเฟกต์เลื่อนขึ้นจางเข้าขยายเบา ๆ ระยะเวลา (ms) ระยะเลื่อน (px) หน่วงแต่ละรายการ (ms)

3. Featured Content ขนาดใหญ่

เปิดส่วนคอนเทนต์เด่น ป้ายเล็ก หัวข้อใหญ่ คำอธิบาย

4. Dark / Light Mode

เปิดระบบธีม แสดงปุ่มสลับธีม ธีมเริ่มต้นสว่างมืดตามอุปกรณ์

5. Gradient Overlay Editor

สีทับ Hero

สีด้านบน สีด้านล่าง มุมไล่สี ความทึบด้านบน

ความทึบด้านล่าง

สีทับ Featured Content

สีด้านบน สีด้านล่าง มุมไล่สี ความทึบด้านบน

ความทึบด้านล่าง

6. Image Focal Point

จุดโฟกัส X/Y อยู่ในการ์ดของ Hero และ Featured แต่ละรายการ เลื่อนค่าเพื่อรักษาใบหน้า ตัวละคร หรือสินค้าให้อยู่ในตำแหน่งสำคัญทั้งคอมและมือถือ

7. Live Preview

ตัวอย่างสดอยู่ด้านบนของชุดตั้งค่านี้ สามารถสลับ Desktop/Mobile และจะเปลี่ยนทันทีเมื่อแก้ข้อมูลโดยยังไม่ต้องกดบันทึก

8. Skeleton Loading

เปิด Skeleton Loading ระยะเวลาสูงสุด (ms)

9. Modal รายละเอียด

เมื่อกด Featured Content ให้เปิดหน้าต่างรายละเอียดแบบพรีเมียม

10. แถบประกาศพร้อมกำหนดเวลา

ใช้เวลาเริ่ม–สิ้นสุด เริ่มแสดง สิ้นสุด สีพื้นหลัง สีข้อความ ไอคอนนำหน้า

11. Custom Cursor Spotlight

เปิด Spotlight เฉพาะคอม ขนาดแสง (px) ความเข้ม

12. Section Divider

เปิดเส้นแบ่งส่วน รูปแบบGlowเส้นบางWave ความสูงพื้นที่แบ่ง (px)

บันทึกการตั้งค่า 12 ฟังก์ชันทั้งหมด