add price policy

This commit is contained in:
Phuoc Nguyen
2025-11-03 11:20:09 +07:00
parent c0527a086c
commit 21c1c3372c
53 changed files with 7160 additions and 2361 deletions

View File

@@ -8,6 +8,20 @@
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<style>
.quantity-label {
font-size: 12px;
color: var(--text-muted);
font-weight: 500;
}
.conversion-text {
font-size: 11px;
color: var(--text-muted);
margin-top: 4px;
text-align: center;
}
</style>
<body>
<div class="page-wrapper">
<!-- Header -->
@@ -51,13 +65,14 @@
</button>
<span class="text-small text-muted" style="margin-left: 8px;"></span>
</div>
<div class="text-small text-muted">(Quy đổi: <strong>28 viên</strong> / <strong>10.08 m²</strong>)</div>
</div>
</div>
<div class="cart-item">
<img src="https://images.unsplash.com/photo-1565193566173-7a0ee3dbe261?w=80&h=80&fit=crop" alt="Product" class="cart-item-image">
<div class="cart-item-info">
<div class="cart-item-name">Gạch granite nhập khẩu</div>
<div class="cart-item-name">Gạch granite nhập khẩu 1200x1200</div>
<div class="text-small text-muted">Mã: ET-GR8080</div>
<div class="cart-item-price">680.000đ/m²</div>
<div class="quantity-control">
@@ -70,13 +85,14 @@
</button>
<span class="text-small text-muted" style="margin-left: 8px;"></span>
</div>
<div class="text-small text-muted">(Quy đổi: <strong>11 viên</strong> / <strong>15.84 m²</strong>)</div>
</div>
</div>
<div class="cart-item">
<img src="https://images.unsplash.com/photo-1600607687644-aac4c3eac7f4?w=80&h=80&fit=crop" alt="Product" class="cart-item-image">
<div class="cart-item-info">
<div class="cart-item-name">Gạch mosaic trang trí</div>
<div class="cart-item-name">Gạch mosaic trang trí 750x1500</div>
<div class="text-small text-muted">Mã: ET-MS3030</div>
<div class="cart-item-price">320.000đ/m²</div>
<div class="quantity-control">
@@ -89,6 +105,7 @@
</button>
<span class="text-small text-muted" style="margin-left: 8px;"></span>
</div>
<div class="text-small text-muted">(Quy đổi: <strong>5 viên</strong> / <strong>5.625 m²</strong>)</div>
</div>
</div>
@@ -111,11 +128,11 @@
<h3 class="card-title">Thông tin đơn hàng</h3>
<div class="d-flex justify-between mb-2">
<span>Tạm tính (30 m²)</span>
<span>16.700.000đ</span>
<span>17.107.200đ</span>
</div>
<div class="d-flex justify-between mb-2">
<span>Giảm giá Diamond (-15%)</span>
<span class="text-success">-2.505.000đ</span>
<span class="text-success">-2.566.000đ</span>
</div>
<div class="d-flex justify-between mb-2">
<span>Phí vận chuyển</span>
@@ -124,7 +141,7 @@
<div style="border-top: 1px solid var(--border-color); padding-top: 12px; margin-top: 12px;">
<div class="d-flex justify-between">
<span class="text-bold" style="font-size: 16px;">Tổng cộng</span>
<span class="text-bold text-primary" style="font-size: 18px;">14.195.00</span>
<span class="text-bold text-primary" style="font-size: 18px;">14.541.12</span>
</div>
</div>
</div>