2377 lượt xem

Cài đặt sản phẩm có biến thể với theme Flatsome từ phiên bản 3.14 cho website WordPress

Các bạn đang đi tìm cách cải đặt sản phẩm có biến thể với theme Flatsome từ phiên bản 3.14 chco mình để có sự lựa chọn cho khách hàng.

Khi bạn sở hữu một website bán hàng, bạn có nhiều loại sản phẩm khác nhau trong đó có loại được gọi là sản phẩm có biển thể. Vậy sản phẩm có biến thể là gì? Sản phẩm có biến thể là trong cùng một sản phẩm có nhiều lựa chọn khác nhau cho sản phẩm đó như màu sắc, kích thước, size,… Điều đó cho khách hàng nhiều lựa chọn hơn trong việc mua sản phẩm theo ý thích của họ.

Có nhiều cách có thể tạo nên được điều đó. Nhưng ở phiên bản mới của theme Flatsome đã tích hợp sẵn công cụ đó mà không cần phải tải thêm bất kì một plugin nào nữa.

Chúng ta cùng bắt tay vào tìm hiểu cách cài đặt đó nhé.

Cách cài đặt sản phẩm có biến thể.

Bước 1: Kích hoạt tính năng thêm biến thể cho sản phẩm

Các bạn vào theo đường dẫn: Flatsome > Advanced > Woocommerce và tích vào ô VARIATION SWATCHES

Cài đặt sản phẩm có biến thể cho theme flatsome

Bước 2: Chọn thuộc tính biến thể sản phẩm phù hợp

Các bạn vào Tùy chọn > Sản phẩm > Các thuộc tính

cai dat san pham co bien the

Các bạn để ý phần Loại có 3 lựa chọn:

UX Color: hiển thị thuộc tính màu sắc.

UX Image: hiển thị thuộc tính hình ảnh.

UX Label: hiển thị thuộc tính Text.

  • Swatch size: là kích thước hiển thị ở trang chi tiết sản phẩm.
  • Swatch shape: hiển thị thuộc tính ở trang chi tiết sản phẩm.
  • Use variation images? Ux image tự động lấy ảnh của thuộc tính để làm ảnh hiển thị

Bước 3: Cấu hình chủng loại của thuộc tính sản phẩm

cai dat san pham co bien the01

Các bạn thêm thuộc tính sản phẩm phù hợp với gian hàng online của bạn. Ví dụ trên là mình cho thêm phần UX color bên dưới bạn sẽ chọn được màu sắc của thuộc tính đó. Cách làm cũng tương tự với UX Image và UX Label.

Bước 4: Đăng sản phẩm Woocommerce

Với dạng sản phẩm đơn giản mà bạn sử dụng UX Image thì tại phần cấu hình chủng loại của thuộc tính sản phẩm bạn cần chọn hình ảnh cho từng thuộc tính riêng.

Với dạng sản phẩm có 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ừ các biến thể.

cai dat san pham co bien the02
cai dat san pham co bien the03

Phần màu sắc mình để hình ảnh thì chúng ta chọn UX Image.

Phần Size mình để chữ vì vậy chúng ta sẽ chọn dạng UX Label.

Như hình sản phẩm giày bên dưới.

cai dat san pham co bien the flatsome01

Nếu bạn muốn hiển thị bất kì thuộc tính nào ra trang sản phẩm giống như này:

cai dat san pham co bien the flatsome02

Các bạn theo đường dẫn: Giao diện > Tùy biến > Woocommerce > Danh mục sản phẩm chọn Swatches và cài đặt như bên dưới.

danh muc san pham01

Trên đây là hướng dẫn cách tạo sản phẩm có nhiều biến thể được tích hợp trên theme Flatsome phiên bản mới nhất cực kì xịn xò không cần cài plugin rồi nhé.

Chúc các bạn thành công và một ngày tốt lành.

5/5 - (1 bình chọn)
Thẻ tìm kiếm: ,