version 7

การใช้งาน Price element

By mudjarin -

February 26, 2018

Price คือ Element สำหรับแสดงข้อมูลออกเป็น ก้อน + รายละเอียด

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

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

-เลือกการแสดงผลรูปแบบ 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

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

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

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

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

-Double click แต่ละช่องเพื่อแก้ไขรายละเอียด

จากตัวอย่าง การใช้งาน ค่า Setting ต่างๆ มีรายละเอียดดังนี้

ตำแหน่งที่ 1: Skin UI เลือกการแสดงผลตำแหน่งที่ 2 : Add เพิ่มช่องรายการPriceตำแหน่งที่ 3 : Description ฟังก์ชั่นหรือคุณสมบัติอื่นของสินค้าตำแหน่งที่ 4 : Title หัวข้อของสินค้าตำแหน่งที่ 5 : Price ราคาของสินค้าตำแหน่งที่ 6 : Color แถบสีของกลุ่มราคาตำแหน่งที่ 7 : Ribbon  แถบเน้นกลุ่มราคาตำแหน่งที่ 8 : Button Title  ข้อความบนปุ่มตำแหน่งที่ 9 : Button Url  URL ของปุ่ม

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

– มีการแสดงผลได้ 2 รูปแบบ

การแสดงผลแบบ Skin UI1

การแสดงผลแบบ Skin UI2

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

www.ketshopweb.com

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

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