การใช้งาน Price element

0
180
views

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

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

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

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

การใช้งาน Price 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

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

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

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

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

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

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

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

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

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

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

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

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

ตำแหน่งที่ 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

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

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

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

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

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

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


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

www.ketshopweb.com

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

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.