Tuesday, August 23, 2022

Dân Chơi

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

Variation Swatches for WooCommerce là một Plugin nổi danh 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 tất cả

từ bản Flatsome 3.14 thì theme Flatsome đã tích hợp Variation Swatches for WooCommerce vào săn trong theme không những thế chẳng hề ai cũng biết và phương pháp hoạt nó để sự dụng 🙂

hôm 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 kì và đỡ phải cài thêm một plugin ko cần 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

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ị em sẽ thấy với thêm mục:

– Loại: loại này định nghĩa cho phương pháp hiển thị của tính chất

Gồm 3 lựa chọn:

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

UX Image: chuyên dụng cho chọn lọc thuộc tính hiển thị hình ảnh

UX Label: dùng cho lựa chọn tính chất hiển thị Text

– Swatch size: loại 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 mẫu 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ách 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ổ quát lần

WooSwatches – Woocommerce Color or Image Variation Swatches

WooSwatches – Woocommerce Color or Image Variation Swatches

Đăng sản phẩm có dùng Variation Swatches for WooCommerce Flatsome

Đăng sản phẩm với tiêu dùng Variation Swatches for WooCommerce Flatsome

ví 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 ở đó, tương tự sở hữu UX Label hay UX Image nhé.

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

sở hữu đăng sản phẩm đơn thuần nếu bạn tiêu 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 tính chất.

sở hữu dạng sản phẩm sở hữu 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 những biến thể, dưới đây là cài đặt căn bản của mình.

Đăng sản phẩm có dùng Variation Swatches for WooCommerce Flatsome

Đăng sản phẩm sở hữu sử dụng Variation Swatches for WooCommerce Flatsome

Đăng sản phẩm có 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 khi đă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

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 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 tới phần Swatches và cấu tuồng như mình là sẽ được như bên trên.

Bạn có thể làm cho nó show ra ở trang Sản phẩm bằng cách sau

Bạn sở hữu thể khiến nó show ra ở trang Sản phẩm bằng bí quyết sau

OK vậy là xong rồi nhé – nếu có câu hỏi 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