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

การใช้งาน Column Element

17 ม.ค. 2020, 17:25
Custom Element ตัวช่วยเพิ่มความน่าสนใจบนเว็บไซต์ให้ดูดี มีระดับ ใช้งานง่าย ดึงดูดกลุ่มลูกค้าที่สนใจให้เข้ามายังเว็บไซต์ได้มากยิ่งขึ้น อีกทั้งยังสร้างภาพลักษณ์ที่ดีให้กับร้านค้าอีกด้วย

Column Element 

เป็นส่วนย่อยของ Section Layout ที่ใช้สำหรับใส่สิ่งที่น่าสนใจในเว็บไซต์ทั้ง Product Highlight, Blog Highlight, Image, Map และ Instagram เป็นต้น


การเพิ่ม Column Element 

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


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


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


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


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


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


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


  • จากนั้นจะมี Pop Up หน้า Add Element  ให้คลิกที่ "Column Element" (ในตำแหน่งที่ 8) จากนั้นคลิก "OK" (ในตำแหน่งที่ 9)




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

  • คลิกที่ตั้งค่า Element โดยคลิกที่ปุ่ม  ทางขวามือ




เมื่อเข้ามายังหน้าการตั้งค่า "Column Element" สามารถตั้งค่าโดยมีรายละเอียดดังนี้

  • ตำแหน่งที่ 1 กำหนดจำนวนคอลัมน์ที่แสดงผล(ต่อแถว) เมื่อเปิดในในเดสก์ท็อป
  • ตำแหน่งที่ 2 กำหนดจำนวนคอลัมน์ที่แสดงผล(ต่อแถว) เมื่อเปิดในแท็บเล็ต
  • ตำแหน่งที่ 3 กำหนดจำนวนคอลัมน์ที่แสดงผล (ต่อแถว) เมื่อเปิดในมือถือ
  • ตำแหน่งที่ 4 กำหนดระยะห่างซ้าย-ขวา ในแต่ละคอลัมน์
  • ตำแหน่งที่ 5 กำหนดระยะห่างบน-ล่าง ในแต่ละคอลัมน์



  • สามารถทำการคลิกเพิ่มคอลัมน์ให้ครบแถว โดยคลิกที่ เครื่องหมายบวก  ดังภาพ


  •  เพิ่ม Element ที่ต้องการ ในแต่ละคอลัมน์ โดยกดที่เครื่องหมาย "+" ของคอลัมน์ที่ต้องการ


ตัวอย่างการตั้งค่าการแสดงผลบนเดสก์ท็อป 6 คอลัมน์ บนแท็บเล็ต 3 คอลัมน์ และบนมือถือ 2 คอลัมน์




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

www.ketshopweb.com

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

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

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