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:

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:

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:

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:

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:

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 :

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 :

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 :

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.

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:

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: