การใส่ element shortcode product ด้วย Visual Composer
การใส่ element : shortcode product (สินค้า) ด้วย Visual Composer
วิธีการสร้างสินค้า--> คลิก
1. ไปยัง "หน้า"
2.คลิก "Add New with Visual Composer"
หรือหากมีหน้าอยู่แล้วให้คลิก "Edit with Visual Composer" ของหน้าที่ต้องการ

3. กำหนดชื่อเพจ และปรับแต่งหน้าเพจตามต้องการ
4.ทำการ Add row และ คลิ๊ก + เพิ่อเพิ่ม Element

5. เพิ่ม Elements "Shortcode"

6. แทนที่ Insert [shortcode] of any WordPress plugin installed on your website.

ด้วยข้อความ ตัวอย่าง
คำแนะนำ:: หมายเลข 543 คือ Product ID

ตัวอย่างการใส่shortcode product
ค่าเริ่มต้นจะแสดงสินค้า 3 Column หากมีมากกว่า 3 รายการสินค้าจะขึ้นแสดงเป็นบรรทัดที่ 2

Shortcode ตัวอย่างการแสดงสินค้า 4 Column

8. คลิก "Public" เพื่อเผยแพร่เว็บเพจ

วิธีการ ดู Product ID
สามาถเรียกดู Product ID ได้ที่
- ไปที่ เมนู Products
- Copy บริเวณคอลั่มภ์ Shortcode

9. และคุณสามารถตกแต่งการแสดงผล คลิก edit Shortcode

10. Animate > เลือกรูปแบบการแสดงผลจาก Dropdown เช่น Fadein up

11.คลิกที่เครื่องหมายถูก เพื่อบันทึกค่ะ
12. คลิก View page คุณจะพบรายการสินค้าแสดงในหน้าเว็บเพจเรียบร้อยแล้วค่ะ

ตัวอย่าง
