WooCommerce: Hiển thị Danh mục sản phẩm trong Dropdown Select

Đã có một cách giúp bạn tạo “Danh mục sản phẩm woocommerce trong Dropdown” tại các thanh bên (sidebars). Sidebars đã trở nên phổ biến vào năm 1990. Vì vậy, điều gì sẽ xảy ra nếu bạn muốn đặt “Hộp chọn danh mục” ở bất kỳ đâu trong trang web WooCommerce của mình? Rất tuyệt vời đúng không? Khách hàng của bạn sẽ không cần phải mất quá nhiều thao tác để đi qua một danh mục khác.

Trong đoạn mã này, tôi sẽ học được rất nhiều điều. Ví dụ: hàm wc_product_dropdown_categories() hiển thị cách danh mục thả xuống, trong khi hàm wc_enqueue_js() cho phép bạn chèn jQuery (chịu trách nhiệm kích hoạt chuyển hướng trang danh mục).

Hiển thị Danh mục sản phẩm trong Dropdown Select

Đây là “Công cụ chuyển đổi danh mục sản phẩm” của tôi đang hoạt động trên các trang Danh mục sản phẩm. Ngay sau khi một danh mục khác được chọn, một chuyển hướng sẽ diễn ra.

 

Đoạn mã PHP: Hiển thị danh mục sản phẩm trong dropdown và chuyển hướng khi lựa chọn

Xin lưu ý trong phần “location.href”, bạn phải đảm bảo rằng bạn nhập chính xác cơ sở liên kết cố định cho các danh mục sản phẩm, nếu không bạn sẽ gặp lỗi 404. Trong trường hợp này, tôi đang sử dụng liên kết cố định danh mục sản phẩm mặc định, “/product-category/“.

[code]

add_action( ‘woocommerce_before_shop_loop’, ‘bbloomer_filter_by_tag’, 31 );

function bbloomer_filter_by_tag() {
if ( is_product_category() ) {
wc_product_dropdown_categories();
}
wc_enqueue_js( ”
$(‘#product_cat’).change(function () {
location.href = ‘/product-category/’ + $(this).val();
});
” );
}

[/code]

Thêm đoạn mã này vào đâu?

Bạn có thể đặt các đoạn mã PHP ở cuối tệp functions.php chủ đề con của mình (trước “?>” Nếu bạn có). Mặt khác, CSS có trong tệp style.css chủ đề con của bạn.

Đoạn mã này (vẫn) hoạt động chứ?

Vui lòng cho tôi biết trong phần bình luận nếu mọi thứ hoạt động như mong đợi. Tôi rất sẵn lòng sửa đổi đoạn mã nếu bạn có góp ý phù hợp (vui lòng cung cấp ảnh chụp màn hình).

Dịch vụ thiết kế website chuyên nghiệp tại Web MTP

Liên hệ ngay với chúng tôi nếu bạn đang gặp khó khăn trong việc thiết kế web nhé!

Website: https://webmtp.com/

Hotline: 0931 912 379

WooCommerce: Thêm Khu vực bán hàng vào Trang thanh toán

Viết bình luận





Mời bạn xem nhiều bài hấp dẫn khác

Phương pháp SEO tăng thứ hạng của website trên Google

Tìm hiểu phương pháp chọn từ khóa chuẩn SEO

Plugin giúp bảo mật website WordPress

Tăng trust website hiệu quả bằng 100 backlink chất lượng đến từ Google

Cách chăm sóc website hiệu quả

Cách tạo nút gọi trên website WordPress

Mời bạn đọc thêm

Phương pháp SEO tăng thứ hạng của website trên Google

Tìm hiểu phương pháp chọn từ khóa chuẩn SEO

Plugin giúp bảo mật website WordPress

Tăng trust website hiệu quả bằng 100 backlink chất lượng đến từ Google

Cách chăm sóc website hiệu quả

Cách tạo nút gọi trên website WordPress