Hoàng Web

Thiết Kế Website WordPress

  • Kho giao diện
  • Dịch Vụ
    • Tăng tốc độ WordPress
    • Tối ưu website WordPress
    • Thiết kế website WordPress
    • Viết plugin WordPress
    • Sửa lỗi nâng cấp website
  • Bảng giá
  • Quy trình làm việc
  • Giới thiệu
  • Liên Lạc
Trang chủ » Wordpress » Wordpress plugins » Hướng dẫn tạo variation product trong woocommerce

Hướng dẫn tạo variation product trong woocommerce

Thứ Tư, 17/09/2014 by Hoàng Quách

Nội dung

  • 1 Tìm hiểu về Variable products
    • 1.1 Thuộc tính của sản phẩm
    • 1.2 Thêm thuộc tính vào variable product
      • 1.2.1 Chọn loại sản phẩm variation.
      • 1.2.2 Thêm attribute cho variation.
      • 1.2.3 Thêm variations
        • 1.2.3.1 Thêm tự động variations tương ứng với số lượng attributes
    • 1.3 Kết quả trên frontend
  • 2 Thêm custom fields cho variation product
  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Trong bài trước các bạn đã học được cách thêm fields mới vào thông tin trường của mỗi sản phẩm. Bài hôm nay mình sẽ hướng dẫn cách thêm custom fields cho variable product. Nhưng trước tiên các bạn cần tìm hiểu về loại sản phẩm này.

Tìm hiểu về Variable products

Variable products là tính năng thú vị của WooCommerce, đây là sản phẩm có giao động về giá, số lượng trong kho, kích thước,.và các thuộc tính khác.
Ví dụ: áo phông, cùng loại vải nhưng khác kích thước, mầu sắc. Loại sản phẩm này gọi là variations.
Các bạn hiểu nôm na Mỗi một loại của một sản phẩm sẽ khác nhau về thuộc tính và giá.

Thuộc tính của sản phẩm

Để thêm variation products, chúng ta sẽ tạo thuộc tính cho sản phẩm trước. Truy cập Products->Attributes.
add-attribute-product-woo
Thêm thuộc tính cũng giống như bạn thêm category/taxonomy cho post/custom post type, subcategories chính là giá trị của attribute.
Nhập thông số attribute gồm có:
– Name: tên thuộc tính.
– Slug: địa chỉ slug trên URL.
– Type: định kiểu dữ liệu của thuộc tính, có 2 loại: “Select” và “Text“. Kiểu Select cho phép thêm các giá trị lựa chọn sẵn cho attribute. Ví dụ: áo phông có cửa hàng bạn chỉ bán với 3 mầu: xanh, đỏ, vàng. Ngược lại với kiểu “Text” cho phép khách hàng nhập giá trị văn bản vào thuộc tính.

Điền xong thông tin trên, bạn nhấn vào Add Attribute để thêm thuộc tính/giá trị cho thuộc tính nếu là attribute thuộc kiểu Select.

Sau khi thêm thuộc tính dạng Select, để nhập các giá trị cho nó bạn click vào nút Configure Terms có biểu tượng bánh răng bên cạnh tên thuộc tính mới thêm.
thêm thuộc tính sản phẩm woocommerce

Thêm thuộc tính vào variable product

Chọn loại sản phẩm variation.

Tại trang sửa sản phẩm, thay vì chọn Simple Product chúng ta chọn Variable product. Chú ý: về sau mình nói tắt “variation” bạn hiểu là variation product.

Thêm attribute cho variation.

Chọn vào tab Attributes, chúng ta sẽ thêm một vài thuộc tính (attribute) cho sản phẩm, bạn có thể sử dụng các attributes đã tạo ở phần trước (gọi là global attributes) hoặc tạo riêng cho từng sản phẩm bằng cách nhấn vào Add như hình dưới.
product-variations-2-550x180[1]

Sau khi đã tạo các giá trị cho thuộc tính mới, hãy đảm bảo những giá trị này gắn vào variation product trong tab Variations bằng cách check vào Used for variations.
Nhấn vào Save attributes.
product-variations-3-550x212[1]
Bạn có thể chọn global attributes trong danh sách dropdown và nhấn Add.
global-variation-woo
Chọn các giá trị trong attributes, bạn có thể chỉ chọn một vài giá trị hoặc tất cả các giá trị có của thuộc tính. Check vào “Used for variations” và nhấn nút Save attributes. Như vậy chúng ta đã có thể sử dụng 2 thuộc tính cho sản phẩm
Chú ý: tất cả những thuộc tính trước khi xuất hiện ở tab Variations, bạn cần khai báo attributes vào trong tab Attributes trước và đừng quên nhấn Save attributes để Variations thấy được ngay. Nếu chưa thấy thì cần thiết nhấn Update/Publish bài viết sản phẩm.

Thêm variations

Chuyển xuống tab Variations, nhấn vào nút Add Variation
thêm variation product woocommerce

Chọn lại giá trị các thuộc tính cho sản phẩm, kèm những thông tin khác như giá thị trường, giá bán, Weight, Dimensions, Shipping class..và hình ảnh đại diện cho loại sản phẩm variation đó.
product-variations-4-550x308[1]
Nếu sku, weight, dimension và trường stock để trống thì những trường này sẽ kế thừa giá trị có trên variation product. Lưu ý: bắt buộc có trường price thiết lập cho mỗi loại variation.

Thêm tự động variations tương ứng với số lượng attributes

.
Thay vì thêm từng variation product với mỗi hoặc nhiều cặp attribute, ở nhiều lần bạn có thể nhấn vào nút “link all variations”. Tác vụ này sẽ tạo variation mới cho mỗi hay kết hợp nhiều attributes, tối đa giới hạn 50 variations cho mỗi lần nhấn vào “link all variations”.
Ví dụ: nếu bạn có 2 attributes: colour (blue, green) và size (large, small) thì tổng variations products có thể tạo là:

  • Large Blue
  • Large Green
  • Small Blue
  • Small Green

Kết quả trên frontend

variation-product-woo

Thêm custom fields cho variation product

Xem tiếp bài: Hướng dẫn thêm custom fields cho variation product trong woocommerce.

Nếu bạn thích bài viết này, hãy ủng hộ chúng tôi bằng cách đăng ký nhận bài viết mới ở bên dưới và đừng quên chia sẻ kiến thức này với bạn bè của bạn nhé. Bạn cũng có thể theo dõi blog này trên Twitter và Facebook

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Bài viết liên quan:

  1. Hướng dẫn xây dựng trang web bán hàng sử dụng WooCommerce
  2. Tùy biến search form với WooCommerce
  3. Sửa thông báo khi nhấn nút Add to cart cho WooCommerce.
  4. Tạo thêm custom fields cho product trong woocommerce
  5. Tùy biến nút add to cart với woocommerce – phần 2
  6. Thay đổi tiêu đề nút add to cart trong woocommerce
  7. Hiển thị số lượng sản phẩm trên một hàng với woocommerce
  8. Thêm States vào Woocommerce – Lựa chọn thanh toán cho một vùng của quốc gia
  9. Nhập thêm quốc gia mới sử dụng trong woocommerce
  10. Hiển thị (sale flash) % chiết khấu cho sản phẩm – WooCommerce

Chuyên mục: Wordpress, Wordpress plugins Tìm kiếm: web bán hàng, Woocommerce, wordpress plugins

Đăng ký nhận bài viết mới

Vui lòng điền chính xác email ở bên dưới để nhận thông báo bài viết mới.

Bạn đã đăng ký thành công!

Lỗi! hãy làm lại.

thông tin của bạn được 100% bảo mật...

Comments

  1. thang says

    Thứ Sáu, 23/02/2018 at 3:17 chiều

    mình đang cài woocomerce version 3.3.3, để add các variations cho sản phẩm. Mình đã vào product->attribute, nhưng trong phần này là không có phần type (văn bản hoặc lựa chọn) vậy mình phải làm sao để hiện ra phần type này?

    • Hoàng Quách says

      Thứ Bảy, 24/02/2018 at 9:56 sáng

      Thấy bạn reply lại làm được rồi 🙂

    • hanh says

      Thứ Năm, 16/08/2018 at 1:12 chiều

      bạn thang says gì đó ơi.
      trang quản trị của mĩnh bị tương tự như của bạn đó. không có phần loại để lựa chọn ý. bạn có cách giải quyết tình trạng đó không chỉ mình với….

      • Hoàng Quách says

        Thứ Sáu, 17/08/2018 at 7:14 sáng

        bạn làm sao biết được trang quản trị của mình =))

        • Duc says

          Chủ Nhật, 19/08/2018 at 2:00 chiều

          Mình cũng bị như thế này. Không có mục types để chọn. Vậy phải làm sao

  2. Linh says

    Thứ Năm, 25/10/2018 at 11:37 sáng

    ad giúp e ẩn table variations với, nó hiện chi tiết variations ra ngoài sp luôn.

    • Hoàng Quách says

      Thứ Năm, 01/11/2018 at 2:09 chiều

      Bạn đọc và làm theo bài viết trên nhé

  3. Dương says

    Chủ Nhật, 13/01/2019 at 1:37 chiều

    Cho mình hỏi chút. Mình cũng làm theo hướng dẫn như bạn nhưng nó chỉ hiển thị trong phần thông tin bổ sung chứ không hiện trên nút thêm vào giỏ hàng. Giúp mình với

    • Hoàng Quách says

      Thứ Năm, 24/01/2019 at 8:58 sáng

      Bạn làm đến bước nào mà không hiện trên nút?

  4. Van Long says

    Thứ Năm, 28/02/2019 at 3:50 chiều

    Xin chào anh, sao phần thuộc tính, em cài đặt theo hướng dẫn, nhưng mà khi hiện bên ngoài thì hiện ở phần dưới sàn phẩm (thông tin bổ sung) chung tab với bình luận sp, chứ ko hiện trong phần sàn phẩm, em làm đi làm lại nhiều lần nhưng vẫn hiện ở dưới thay vì ở trên, e ko biết bị lỗi gì, sử dụng theme flatsome. Mong anh giúp đỡ ,
    https://prnt.sc/mr85c2
    https://prnt.sc/mr85ky

    • Hoàng Quách says

      Thứ Bảy, 02/03/2019 at 8:04 sáng

      đó không phải là variation, khi đăng sản phẩm bạn cần chọn kiểu variation. SAu đó tạo thuộc tính ở tab variation nhé. Của bạn đang sử dụng là attibute rồi.

  5. Trần Quang Vinh says

    Chủ Nhật, 05/05/2019 at 5:31 chiều

    Ad ơi mình muốn tạo 2 nút THUÊ và MUA NGAY trên cùng 1 sản phẩm có được không ad, vì mình muốn thiết kế vừa mua vừa thuê theo ý khách. Không biết có cách nào giải quyết không, Nhờ ad quân sư giúp. Cám ơn AD

    • Hoàng Quách says

      Chủ Nhật, 05/05/2019 at 8:08 chiều

      Cái j cũng làm được bạn, có thể sử dụng variation để tạo 2 option THUÊ và MUA NGAY

Tôi giúp gì cho bạn?

Nhận bài viết mới

Vui lòng điền chính xác email ở bên dưới để nhận thông báo bài viết mới.

Cám ơn bạn đã đăng ký.

Lỗi, hãy làm lại

thông tin của bạn được 100% bảo mật...

HOÀNG WEB

Địa chỉ: Tây Sơn, Phường Quang Trung, Quận Đống Đa, Hà Nội

Hotline: 0987 342 124 (8h:00 – 21h:00)

Email: [email protected]

Website: www.hoangweb.com

KẾT NỐI VỚI TÔI

  • Facebook
  • Snapchat

SẢN PHẨM

  • Plugin Auto-Sync Google Shopping cho WooCommerce
  • Phần mềm chặn click ảo
  • WP2Speed.com – Tăng tốc WordPress

LIÊN KẾT

  • Hướng dẫn thanh toán
  • Chính sách hoàn tiền
  • Trung tâm hỗ trợ

Copyright © 2021 | All rights reserved | HOANG WEB
Mọi hình thức sao chép nội dung trên website này mà chưa được sự đồng ý đều là trái phép.