Trước đây để hiển thị option thuộc tính sản phẩm bạn cần sử dụng plugin WooCommerce Variation Swatches mới trở nên chuyên nghiệp,đẹp mắt.Nếu bạn đang sử dụng theme Flatsome để làm website bán hàng WordPress thì hoàn toàn có thể hiển thị thuộc tính chuyên nghiệp qua các kiểu square,image,từ theme flatsome đã tích hợp sẵn mà không cần dùng plugin từ bên thứ 3.
Bật chức Variation Swatches for WooCommerce mặc định của flatsome
Bước 1: Bật ARIATION SWATCHES trong Flatsome
Trong phần Opiton của Flatsome bạn chọn Advanced -> Woocommerce , check VARIATION SWATCHES và chọn lưu cài đặt
Bước 2: Chọn loại hiển thị cho thuộc tính
Sau khi bật ARIATION SWATCHES từ flatsome bạn chọn loại hiển thị thuộc tính phù hợp.Mặc định có 3 loại từ flatsome là:
UX Color: dùng cho lựa chọn 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: cái 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ị 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 bạn muốn cái UX Image tự động lấy ảnh của thuộc tính sản phẩm để làm ảnh hiển thị
Note: ô 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à dùng cho các sản phẩm khác đỡ mất công tạo lại nhiều lần
Bước 3: Đăng sản phẩm có thuộc tính và chọn Variation
Bạn đăng sản phẩm và chọn thuộc tính sau đó chọn các biến thể cho sản phẩm.Bước này tương tự như đăng sản phẩm có biến thể thông thường.
