Trang web

Trong tài liệu này, bạn sẽ tìm thấy nhiều đoạn mã ngắn hữu ích để tùy chỉnh giao diện và chức năng của Composite Products.

Để sử dụng một đoạn mã, bạn có thể tải xuống tệp được liên kết và kích hoạt nó như bạn sẽ làm với bất kỳ plugin nào khác. Hoặc, bạn có thể sao chép mã chứa trong tệp vào con theme’s functions.php file.

Note : Chúng tôi không thể cung cấp hỗ trợ cho việc tùy chỉnh theo Chính sách hỗ trợ của chúng tôi. Nếu bạn cần tùy chỉnh một đoạn mã, hoặc mở rộng chức năng của nó, hãy tìm sự giúp đỡ từ một lập trình viên WordPress/WooCommerce chuyên nghiệp. Chúng tôi đặc biệt khuyến nghị Codeable , hoặc một Certified WooExpert .

Components & Component Options

Change the default component options sort order

Để thay đổi thứ tự sắp xếp mặc định của Component Options, bạn có thể sử dụng bộ lọc woocommerce_composite_component_default_orderby .

Ví dụ, để thay đổi tùy chọn sắp xếp Component Options mặc định từ “Sắp xếp mặc định” thành “Sắp xếp theo giá”, hãy sử dụng đoạn mã sau:

Xem trên Github

Theo mặc định, nếu bạn sử dụng phương pháp “Chọn sản phẩm” để nhập Component Options, tùy chọn Default sorting sẽ sắp xếp sản phẩm theo thứ tự họ đã được nhập trong trường Component Options.

Để làm cho tùy chọn Default sorting hoạt động dựa trên menu_order thay vì, sử dụng đoạn mã sau:

Xem trên Github

Tương tự, để làm cho tùy chọn Default sorting hoạt động dựa trên product title , hãy sử dụng đoạn mã sau:

Xem trên Github

Change the component options thumbnail columns count

Số cột Component Options khi sử dụng cài đặt Thumbnails có thể được thay đổi bằng cách sử dụng bộ lọc woocommerce_composite_component_loop_columns . Đoạn mã sau là một ví dụ đơn giản về việc đặt số cột hình thu nhỏ sản phẩm thành 2:

Xem trên Github

Change the component options thumbnails per page

Số lượng Component Options được tải trên mỗi trang khi sử dụng cài đặt Thumbnails có thể được thay đổi bằng cách sử dụng bộ lọc woocommerce_component_options_per_page . Đoạn mã sau được sử dụng để đặt số kết quả thành 12:

Xem trên Github

Grey-out disabled component options when using Scenarios

Khi sử dụng Scenarios để Ẩn Component Options , sản phẩm và biến thể không tương thích sẽ hidden theo mặc định.

Để grey-out , thay vì ẩn chúng, bạn có thể sử dụng bộ lọc woocommerce_component_options_hide_incompatible :

Xem trên Github

Enable/disable the toggle-box component view

Theo mặc định, Components được hiển thị trong toggle-boxes khi sử dụng giao diện Progressive .

Hành vi này có thể được thay đổi bằng cách sử dụng bộ lọc woocommerce_composite_component_toggled . Ví dụ, bạn có thể sử dụng bộ lọc để disable the toggle-box view completely :

Xem trên Github

Hoặc, bạn có thể muốn kích hoạt chế độ xem toggle-box khi chỉ sử dụng giao diện Stacked :

Xem trên Github

Require Components to be configured in sequence when using the Componentized layout

Theo mặc định, giao diện Componentized không yêu cầu Components phải được cấu hình theo trình tự. Sử dụng đoạn mã này sẽ mô phỏng hành vi của giao diện Stepped, nơi mà việc truy cập vào một Component chỉ có thể nếu tất cả các Components trước đó đã được cấu hình.

Xem trên Github

Add a permalink to the selected component option’s product page

Để thêm một liên kết tĩnh vào phần chọn component option mà đường dẫn tới trang sản phẩm, hãy sử dụng đoạn mã sau:

Xem trên Github

Always display the “Choose an option” placeholder dropdown option and the “Clear Selection” button

Khi bạn sử dụng phong cách Dropdown mà không xác định một Default Option , một tùy chọn trình giữ chỗ “Chọn một tùy chọn” được thêm vào đầu menu drop-down. Tùy chọn trình giữ chỗ này được bỏ qua khi một tùy chọn mặc định được xác định trừ khi Component là Optional .

Hiển thị của nút Clear Selection cũng tuân theo cùng một quy tắc – khi xác định một tùy chọn mặc định, nút Clear Selection không hiển thị, trừ khi Component là Optional .

Để ghi đè lên hành vi này, hãy sử dụng đoạn mã sau:

Xem trên Github

Make the selected component option show up at the top of the component

Khi bạn sử dụng tùy chọn phân trang Load More , tùy chọn component được chọn hiển thị giữa các component option.

Để làm cho tùy chọn component được chọn hiển thị ở đầu component thay vì, hãy sử dụng đoạn mã sau:

Xem trên Github

Hide out of stock component options

Để ẩn sản phẩm hết hàng khỏi việc hiển thị trong components:

  1. Điều hướng tới WooCommerce > Settings > Products > Inventory.
  2. Check the Hide out of stock items from the catalog .

Khi tùy chọn này được kích hoạt, sản phẩm hết hàng được ẩn trong Shop Archives cũng vậy. Để ẩn sản phẩm hết hàng bên trong components chỉ, hãy sử dụng đoạn mã sau:

Xem trên Github

Automatically select the remaining available variation in a component

Nếu bạn đã

Leave a Reply

Your email address will not be published. Required fields are marked *

preloader