Hướng dẫn tạo khung khuyến mãi đẹp trong flatsome

Chèn code vào trước add to cart

Bước 1:

Dán đoạn css này vào mục thêm css (additional Css) của mục tùy biến (customize).

Hình ảnh thuộc sở hữu của trang web qnet88.com
.khuyen-mai-qnet88 { margin-bottom: 2px; margin-top: 2px; background: white; padding: 10px; border-radius: 5px; border: 1px solid #ef0b0b; font-size: 15px; width: 100%; }
// Giải thích: Tạo khung có border đỏ cho phần khuyến mại
.khuyen-mai-qnet88 .tieu-de { background: #e31616; padding: 2px 20px; margin-top: -24px; font-size: 15px; font-weight: 500; color: #ffffff; display: block; max-width: 207px; border-radius: 99px; }
// Giải thích: Tạo ô tiêu đề
.khuyen-mai-qnet88 ul {
margin-bottom: 4px;
list-style-image: url(https:qnet88.com/tick.png); /* nút hình ảnh dấu tick, lấy cái nào thì google nhé.*/
/* Giải thích: Tạo dấu tick cho mỗi dòng khuyến mại*/
}

Bước 2:

Chèn tiếp đoạn html này vào trước hoặc sau add to cart. như hình minh họa phía dưới.

/* Code để hiện ra khuyến mại*/
<div class=”khuyen-mai-qnet88″> <span class=”tieu-de”><i class=”icon-gift”></i> ƯU ĐÃI LỚN</span>
<strong>Để chúng tôi hỗ trợ bạn nhanh nhất:</strong><br>
1. Chiết khấu cao cho đơn hàng doanh nghiệp, đơn hàng lớn<br>
2. Giao hàng miễn phí trong nội thành.<br>
3. Thanh toán khi nhận hàng.<br>
4. Thiết kế logo theo yêu cầu tặng khách hàng.<br>
5. Hàng cam kết chuẩn, chính hãng.
</div>
Dành cho các bạn thích ăn sẵn.
Hình ảnh thuộc sở hữu của trang web qnet88.com