Tạo box thông báo khuyến mại đẹp cho website

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

Chào các bạn, hôm nay mình hướng dẫn các bạn tạo box thông báo khuyến mại đẹp cho website như hình dưới nha:

Bài viết hướng dẫn thực hiện trên theme Flatsome, sử dụng Woocommerce.

Giuseart.com---CHèn-box-khuyến-mại
Giuseart.com – Chèn box khuyến mại đẹp cho website

Bước 1: Thêm code HTML vào vị trí cần chèn

Bạn muốn chèn box khuyến mại vào đâu thì sẽ tìm vị trí đó sẵn sàng để chuẩn bị copy đoạn HTML vào đó nha.

Giuseart.com---CHèn-box-khuyến-mại

Theo như hình trên, box thông báo khuyến mại sẽ nằm giữa mô tả ngắn và cụm nút Add to cart. Do đó, cách nhanh nhất để thêm HTML vào sẽ là:

Trong theme Flatsome, bạn vào Giao diện -Tùy biến – Woocommerce (shop) – Product Page – HTML before Add to cart. Sau đó copy toàn bộ đoạn code HTML dưới đây paste vào đó:

Bạn có thể chỉnh sửa nội dung bằng cách thay text trong các thẻ <li> bên trên nha!

Bước 2: Thêm code CSS để trang trí

Bạn vào Giao diện – Tùy biến – Style – Custom CSS sau đó thêm đoạn code CSS dưới đây vào:

Bước 3: Lưu lại và hưởng thành quả

Chúc các bạn thành công, nếu gặp khó khăn gì vui lòng comment để tương tác và mình hỗ trợ sớm nhé!

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