Hoàng Web

Thiết Kế Website WordPress

  • Kho giao diện
  • Dịch Vụ
    • Thiết kế web giá rẻ
    • Thiết kế website WordPress
    • Hosting Miễn Phí 100GB
    • Tích hợp thanh toán MoMo, ViettelPay, Vietcombank, MB..
    • Tối ưu Google PageSpeed
    • Sửa lỗi nâng cấp website
    • Viết plugin WordPress
    • Code Tool theo yêu cầu
  • 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

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

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?

HOÀNG WEB

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

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

Email: [email protected]

Website: www.hoangweb.com

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

  • Facebook
  • GitHub
  • YouTube

SẢN PHẨM

  • Plugin Thanh Toán Quét Mã QR Code Tự Động
  • WP2Speed – Tối ưu Google Speed
  • 23WebHost – Hosting Miễn Phí 100GB

LIÊN KẾT

  • Có nên thuê thiết kế website giá rẻ?
  • Hướng dẫn thanh toán
  • Chính sách hoàn tiền
  • Trung tâm hỗ trợ

Copyright © 2023 | 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.