Tạo khung khuyến mãi đẹp trong Flatsome

Bài viết này Themewp.vn sẽ hướng dẫn bạn tạo khung khuyến mãi đẹp trong trang sản phẩm khi dùng Theme Flatsome. Giúp trang trí website bán hàng của bạn cũng như là thu hút khách hàng hơn. Hiện tại với 2 nền tảng cho phép can thiệp và thay đổi giao diện trang sản phẩm như UX builder hoặc elementor, thì việc thêm hoặc design mới trang sản phẩm không còn là vấn đề gì đó khó khăn nữa.

Tạo khung khuyến mãi đẹp trong Flatsome

Tạo khung khuyến mãi đẹp trong Flatsome

Bước 1: Chèn code HTML vào trang product

Các bạn hãy truy cập đường dẫn Giao diện -> Tuỳ biến -> Woocommerce -> Product Page và kéo xuống dưới cùng để thêm đoạn code vào mục HTML after Add To Cart button

Code HTML:

Bước 2: Thêm code CSS để làm đẹp khung khuyến mãi

Các bạn có thể chèn đoạn code css này vào file style.css hoặc theo đường dẫn Giao diện -> Tuỳ biến -> Add CSS

Vậy là xong rồi, các bạn hãy clear cache, F5lại và tận hưởng thành quả nhé.

5/5 - (2 bình chọn)
facebook-icon
zalo-icon
zalo-icon