การทำ Variable Product ใน woocomerce wordpress ฉบับจับมือทำ

12:25 PM

หากสินค้าของคุณมีหลายสี หลายsize หรือหลายขนาดให้ลูกค้าเลือก การทำ Variable Product คือคำตอบที่ดีที่สุดสำหรับ Woo commerce ใน Wordpress ครับ

สิ่งแรกที่คุณต้องรู้ในการทำ Vaiable Product 

- สินค้าของคุณมีกี่สี
- สินค้าของคุณมีกี่ Size

เมื่อรู้แล้วก็เข้าไปตั้งค่ากันก่อนเลยครับในส่วนของหน้า Dashboard จะอยู่ที่ Product > Attribute
Variable Product
เลือก Attributes
Attribute นี้คือการกำหนดค่าในปุ่ม Dropdown ที่ต้องการให้ลูกค้าเลือกในหน้าสินค้าของเรา ต้องเข้าไปตั้งค่าก่อนนะครับ



กรอกรายละเอียดให้เรียบร้อยครับ
- Name ก็ชื่อของ Dropdown ที่จะโชว์
- Slug ให้ใส่เป็นชื่อเดียวกัน
- Type ปล่อยเป็น select
- Default sort order ให้เป็น Custom ครับ
จากนั้นกด Add โลดด

แล้วช่องข้างๆก็จะขึ้นแบบนี้ให้เรานะครับ


คือในนี้ผมได้กำหนดค่าไปแล้วในส่วนของ Terms มีอะไรบ้าง ถ้ายังไม่ใส่ มันจะเป็นช่องว่างๆนะครับ
ให้กดที่เครื่องหมาย เฟืองด้านขวาเพื่อเข้าไปกำหนดเลยว่าในปุ่ม dropdown เนี่ยต้องการให้โชว์อะไรบ้างครับ ถ้ากดแล้วก็จะได้หน้าตาแบบนี้ เพื่อใส่ข้อมูลครับ


จากนั้นก็ใส่ข้อมูลลงไป ครับ Description ไม่ต้องใส่อะไร Add new ให้มันขึ้นข้างๆเป็นอันจบในส่วนนี้ครับ 

คราวนี้เราก็มาดูสินค้าที่เราต้องการให้ลูกค้าเลือกนะครับ 
Add หรือ Edit สินค้า (ในกรณีของผมเลือกเป็น edit สินค้าที่มีอยู่เพื่อแก้ไขนะครับ)

เลื่อนลงมาในส่วนของ Product Data ให้เลือกเป็น Variable Product ครับ 


จากนั้นให้เลือกที่ Attributes เพื่อกำหนดค่าในหน้านี้นะครับ 
ในปุ่ม Dropdown ให้เลือกหัวข้อเราเลยครับแล้วก็กำหนดค่าซะว่าจะให้ dropdown เราโชว์อะไรบ้าง
ส่วนใหญ่ก็ Select all ไปเลยง่ายดีครับ



อย่าลืม !!! ติ๊กถูกที่ Visible on the product page และ Used for variations ด้วยนะครับ
Save ซะ

จากนั้นให้เลือกเมนู Variations เพื่อใส่ข้อมูลสินค้าของเราครับ
เลือก add variations แล้ว Go !!

จากนั้นก็เลือกแล้วใส่รายละเอียดที่เรามีเลยครับ สำคัญที่รูป และราคา ต้องมี นอกนั้นมีก็ได้ไม่มีก็ได้ครับ 


พอเลือกสีแล้วจะมีปุ่ม Dropdown ข้างๆนะครับกดละจะมีรายละเอียดให้ใส่แบบรูปด้านล่าง


หลังจากใส่รายละเอียดสินค้าแรกแล้ว ก็ทำซ้ำจนหมดครับโดยการ Go ใหม่อีกที ก็จะมีสีที่สองให้ใส่รายละเอียดเหมือนเดิม เสร็จแล้วหน้าตาก็จะเป็นแบบนี้ 


จากนั้นก็ Update หรือ Publish ครับแล้วเราก็เข้าไปดูที่หน้าสินค้ากันเลยยยยย

มีปุ่ม Dropdown ให้ลูกค้าเลือกสีของสินค้าแล้ว :)


แค่นั้นไม่พอ หากเลือกไปแล้ว รูปภาพก็เปลี่ยน ราคาก็เปลี่ยน ตามที่เราใส่ข้อมูลครับ 



จบครับ ......

You Might Also Like

0 comments

instagram

ผ ล ง า น

ผ ล ง า น
ติดตามผมได้ที่ Flickr เลยครับ