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

4150 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

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:

Bạn ra xem trang chủ hoặc trang danh mục sản phẩm để thấy sự thay đổi chưa nhé!

Chúc các bạn thành công^^

5/5 - (1 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:

3 thoughts on “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

  1. Chi says:

    Cảm ơn bạn. Làm ơn cho hỏi cách chuyển vị trí hiển thị giá sale đứng trước giá thường như hình với bạn ơi

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 *

Trang chủ
Tìm kiếm
Lên trên
Chia sẻ
Tải lại
Bình luận