Chèn label % giảm giá xuống dưới giá sản phẩm trong trang danh mục sản phẩm Woocommerce

Đóng góp bởi: Đinh Văn Tuấn Anh 229 lượt xem Đăng ngày 15/06/2023

Bài viết hướng dẫn các bạn thực hiện việc chèn label % giảm giá xuống phía dưới cụm giá sản phẩm trong loop sản phẩm trang danh mục Woocommerce. Các bạn theo dõi và làm theo nhé!

Bài viết thực hiện demo trên theme Flatsome, các theme khác tương tự hoặc nếu có lỗi xảy ra vui lòng báo mình biết nhé!

Link demo: https://mypham3.ninhbinhweb.site/

Bước 1: Sửa file function.php

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

Copy – Paste xong bạn thực hiện Lưu thay đổi để áp dụng code nhé.

Bước 2: Trang trí với CSS

Các bạn copy đoạn code CSS dưới đây và paste vào phần custom css của theme nhé. Đối với theme Flatsome thì: Giao diện – tùy biến – style – custom css:

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