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 .
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:
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:
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:
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 :
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.
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:
Để ẩn sản phẩm hết hàng khỏi việc hiển thị trong components:
Điều hướng tới WooCommerce > Settings > Products > Inventory.
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:
English
