การใช้งาน Background parallax

0
242
views

Background parallax คือ Section ที่ใช้ image แบบ parallax เมื่อมี การ scroll page down โดยผู้ใช้สามารถแก้ไขได้เฉพาะรูปภาพเท่านั้นและผู้ใช้งานสามารถเพิ่ม Elementได้ตามต้องการและแก้ไขสีพื้นหลังหรือเพิ่มรูปพื้นหลังให้กับ Section ได้ตามต้องการ

-คลิกที่ ตำแหน่งที่1, 2และ 3 เพื่อเข้าไปที่ส่วนของ Section

การใช้งาน Background parallax-ระบบร้านค้าออนไลน์

-คลิก ตำแหน่งที่1  “Add section”

การใช้งาน Background parallax-ระบบร้านค้าออนไลน์

คลิกเลือก Background parallax  แล้วกด “Add”

การใช้งาน Background parallax-ระบบร้านค้าออนไลน์

-Section ที่เพิ่มมาใหม่จะอยู่ข้างล่างสุดและคลิกเพื่อเพิ่ม Element ข้างใน

การใช้งาน Background parallax-ระบบร้านค้าออนไลน์

ซึ่งผู้ใช้งานสามารถแก้ไขสีพื้นหลังหรือเพิ่มรูปพื้นหลังให้กับ Section ได้ตามต้องการ โดยสามารถเข้าได้ 2 วิธี

-วิธีที่ 1

การใช้งาน Background parallax-ระบบร้านค้าออนไลน์

วิธีที่ 2

การใช้งาน Background parallax-ระบบร้านค้าออนไลน์

การใช้งาน Background parallax-ระบบร้านค้าออนไลน์

-จากตัวอย่าง การใช้งานค่า Setting ต่างๆ ผู้ใช้จะสามารถแก้ไขได้เพียงแค่ภาพพื้นหลังเท่านั้น

การใช้งาน Background parallax-ระบบร้านค้าออนไลน์

ซึ่งขนาดภาพที่เหมาะสมคือ 1300px * ตามความเหมาะสมของเนื้อหา (น้อยที่สุด คือ 400px)

-คลิก ตำแหน่งที่1  “Add element”

การใช้งาน Background parallax-ระบบร้านค้าออนไลน์

คลิกเลือกรูปแบบ element แล้วกด “Add”

การใช้งาน Background parallax-ระบบร้านค้าออนไลน์

ตัวอย่างการใช้งาน Background parallax section

การใช้งาน Background parallax-ระบบร้านค้าออนไลน์


Ketshopweb | เว็บสำเร็จรูปอย่างง่ายที่ใครๆก็ทำได้

www.ketshopweb.com

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

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.