Header Ads

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

Variation Swatches for WooCommerce là 1 Plugin nức danh sở hữu custom thuộc tính cho sản phẩm tương đối hay và đẹp mắt , được code ở việt nam sự dụng tất cả

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 phải ai cũng biết và cách 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 gian và đỡ phải cài thêm 1 plugin không cấp 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

Kick hoạt Variation Swatches for WooCommerce

Bước 2: Sản phẩm > những thuộc tính

lúc vào Cả nhà sẽ thấy mang thêm mục:

– Loại: chiếc 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: phục vụ chọn lọc thuộc tính hiển thị màu sắc

UX Image: chuyên dụng cho lựa chọn tính chất hiển thị hình ảnh

UX Label: phục vụ tuyển lựa thuộc tính 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 ví như bạn muốn loại UX Image tự động lấy ảnh của thuộc tính sản phẩm để làm ảnh hiển thị

méc nhỏ: Tích vào ô cho phép lưu trữ để sau bạn mang thể thêm tính chất 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 nhiều 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 có tiêu dùng Variation Swatches for WooCommerce Flatsome

tỉ 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, như vậy mang UX Label hay UX Image nhé.

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

sở hữu đăng sản phẩm thuần tuý nếu bạn dùng UX Image thì tại phần Cấu hình chủng chiếc của tính chất sản phẩm bạn cần chọn mình ảnh cho từng tính chất.

có 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 có 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ó dùng Variation Swatches for WooCommerce Flatsome

Đăng sản phẩm sở hữ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ẽ 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

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ể khiến 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 hình 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 có thể khiến nó show ra ở trang Sản phẩm bằng cách thức sau

OK vậy là xong rồi nhé – giả dụ với 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

No comments

Powered by Blogger.