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

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

09 ก.ย. 2019, 16:50
Custom column & section ตัวช่วยในการจัดรูปแบบเว็บไซต์ให้ดูดี มีระดับ ใช้งานง่าย ดึงดูดกลุ่มลูกค้าที่สนใจให้เข้ามายังเว็บไซต์ได้มากยิ่งขึ้น อีกทั้งยังสร้างภาพลักษณ์ที่ดีให้กับร้านค้าอีกด้วย

Section Layout 

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

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



การเพิ่ม Section Layout 

  • เข้าระบบจัดการหลังบ้านเว็บไซต์ Ketshopweb จากนั้นคลิกคำว่า "ปรับแต่ง" ในตำแหน่งที่ 1 แล้วเลื่อนลงมาคลิกที่ "Page Layouts" ในตำแหน่งที่ 2 


  • เมื่อเข้ามาแล้วจะพบกับหน้าต่างเมนู  Page Layouts จากนั้นเลื่อนไปคลิกการตั้งค่า ในตำแหน่งที่ 3


  • จากนั้นจะมี Pop up หน้า "Page Layout"  ขึ้นมาให้กดคลิกที่ "Add Section" ในตำแหน่งที่ 4


  • เมื่อคลิกไปแล้วจะมีหน้า Pop up ให้กดเพิ่ม Section ให้เลื่อนลงไปคลิกที่ "Custom Column" ในตำแหน่งที่ 5 จากนั้นกด "Ok" ในตำแหน่งที่ 6


  • จะปรากฏ  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 เว้นระยะขอบซ้าย- ขวา 
  • ตำแหน่งที่ 9 สามารถใส่ความเร็วของเอฟเฟคภาพได้
  • ตำแหน่งที่ 10 สามารถปรับความเบลอของภาพได้
  • ตำแหน่งที่ 11  สามารถกำหนดระยะห่างบน-ล่าง ได้
  • ตำแหน่งที่ 12 สามารถเลือกจำนวนคอลัมม์ได้สูงสุด 4 คอลัมม์




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

  • คลิกที่ "Custom Columns" รูปบวกตามลูกศร เพื่อทำการ “Add element”


  • จากนั้นจะมีหน้า Pop Up "Custom Column " ขึ้นมา ให้คลิกที่ "Add Element" (ในตำแหน่งที่ 13) เพื่อทำการเพิ่ม Element 


  • จากนั้นจะมี Pop Up หน้า Add Element  ให้คุณเลือกตามที่ต้องการ จากนั้นกด "OK" เป็นอันเสร็จสิ้น



 

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

www.ketshopweb.com

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

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

Section Layout ElementAdd ElementCustom Column Page Layout
เปิดร้านค้าออนไลน์ง่าย ๆ ด้วยตัวคุณเอง
logo ketshopweb svg
ทดลองใช้งานฟรี ไม่มีค่าใช้จ่าย
สนใจปรึกษา สำหรับคำแนะนำแพ็คเกจที่เหมาะสมกับธุรกิจของคุณ
เพื่อต่อยอดการขาย และขยายฐานลูกค้า ฟรี! ไม่มีค่าใช้จ่าย
โทร. 02-038-5588
เฉพาะวันทำการ ตั้งแต่เวลา 9:30 - 18:30 น.