Kick hoạt Variation Swatches for WooCommerce mặc định của flatsome

Variation Swatches for WooCommerce là 1 Plugin nổi tiếng với custom thuộc tính cho sản phẩm hơi 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 bên cạnh đó chẳng hề 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 gian và đỡ phải cài thêm một plugin ko nhu 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 thuộc tính

lúc vào Anh chị sẽ thấy mang thêm mục:

– Loại: cái này định nghĩa cho bí quyết hiển thị của tính chất

Gồm 3 lựa chọn:

UX Color: dùng cho chọn lọc tính chất hiển thị màu sắc

UX Image: phục vụ lựa chọn thuộc tính hiển thị hình ảnh

UX Label: dùng cho chọn lọc thuộc tính hiển thị Text

– Swatch size: mẫu 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 nếu bạn muốn loại UX Image tự động lấy ảnh của tính chất sản phẩm để khiến cho ảnh hiển thị

mách nước nhỏ: Tích vào ô cho phép lưu trữ để sau bạn sở hữu thể thêm thuộc tính trong sản phẩm nó sẽ tự lưu trữ lại và phục vụ các 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 mang tiêu dùng Variation Swatches for WooCommerce Flatsome

thí 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, tương tự với UX Label hay UX Image nhé.

Bước 4: Đăng sản phẩm mang tiêu dùng Variation Swatches for WooCommerce Flatsome

có đăng sản phẩm thuần tuý ví như bạn 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.

mang dạng sản phẩm với biến thể thì các thuộc tính bạn tạo sẽ được lấy thông tin, 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 có sử dụng Variation Swatches for WooCommerce Flatsome

Đăng sản phẩm có 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ẽ mang 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 mang thể khiến 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 hình 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 cách thức sau

OK vậy là xong rồi nhé – ví như 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