การเลือกสินค้าที่ต้องการแสดงของ Woocommerce ด้วยปลั๊กอิน WooCommerce Shortcodes

screenshot 11

สำหรับปลั๊กอินตัวนี้จะใช้เพื่อขยายความสามารถของ ปลั๊กอินร้านค้า Woocommerce เพื่อให้เราเลือกสินค้าที่แสดงได้ง่ายขึ้น โดยสามารถเลือกสินค้าได้หลายแบบ ซึ่งสามารถเลือกได้ทั้งรหัสสินค้า, ชื่อสินค้า, Slug สินค้า, หรือแม้กระทั้งคุณลักษณะของสินค้า

สำหรับการใช้งานก็เพียงค้นหาและติดตั้งผ่านหน้าเว็บไซต์ระบบจัดการเราได้เลย โดยไปที่หน้าปลั๊กอิน และเพิ่มปลั๊กอินใหม่ จากนั้นค้นหาคำว่า “WooCommerce Shortcodes” หรือสำหรับที่อยู่เว็บไซต์หากต้องการดาวน์โหลดมาติดตั้งเองก็นี่เลยครับ https://wordpress.org/plugins/woocommerce-shortcodes/

เมื่อเราติดตั้งแล้วก็ทำการเปิดใช้งานปลั๊กอิน จากนั้นเราไปดูวิธีการใช้งานกันนะครับ สิ่งแรกที่เราจะเอามาก็คือ ID ของสินค้า โดยเราสามารถดูได้ที่หน้าสินค้า เพียงเอาเม้าส์ไปวางเหนือสินค้าก็จะแสดง ID สินค้าแล้ว ดูตามภาพนะครับ

2018 03 04 10 06 59 จากนั้นเราก็จด ID ของสินค้าที่ต้องการ ตามตัวอย่างคือ ID: 867 หากเราต้องการหลายตัวก็ดูทุกตัวที่ต้องการ เราก็จะได้ ID ของสินค้าดังนี้ 867,863,868,866  จากนั้นเราไปแก้ไขหน้าที่เราต้องการแสดงสินค้า

เมื่อเราสร้างหน้าที่จะแสดงสินค้าที่เราต้องการแล้ว จากนั้นเราต้องไปเพิ่ม Shortcode เพื่อให้แสดงสินค้า

เราต้องอยู่หน้าที่เราต้องการแก้ไขก่อน จากนั้นสังเกตุที่มุมซ้ายล่างจะมีปุ่มนี้ สามารถกดปุ่ม Edit เพื่อแก้ไขได้เลย

2018 03 04 10 49 25

ลบของเดิมที่ไม่ต้องการออกก่อนเลย โดยกดปุ่มนี้

2018 03 04 10 54 05

ก็จะเหลือแค่อันที่เราต้องการแบบนี้ แล้วจึงไปขั้นตอนต่อไป

2018 03 04 10 55 00

 

กดปุ่ม

2018 03 04 10 19 38

เลือก

2018 03 04 10 20 49

จะได้หน้าต่างแบบนี้ กดปุ่มตามภาพ

2018 03 04 10 21 47

ก็จะได้พื้นที่นี้มาอยู่ในหน้าของที่เราจะแก้ไข

2018 03 04 10 22 46

จากนั้นก็คลิกที่ SiteOrigin Editor ก็จะเข้าไปยังการแก้ไขคุณสมบัติตัวนี้ เราก็จะได้หน้าต่างแบบนี้

2018 03 04 10 25 18

จากนั้นให้เราคลิกปุ่มนี้

2018 03 04 10 26 53

ก็จะแสดงหน้าต่างให้เราใส่ ID สินค้าที่ต้องการ เราก็ใส่ ID สินค้าลงได้ โดยมีเครื่องหมายคอมม่า คั่นระหว่าง ID สินค้า แบบนี้ 867,863,868,866 แล้วกดตกลง

2018 03 04 10 28 48

ใส่หัวข้อให้ที่ตรงกับความต้องการของเรา

2018 03 04 10 30 29

เราจะได้หน้าต่างแบบนี้

2018 03 04 10 31 28

แต่เราต้องเพิ่มคำสั่งสำหรับแบ่งคอลั่มให้สินค้าด้วย เพราะว่าบางครั้งจำนวนคอลั่มอาจจะไม่ตรงกับความต้องการของเรา ใส่คำสั่งนี้ลงไปเลยครับ

2018 03 04 10 36 15

โดยตัว colums=”4″ คือตัวระบุว่าเราต้องการกี่คอลั่ม โดยระบุเป็นจำนวนลงไปเลยครับ จากนั้นกดปุ่ม Done

หากเราจะเพิ่มสินค้าอื่นโดยแยกเป็นประเภท เช่น สินค้าขายดี ,สินค้าแนะนำ, สินค้าลดราคา ก็ทำย้อนขั้นต้นใหม่ทั้งหมดนะครับ หรือหากเราจะใช้คำสั่งเดิมเพียงแต่เปลี่ยน ID สินค้าก็สามารถคัดลอกตัวนี้แล้วนำไปแก้ไขแค่หัวข้อกับ ID สินค้าก็จะง่ายกว่า

การคัดลอกโดยใช้อันที่เราเคยสร้างไปแล้ว

2018 03 04 10 41 10

เราก็จะได้แบบนี้

2018 03 04 10 42 00

เราแก้ไขตามนี้ครับ พอเสร็จแล้วก็กดปุ่ม Done มุมล่างขวามือ

2018 03 04 10 43 20

 

จากนั้นเมื่อทำครบที่ต้องการแล้วก็กดปุ่ม

2018 03 04 10 46 41

จากนั้นกดปุ่ม

2018 03 04 10 47 20

เพื่อดูการเปลี่ยนแปลงของหน้าเราได้เลยครับ