การใส่ 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 คุณจะพบรายการสินค้าแสดงในหน้าเว็บเพจเรียบร้อยแล้วค่ะ

ตัวอย่าง