Variation Swatches for WooCommerce là 1 Plugin lừng danh sở hữu 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 phần lớn
từ 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 hề người nào cũng biết và cách thức 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 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 > các tính chất
khi vào Các bạn sẽ thấy với thêm mục:
– Loại: mẫu này định nghĩa cho cách hiển thị của tính chất
Gồm 3 lựa chọn:
UX Color: chuyên dụng cho tuyển lựa thuộc tính hiển thị màu sắc
UX Image: dùng cho lựa chọn thuộc tính hiển thị hình ảnh
UX Label: dùng cho lựa chọn thuộc tính 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ị thuộc tính ở trang chi tiết sản phẩm
– Use variation images? : Bạn tích vào mục này nếu như bạn muốn dòng UX Image tự động lấy ảnh của thuộc tính sản phẩm để khiến ảnh hiển thị
mách nướ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à chuyên dụng cho những sản phẩm khác đỡ mất công tạo lại phổ biến lần
WooSwatches – Woocommerce Color or Image Variation Swatches
Đăng sản phẩm với dùng Variation Swatches for WooCommerce Flatsome
tỉ 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 ở đó, tương tự sở hữu UX Label hay UX Image nhé.
Bước 4: Đăng sản phẩm với sử dụng Variation Swatches for WooCommerce Flatsome
có đăng sản phẩm đơn giản nếu như bạn tiêu dùng UX Image thì tại phần Cấu hình chủng dòng của tính chất 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 mang biến thể thì các thuộc tính bạn tạo sẽ được lấy thông tin, hình ảnh từ 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 mang tiêu dùng Variation Swatches for WooCommerce Flatsome
Đăng sản phẩm mang 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 với thể làm nó show ra ở trang Sản phẩm bằng phương pháp 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 tuồng như mình là sẽ được như bên trên.
Bạn với thể làm cho nó show ra ở trang Sản phẩm bằng cách thức sau
OK vậy là xong rồi nhé – nếu có 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
0 nhận xét: