Thêm thông tin mở rộng cho sản phẩm WooCommerce

Variable products là một loại sản phẩm trong WooCommerce cho phép bạn cung cấp một tập hợp các biến thể trên một sản phẩm với giá, trạng thái, hình ảnh, và nhiều hơn nữa.

Thêm thuộc tính cho sản phẩm

Để thêm thuộc tính cho sản phẩm bạn vào phần Products -> Attributes

Trong này bạn chọn các trường như Name (Tên thuộc tính), Slug, Type (Kiểu hiển thị), Default sort order (Cách sắp xếp). Xong bạn nhấn Add Attribute.

Thêm thuộc tính cho sản phẩm

Đối với thuộc tính kiểu Select, chúng ta thêm các giá trị cho thuộc tính bằng cách bạn vào phần Configure Terms, là phần khoanh đỏ như hình bên dưới:

Thêm giá trị cho thuộc tính

Thêm giá trị cho thuộc tính sản phẩm

Bạn điền các thông tin của giá trị, có thể thêm phần mô tả tại phần Description. Xong bạn nhấn Add New…

Đối với các giá trị khác bạn cũng làm tương tự, ta được các giá trị để chọn lựa khi đăng sản phẩm.

Danh sách thuộc tính sản phẩm

Thêm các thuộc tính sẽ hiển thị tùy chọn cho sản phẩm

Để thêm một Variable product, bạn chỉnh sửa một sản phẩm hiện có hoặc tạo một sản phẩm mới bằng cách vào: Products > Products. Bạn có thể chọn nút Add Products hoặc chỉnh sửa một sản phẩm hiện có.

Kéo xuống phía dưới phần Product Data, chúng ta chọn giá trị Variable product.

Trong phần thuộc tính, bạn sẽ cần phải thêm các thuộc tính đầu tiên trước khi chúng ta có thể tạo ra các biến thể (Variable) – Bạn có thể sử dụng các thuộc tính toàn cầu (các thuộc tính đã tạo sẵn) hoặc xác định những tùy chỉnh cụ thể cho từng sản phẩm. Để sử dụng một thuộc tính toàn cầu chọn nó từ danh sách và sau đó chọn Add.

Bạn hãy chọn Select all các nút để thêm tất cả các thuộc tính cho các sản phẩm hoặc chọn các thuộc tính thuộc về sản phẩm, và nhớ check vào phần Used for variations.

Chọn thuộc tính cho sản phẩm

Xong bạn nhấn Save attributes. Sau khi lưu thay đổi của bạn, bây giờ bạn có thể bắt đầu cài đặt chúng lên trên một sản phẩm. Bạn vào phần Variations.

Đầu tiên, chúng tôi muốn khuyên bạn nên thiết lập giá trị hiển thị mặc định của thuộc tính. Trong ví dụ của chúng tôi, chúng tôi không có bất kỳ thiết lập mặc định, vì vậy người dùng có thể chọn bất kỳ màu sắc và kích thước ngay từ trang sản phẩm. Nhưng nếu bạn muốn một sự thay đổi nào đó đã chọn khi người dùng truy cập các trang sản phẩm, bạn có thể thiết lập những người ở đây.

Chọn tất cả các thuộc tính cho sản phẩm

Bạn có thể chọn Link all variations để tạo mọi sự kết hợp có thể có của các biến thể. Bạn cũng có thể tạo ra những kết hợp bằng cách chọn Add Variation. Một bảng các giá trị sẽ xuất hiện, sẵn sàng cho bạn nhập dữ liệu đầu vào.

Nhập giá trị cho thuộc tính sản phẩm

Bạn chọn Enable cho tất cả các kết hợp bạn muốn hiển thị. Sau đó bạn nhấn Publish hoặc update sản phẩm.

Bạn có thể nhập các thuộc tính khác của sản phẩm như giá, giá khuyến mãi, trạng thái… Ví dụ cho giá: Bạn nhấn chọn Choose a field to bulk edit… Chọn Prices, nhấn Go. Sau đó nhập vào giá trị, nhấn ok. Làm tương tự với Sale Prices.

Nhập thuộc tính giảm giá cho sản phẩm

Xem sản phẩm để thấy kết quả ngoài Frontend của quá trình thực hiện.

Kết quả tạo thuộc tính cho sản phẩm

Người dùng có thể chọn các giá trị thuộc tính khi đặt hàng. Ví dụ ở đây: Độ tuổi, Màu sắc, Cân nặng. Sau đó nút Thêm vào giỏ hàng sẽ xuất hiện. Và nhấn chọn thêm vào đơn hàng.

Chọn thuộc tính cho sản phẩm trước khi thêm vào giỏ hàng

Như vậy, qua bài viết này bạn đã biết cách thiết lập các thuộc tính mở rộng cho sản phẩm trên WooCommerce, hãy đón đọc những bài viết khác liên quan đến thiết lập trang shop với WooCommerce trên website Học WordPress các bạn nhé. Chúc các bạn thành công!

37 bình luận cho “Thêm thông tin mở rộng cho sản phẩm WooCommerce

  1. Không liên quan đến nội dung bài viết nhưng cho mình hỏi 1 câu nhé ads

    Cái widget NỔI BẬT TRONG TUẦN bạn dùng plugin nào để hiện thị mà nó chạy 1 post rồi delay 1 tí lại chạy vậy bạn

    1. Chào bạn, chữ Thêm vào giỏ chỉ là dịch ngôn ngữ thôi, bạn cũng có thể viết trang hiển thị sản phẩm tùy chỉnh.

  2. Hi bạn, bạn cho mình hỏi một chút. Sản phẩm có trường giá,khi đăng sản phẩm sẽ nhập giá cho sản phẩm.Tuy nhiên sản phẩm của mình đặc thù nên không có giá. Ngoài website mình muốn để là” Giá: liên hệ” nhưng trường giá của woo cần phải nhập số nên không làm được.
    Bạn hướng dẫn mình với.
    Cám ơn

    1. add code sau:
      * WooCommerce Extra Feature
      * ————————–
      *
      * Replace “Free!” by a custom string
      *
      */
      function woo_my_custom_free_message() {
      return “Liên hệ”;
      }

      vào file funtion.php của theme nha

  3. Cho mình hỏi về Woocommerce?

    Ở cái phần giá ở dưới sản phẩm, thay vì giá mình không để giá mà mình ghi chữ liên hệ. Nhưng ở đây mình khôn ghi được, bạn chỉ giúp mình làm phần này nhé, thanks bạn.

    1. Chào bạn, để có thể hiển thị text cho sản phẩm không có giá thì bạn có thể dùng filter như bên dưới:

      function hocwp_wc_no_price_text($price) {
      	if(empty($price)) {
      		$price = 'Xin vui lòng liên hệ';
      	}
      	return $price;
      }
      add_filter('woocommerce_get_price_html', 'hocwp_wc_no_price_text');
      

      Bạn thêm code vào functions.php của giao diện hoặc bất kỳ chỗ nào có thể chạy được nha bạn.

  4. làm sao hiển thị sản phẩm bán chạy ? có thể code functions ko? có thì chỉ mình code ntn với! tks! mình đang làm dự án WP bán hàng.

    1. Chào bạn, để lấy được sản phẩm bán chạy trong WooCommerce, bạn có thể tham khảo danh sách shortcode của plugin này cung cấp:

      https://docs.woothemes.com/document/woocommerce-shortcodes/

      Ngoài ra, bạn cũng có thể viết truy vấn theo meta, để làm được cái này thì bạn phải biết code:

      https://wordpress.org/support/topic/how-to-get-woocommerce-best-selling-product-via-loop?replies=4

      1. cảm ơn bạn nhiều!
        mình làm cũng được được phần này rồi!
        Bạn có thể hướng dẫn mình làm sao để hiện quick view ngay trên hình sản phẩm và rating stars bên dưới sản phẩm hok ? mình đang vướng phần này @@

        1. Cái xem nhanh thì bạn có thể dùng plugin YITH WooCommerce Quick View:

          https://wordpress.org/plugins/yith-woocommerce-quick-view/screenshots/

          Trong vòng lặp của bạn thử dùng đoạn code bên dưới nhé:

          <div class="product-rating">
              <?php if ($average = $product->get_average_rating()) : ?>
                  <?php echo '<div class="star-rating" title="'.sprintf(__( 'Rated %s out of 5', 'woocommerce' ), $average).'"><span style="width:'.( ( $average / 5 ) * 100 ) . '%"><strong itemprop="ratingValue" class="rating">'.$average.'</strong> '.__( 'out of 5', 'woocommerce' ).'</span></div>'; ?>
              <?php endif; ?>
          </div>
          
          Nhớ là thêm biến toàn cục $product nhé.
          
          1. mà cái YITH WooCommerce Quick View này là bản lite bạn ơi! bản pro mới làm cho hoàn hảo được ! 🙂

        2. Đâu có bữa tiệc nào miễn phí hoàn toàn đâu bạn, người ta bỏ công sức ra viết code cũng phải để người ta kiếm cơm chứ :p.

          Nếu được thì bạn nên mua luôn bản pro để sử dụng.

          1. =)) cảm ơn bạn! bạn có thể giúp mình giải đáp phần này được ko?
            hiện mình đang cần làm cái back end để quản lý trang web bán hàng của cty! mà mình chưa có hướng giải quyết nó như thế nào.
            chỉ cần back end hiện được phần quản lý đơn đặt hàng, phần feedback và sđt, email của khách hàng thôi! làm trên WP mà mình mới tham gia vào wp nên cũng chưa biết giải quyết sao?
            Mong bạn giúp đỡ giải đáp! tks …! merry christmas 🙂

  5. Bạn ơi cho mình hỏi mình muốn thêm thuộc tính vào dưới chuyên mục! ví dụ muốn thêm thuộc tính nhà sản xuất, thương hiệu .v…v thì làm như nào b

    1. Chào bạn, trong sản phẩm bạn có thể thêm nhiều thông tin bổ sung, nhưng để nó hiển thị được theo ý của bạn thì e rằng bạn không biết code thì không làm được.

  6. Bác cho m hỏi m đăng sản phẩm nhiều biến thể với mỗi màu sẽ có 1 giá khác nhau.nhưng ở phần giá chung nó lại hiển thị 2 giá từ biến thể có giá thấp nhất đến biến thể có giá cao nhất.Giờ m chỉ muốn hiển thị biến thể có giá thấp nhất làm mặc định giá cho sản phẩm đó còn khi nào khách vào chọn màu khác mới hiển thị giá khác.Mong bác giúp e với ak
    Ảnh nó đây ak https://www.dropbox.com/s/6ebrfko59808wuk/FB_IMG_1456987069135.jpg

    1. Chào bạn, bạn có thể sử dụng những hook mà WooCommerce đã cung cấp sẵn cho người dùng:

      function hocwp_wc_single_product_summary(){
          global $product;
          echo 'SKU: ' . $product->get_sku();
      }
      add_action( 'woocommerce_single_product_summary', 'hocwp_wc_single_product_summary', 5 );
      
  7. Anh Cường cho em hỏi xíu…Trên Web em có một số sản phẩm em để giá = 0 thì nó hiển thị là Miễn Phí!. Có cách thay chữ Miễn Phí! bằng Liên Hệ hoặc Số điện thoại được không anh??

    Cám ơn!

    1. Bạn nhìn bên phải mục nhập giá giảm giá có dòng chữ đặt lịch (Schedule) trong khoảng thời gian nha bạn.

  8. sản phẩm của tôi có nhiều kích thước khác nhau khi hiện ở nọ sẽ hiện 2 giá thấp nhất và cao nhất vậy có sửa được ko ad ơi.

  9. Cho mình hỏi, sản phẩm biến thể mình giá mặc định đều bằng nhau thì có cách nào nhập giá mặc định không, vì sản phẩm biến thể mình không tìm được chổ nào nhập giá cả (chỉ có ở sản phẩm cơ bản thôi). Help me!!!

    1. Để có thể tạo được giá khác nhau cho các loại sản phẩm khác nhau thì bạn phải thêm Attributes cho sản phẩm trước. Bạn vào tạo sản phẩm mới, trong box Product data của WooCommerce, bạn chọn loại sản phẩm là Variable product. Tiếp đến, trong tab Attributes, bạn nhấn Add custom product attribute, điền vào Name và value, ví dụ Name bạn điền là Color thì Value bạn điền là Red|Black|White.

      Sau khi lưu xong Attributes thì bạn mới có thể vào tab Variations, chọn Add variation để thêm từng cái một hoặc chọn Create variations from all attributes để thêm toàn bộ thuộc tính, trong mỗi thuộc tính này bạn có thể cài đặt giá khác nhau, ví dụ khi người dùng chọn sản phẩm có màu đỏ thì giá khác, màu đen thì giá khác,…

      1. tiep tuc cau hoi cua anh tren … vd san pham em co cac bien nhu sau : Mau Sac ( Vàng , Đen ,Trắng , GOld ) , các gói bảo hành thêm ( 1 tháng 2 thagns 3 tháng ) các tình trạng ( 97% 98% ((% ) … Nếu tổng hợp add các biến thể này với nhau thì có tận tren 30 thuộc tính … vậy thì làm sao mình thêm giá khác cho từng sản phẩm nổi ạ … còn cách nào khác dể dàng hơn ko ạ …
        em đang bi rồi chỗ này ạ..hic

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *