การใช้งาน HTML Box element

0
3135

HTML box คือ Element ที่ผู้ใช้งานจะสามารถเขียนโค้ด HTML ปรับแต่งได้ตามความต้องการ
แต่การแสดงผลจะอยู่ภายในกล่องของ HTML Element เท่านั้น

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

การใช้งาน HTML Box element-ระบบร้านค้าออนไลน์

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

การใช้งาน HTML Box element-ระบบร้านค้าออนไลน์

-เลือกการแสดงผลรูปแบบ Section ต่างๆ หากเลือก Section แล้วให้คลิก “Add”                                         ซึ่ง Section ที่สามารถเพิ่ม Element ได้แก่                                                                                                          1.Content section
2.Columns section (เพิ่มได้ตามจำนวน columns)
3.Background Image section
4.Background parallax

Section ที่ไม่สามารถเพิ่ม Element ได้แก่
1.Slide Images section
2.Map section

การใช้งาน HTML Box element-ระบบร้านค้าออนไลน์

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

การใช้งาน HTML Box element-ระบบร้านค้าออนไลน์

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

การใช้งาน HTML Box element-ระบบร้านค้าออนไลน์

คลิกเลือก HTML Box element แล้วกด “Add”

การใช้งาน HTML Box element-ระบบร้านค้าออนไลน์

-เมื่อเพิ่ม Title Text element  จะแสดงผลดังภาพตัวอย่าง

การใช้งาน HTML Box element-ระบบร้านค้าออนไลน์

– Double click เพื่อแก้ไขรายละเอียด

การใช้งาน HTML Box element-ระบบร้านค้าออนไลน์

ตัวอย่างการใช้งาน HTML Box element

การใช้งาน HTML BOX element-ระบบร้านค้าออนไลน์

-Double click เพื่อแก้ไข HTML ได้ตามต้องการ

การใช้งาน HTML BOX element-ระบบร้านค้าออนไลน์


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

www.ketshopweb.com

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

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

LEAVE A REPLY

Please enter your comment!
Please enter your name here