การใช้งาน Custom column & section

Section Layout 

เป็นโครงสร้างที่ใหญ่ที่สุดในเว็บไซต์ และเป็นโครงสร้างแรกที่ต้องสร้างไว้เสมอ สำหรับวางโครงสร้างให้กับหน้าเว็บไซต์

• Section Layout ทำหน้าที่ในการแบ่งหน้าเว็บไซต์ออกเป็นส่วนๆ
• Section Layout จะมีขนาดรวมกว้างเต็มหน้าเว็บ หรือเต็มในส่วนที่เรากำหนดไว้
• หน้าที่หลักของ Section Layout คือการวาง Layout ให้กับหน้าเว็บไซต์
• การเพิ่ม Custom Column จำเป็นต้องมี Section Layout ก่อนทุกครั้ง ถึงจะสร้าง Custom Column ได้

การเพิ่ม Section Layout 

มีขั้นตอนการใช้งานดังนี้

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

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

(ตำแหน่งที่ 2) เลือกเมนู "Page Layouts"

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

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

 เมื่อคลิกไปแล้วจะมีหน้า Pop up ให้กดเพิ่ม Section

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

จะปรากฏ  Custom Column ขึ้นในหน้า Page Layout พร้อมตัวอย่างหน้า Home

การตั้งค่า  Custom Column

คลิกที่ ตั้งค่า Section เพื่อตั้งค่า Custom Column 

เมื่อคลิกเสร็จแล้วจะมี Pop up "Custom Column Setting"  ขึ้นมาเพื่อตั้งค่ารูปแบบของคอลัมน์

เครื่องมือการตั้งค่าต่างๆ มีดังนี้

(ตำแหน่งที่ 1) เปลี่ยนรูปภาพ

(ตำแหน่งที่ 2) การกำหนดระยะห่างระหว่างคอลัมม์

(ตำแหน่งที่ 3) ค่าความทึบแสงของคอลัมน์

(ตำแหน่งที่ 4) ประเภทของเอฟเฟค ต้องทำการเปิด "Background parallax" ในตำแหน่งที่ 8 ก่อน 

(ตำแหน่งที่ 5) ปรับสีพื้นหลัง

(ตำแหน่งที่ 6) สามารถปรับ Custom Columns ให้เต็มจอได้

(ตำแหน่งที่ 7) เว้นระยะขอบซ้าย- ขวา 

(ตำแหน่งที่ 8) เปิดการตั้งค่า Parallax

(ตำแหน่งที่ 9) สามารถใส่ความเร็วของเอฟเฟคภาพได้

(ตำแหน่งที่ 10) สามารถปรับความเบลอของภาพได้

(ตำแหน่งที่ 11)  สามารถกำหนดระยะห่างบน-ล่าง ได้

(ตำแหน่งที่ 12) สามารถเลือกจำนวนคอลัมม์ได้สูงสุด 4 คอลัมม์

การตั้งค่าและเพิ่ม Element ใน  Column section

คลิก พื้นที่ว่างในกรอบ

 (ตำแหน่งที่ 6) คลิก “Add Element”

(ตำแหน่งที่ 7) เลือก  Element  ตามที่ต้องการ ตัวอย่างเลือก Space Column

จากนั้นกด “Add Element” และสามารถปรับแต่งได้ตามต้องการ

(ตำแหน่งที่ 8) คลิก "Save" หลังจากตั้งค่าสำเร็จ

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

www.ketshopweb.com

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

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