Variation Swatches for WooCommerce là 1 Plugin nức tiếng với custom tính chất cho sản phẩm khá hay và đẹp mắt , được code ở việt nam sự dụng rất nhiều
trong khoảng bản Flatsome 3.14 thì theme Flatsome đã tích hợp Variation Swatches for WooCommerce vào săn trong theme ngoài ra không phải người nào cũng biết và bí quyết hoạt nó để sự dụng 🙂
bữa nay Flatsome.xyz sẽ chia sẽ cho những bạn chưa biết kick hoạt nó lên và sự dụng tiết kiệm thời kì và đỡ phải cài thêm một plugin không thiết yếu 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 > những thuộc tính
lúc vào Anh chị em sẽ thấy có thêm mục:
– Loại: cái này định nghĩa cho cách hiển thị của thuộc tính
Gồm 3 lựa chọn:
UX Color: chuyên dụng cho chọn lọc tính chất hiển thị màu sắc
UX Image: phục vụ chọn lọc thuộc tính hiển thị hình ảnh
UX Label: dùng cho chọn lựa tính chất hiển thị Text
– Swatch size: mẫu này là kích thước hiển thị của thuộc tính ở 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 chiếc UX Image tự động lấy ảnh của tính chất sản phẩm để khiến ảnh hiển thị
méc nhỏ: Tích vào ô cho phép lưu trữ để sau bạn có thể thêm thuộc tính trong sản phẩm nó sẽ tự lưu trữ lại và chuyên dụng cho các 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ó sử dụng Variation Swatches for WooCommerce Flatsome
thí dụ mình thêm tính chất 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 tính chất ở đấy, tương tự với UX Label hay UX Image nhé.
Bước 4: Đăng sản phẩm sở hữu sử dụng Variation Swatches for WooCommerce Flatsome
mang đăng sản phẩm thuần tuý giả dụ bạn dùng UX Image thì tại phần Cấu hình chủng loạ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.
sở hữu 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 từ phần các biến thể, dưới đây là cài đặt cơ bản của mình.
Đăng sản phẩm với dùng Variation Swatches for WooCommerce Flatsome
Đăng sản phẩm sở hữu 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ẽ có 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 có thể làm cho nó show ra ở trang Sản phẩm bằng cách sau
Giao diện > Tùy biến > Woocommerce > Danh mục sản phẩm
Kéo xuống tới phần Swatches và cấu chừng như mình là sẽ được như bên trên.
Bạn sở hữu thể làm nó show ra ở trang Sản phẩm bằng bí quyết sau
OK vậy là xong rồi nhé – nếu sở hữu nghi vấn 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
Nhận xét
Đăng nhận xét