Trang chủ / Mã hiển thị / Danh sách
HT-02 Thẻ deal
- Mã
- HT-02
- Nhóm
- Danh sách
- Dùng khi
- Đang giảm giá thật: nhãn %, giá gạch, thanh đã bán
- Đặt ở
- Khối "Đang giảm"
XEM THỬ CHẠY THẬT · DỮ LIỆU VÍ DỤĐổi màu theo site
Bấm thử vào sản phẩm để xem sự kiện ht:click.
Sản phẩm, giá, số sao, số đã bán và đồng hồ đếm ngược trong bản xem thử là dữ liệu ví dụ để xem bố cục, không phải sản phẩm thật. Trên site của bạn, chỉ dùng số liệu thật.
Đoạn mã gọi HT-02
<div data-ht="HT-02"
data-ht-src="#san-pham"></div>Hoặc gọi bằng JavaScript: HTKit.render(vung, 'HT-02', mangSanPham, {cta: 'Xem giá'})
Trước đó, làm một lần cho cả site
Nạp bộ mã:
<link rel="stylesheet" href="/htkit.css">
<script src="/htkit.js" defer></script>Khai danh sách sản phẩm:
<script type="application/json" id="san-pham">
[{"id":"q1","name":"Tên sản phẩm",
"price":489000,"oldPrice":650000,
"img":"anh.webp","url":"LINK-AFF",
"rating":4.8,"sold":3200}]
</script>Đổi màu theo site: :root{--ht-accent:#d3306b}. Mọi link có rel="nofollow sponsored noopener"; mỗi lần bấm phát sự kiện ht:click kèm {code, id, name, url}.