Variation Swatches for WooCommerce là một Plugin nức danh có custom tính chất cho sản phẩm tương đối hay và đẹp mắt , được code ở việt nam sự dụng rất nhiều
từ bản Flatsome 3.14 thì theme Flatsome đã tích hợp Variation Swatches for WooCommerce vào săn trong theme tuy nhiên không hề ai cũng biết và phương pháp hoạt nó để sự dụng 🙂
bữa nay Flatsome.xyz sẽ chia sẽ cho các bạn chưa biết kick hoạt nó lên và sự dụng tiết kiệm thời gian và đỡ phải cài thêm một plugin ko cần thiết nhé
Kick hoạt Variation Swatches for WooCommerce mặc định của flatsome
Bước 1: Vào Flatsome > Advanced > Woocommerce
Tại phần Woocommerce tích vào ô VARIATION SWATCHES và bấm lưu cài đặt.
Kick hoạt Variation Swatches for WooCommerce
Bước 2: Sản phẩm > các tính chất
khi vào Anh chị em sẽ thấy có thêm mục:
– Loại: cái này khái niệm cho bí quyết hiển thị của tính chất
Gồm 3 lựa chọn:
UX Color: chuyên dụng cho lựa chọn tính chất hiển thị màu sắc
UX Image: dùng cho chọn lọc thuộc tính hiển thị hình ảnh
UX Label: phục vụ lựa chọn tính chất hiển thị Text
– Swatch size: dòng này là kích thước hiển thị của tính chất ở trang chi tiết sản phẩm
– Swatch shape: cài này là dạng hiển thị tính chất ở trang chi tiết sản phẩm
– Use variation images? : Bạn tích vào mục này giả dụ bạn muốn cái UX Image tự động lấy ảnh của tính chất sản phẩm để làm cho ảnh hiển thị
méc nhỏ: Tích vào ô cho phép lưu trữ để sau bạn mang thể thêm thuộc tính trong sản phẩm nó sẽ tự lưu trữ lại và phục vụ những sản phẩm khác đỡ mất công tạo lại nhiều lần
WooSwatches – Woocommerce Color or Image Variation Swatches
Đăng sản phẩm có tiêu dùng Variation Swatches for WooCommerce Flatsome
ví dụ mình thêm thuộc tính màu sắc thì phần UX Color bên dưới bạn sẽ chọn được màu sắc của thuộc tính ở đấy, như vậy có UX Label hay UX Image nhé.
Bước 4: Đăng sản phẩm có dùng Variation Swatches for WooCommerce Flatsome
sở hữu đăng sản phẩm đơn giản nếu như bạn sử dụng UX Image thì tại phần Cấu hình chủng cái của thuộc tính sản phẩm bạn cần chọn mình ảnh cho từng thuộc tính.
với dạng sản phẩm có biến thể thì những thuộc tính bạn tạo sẽ được lấy thông báo, hình ảnh trong khoảng phần các biến thể, dưới đây là cài đặt căn bản của mình.
Đăng sản phẩm sở hữu dùng Variation Swatches for WooCommerce Flatsome
Đăng sản phẩm với tiêu dùng Variation Swatches for WooCommerce Flatsome
Phần Màu sắc của mình để dạng UX Image
Phần Size mình để dạng UX Label
Và đây là kết quả mình đạt được
OK xong , sau lúc đăng Sản phẩm hoàn chỉnh sẽ với như thế này nhé
Phần Màu sắc của mình để dạng UX Image Phần Size mình để dạng UX Label Và đây là kết quả mình đạt được
Bạn sở hữu thể làm cho nó show ra ở trang Sản phẩm bằng cách thức sau
Giao diện > Tùy biến > Woocommerce > Danh mục sản phẩm
Kéo xuống đến phần Swatches và cấu dường như mình là sẽ được như bên trên.
Bạn sở hữu thể khiến cho nó show ra ở trang Sản phẩm bằng bí quyết sau
OK vậy là xong rồi nhé – ví như sở hữu thắc mắc gì vui lòng để lại bình luận bên dưới tớ sẽ giúp nhé
Theo https://flatsome.xyz/variation-swatches-for-woocommerce-flatsome.html
Cấm dùng các template được chia sẻ trên blog với mục đích thương mại !
THÔNG TIN TÁC GIẢ & DỊCH VỤ:
- Biên tập nội dung: Trần Nhật Sinh
- Địa chỉ: Ân Đức, Hoài Ân, Bình Định
- Nếu bạn muốn đóng ghóp giao diện hoặc yêu cầu gỡ hãy liên hệ với tôi
+ Email : transinh085@gmail.com
+ Zalo: +84 387 913 347 (SMS) - Dịch vụ:
+ Sửa lỗi, nâng cấp template
+ Tối ưu giao diện
+ Cài đặt giao diện