Hướng dẫn sửa bộ lọc mặc định Woocommerce giống thế giới di động

Đóng góp bởi: Lê Thiện 289 lượt xem Đăng ngày 15/06/2023

Chào các bạn, mình đang làm một trang web Flatsome + Woocommerce, tới trang danh mục sản phẩm muốn tùy biến bộ lọc mặc định của Woocommerce cho giống với trang Thế giới di động. Thật may mắn là tham khảo được một số bài hướng dẫn trên mạng, làm theo và OK. Vậy, giờ mình chia sẻ lại cho những bạn nào chưa biết nhé!

Các bạn xem hình ảnh dưới đây để biết thứ mà mình muốn làm nhé!

Toptheme – Sửa bộ lọc mặc định của Woocommerce

Nào chúng ta cùng bắt tay làm nhé!

Bước 1: Xóa bộ lọc mặc định của Woocommerce

Các bạn copy code dưới đây, bỏ vào file function.php nhé! Giao diện – Sửa – Function.php

Bước 2: Thêm bộ lọc mới giống Thế Giới Di Động

Các bạn thực hiện copy toàn bộ code dưới đây vào file function.php nhé! Giao diện – Sửa – Function.php

Bước 4: Thêm CSS trang trí cho bộ lọc

Bước cuối cùng, bạn copy toàn bộ code CSS dưới đây, paste vào Giao diện – Tùy biến – Style – Custom CSS

Bước 5: Lưu lại và xem thành quả

Các bạn thực hiện lưu lại và ra xem thành quả nhé! Chúc các bạn thành công!

Trả lời

Email 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 *

Mẫu web mới đăng

Mời bạn xem một số mẫu web mới đăng của Toptheme.info | NinhBinhweb