Hướng dẫn tạo tùy chọn màu sắc cho sản phẩm trong Woocommerce

Cách để tạo thêm tùy chọn màu sắc cho sản phẩm

Bài viết hôm nay mình sẽ hướng dẫn các bạn tạo thêm tùy chọn màu sắc trong Woocommerce WordPress.

Lưu ý: Mở rộng hơn, các bạn có thể tạo thêm tùy chọn bất kỳ không chỉ riêng màu sắc, mình lấy ví dụ là màu sắc cho dễ hiểu.

Ý đồ của mình là tạo ra kiểu chọn đối với sản phẩm có nhiều màu, mỗi màu lại có giá khác nhau, nhìn như thế này đây:

Để thêm tùy chọn màu sắc cho sản phẩm, đầu tiên chúng ta vào Products -> Attributes

Trang tạo Attributes hiện ra, ta nhập vào các thông số tương tự như hình:

Nhập vào ô Name với giá trị là tên thuộc tính (Màu sắc, Size,…)

Sau khi đã bấm Add attribute xong, chúng ta đã hoàn tất bước tạo thuộc tính cho sản phẩm rồi.

Tiếp theo, ta phải thêm giá trị cho thuộc tính màu sắc

Khi bấm vào Configure terms, ta sẽ vào đến trang thêm giá trị cho thuộc tính:

Hình ảnh sau khi đã hoàn tất bước thêm giá trị cho thuộc tính màu sắc:

Ok, tiếp theo để thêm những thuộc tính này vào sản phẩm cụ thể thì ta vào trang add product hoặc edit product nhé.

Product data : Chọn giá trị là Variable product

Sau đó vào Tab Attributes để thêm thuộc tính muốn sử dụng vào.

Add xong Attributes thì chuyển sang Tab Variations, chọn Add variation và bấm go:

Rê chuột vào dòng giá trị thuộc tính đó, sẽ hiện lên các tùy chọn, bấm vào nút xỗ xuống :

Bảng thông tin sản phẩm theo Attribute “Màu sắc” mang già trị “Màu đỏ” hiện ra, chúng ta nhập thông tin vào là xong

Làm tương tự đối với màu xanh, màu vàng,…, sau đó bấm Save lại, ra trang sản phẩm, ta sẽ thấy được kết quả mong muốn.

Nếu các bạn muốn theo dõi những bài viết theo chủ đề Woocommerce thì đăng ký vào Form dưới đây nhé, mỗi khi có bài mới về Woocommerce thì hệ thống sẽ gửi email đến bạn.

2
Leave a Reply

avatar
2 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
1 Comment authors
Luk Lak Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
Luk Lak
Member
Luk Lak

Cảm ơn anh ạ!

trackback
Hướng dẫn tạo nút chọn sản phẩm theo màu sắc trong Woocommerce | Hoàng Khải BLog

[…] bài viết trước, mình đã hướng dẫn các bạn tạo tùy chọn sản phẩm theo màu sắc, tuy nhiên chức năng mặc định của Woocommerce không làm chúng ta thỏa mãn thì […]