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

7621 lượt xem
Mẹo nhỏ: Để tìm kiếm chính xác các ấn phẩm của GiuseArt.com, hãy search trên Google với cú pháp: "Từ khóa" + "giuseart". (Ví dụ: thiệp tân linh mục giuseart). Tìm kiếm ngay

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é!

Giuseart.com---Sửa-bộ-lọc-mặc-định-của-woocommerce
Giuseart.com – 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 3: 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 4: 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!

Giuseart.com---Sửa-bộ-lọc-mặc-định-của-woocommerce
Giuseart.com—Sửa-bộ-lọc-mặc-định-của-woocommerce
4/5 - (4 bình chọn)
Chia sẻ bài viết:

Thông báo chính thức: Ninh Bình Web (thuộc GiuseArt) không hợp tác với bất kỳ ai để bán giao diện Wordpress và cũng không bán ở bất kỳ kênh nào ngoại trừ Facebookzalo chính thức.

Chúng tôi chỉ support cho những khách hàng mua source code chính chủ. Tiền nào của nấy, khách hàng cân nhắc không nên ham rẻ để mua phải source code không rõ nguồn gốc và không có support về sau! Xin cám ơn!

Thẻ tìm kiếm:

Bài viết mới cập nhật:

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 *