Hướng dẫn hiển thị màu sắc, size, cho sản phẩn biến thể trong Woocommerce

01/04/2020 724 lượt xem

Có nhiều bạn inbox hỏi cách custom hiển thị màu sắc, size cho sản phẩm có biến thể trong wordpress cho nó đẹp xíu như hình bên dưới. Mặc định sản phẩm có biến thể của woocommerce rất xấu, không trực quan nên mình chia sẻ bài viết này làm cho nó đẹp hơn, người dùng dễ sử dụng 😀 .

Demo online trước nhé: Xem tại đây

Bắt đầu nhé, đầu tiên các bạn cần chuẩn bị cho mình plugin WooSwatches – Woocommerce Color or Image Variation Swatches
Bước cài đặt plugin các bạn tự tìm hiểu nhé.

B1: Mở trang chỉnh sửa sản phẩm và chọn sản phẩm biến thể  ở tab Product Data nhé.

B2: Nếu bạn chưa thêm thuộc tính thì vào tab Thuộc tính và thiết lập như bên dưới.

B3: Sau đó bạn chọn tab Các biến thể và tạo các biến thể từ các thuộc tính  – Thiết lập hình ảnh, giá cho từng biến thể và Cập nhật sản phẩm

B4: Bây giờ các bạn vào tab WooSwatcher, nhấp vào thuộc tính để cấu hình hiển thị cho nó.

Vậy là xong, lưu lại mọi thứ và cập nhật sản phẩm sau đó kiểm tra xem kết quả nhé. Chúc các bạn thành công

Nguồn: https://thanhtrungit.net

Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bình luận

Dự án đã hoàn thiện
Mẫu website bán hàng bàn thao tác công nghiệp
Mẫu website giới thiệu dịch vụ nha khoa
Web tin tức 02 giống web eva
Bài viết theo chủ đề

Chủ đề: Code theme wordpress

Hướng dẫn tạo theme WordPress phần 1
Hướng dẫn tạo theme WordPress phần 2

Xem hết loạt bài chủ đề này

Bài viết mới nhất
Hướng dẫn sử dụng plugin W3 Total Cache tăng tốc WordPress
JavaScript là gì?
HTML là gì?
Tạo thanh scroll ngang sử dụng thuộc tính overflow-x trong css
Kích hoạt thanh toán PayPal cho VNĐ trên WooCommerce