This commit is contained in:
2026-03-10 15:07:29 +07:00
parent e2189983f6
commit 1f599a859b
52 changed files with 4136 additions and 1811 deletions

View File

@@ -102,10 +102,10 @@
<span class="text-white text-sm font-semibold">Đăng nhập</span>
</div>
<div class="flex items-center gap-[10px] cursor-pointer">
<a href="/cart" class="flex items-center gap-[10px] cursor-pointer">
<img src="{{ 'icon_arrow_next.svg' | asset_url }}" alt="" class="w-[20.844px] h-[18.688px]" />
<span class="text-white text-sm font-semibold">Giỏ hàng</span>
</div>
</a>
<div id="btn-showroom"
class="bg-[#b70061] h-8 rounded-full flex items-center justify-between pl-[11px] pr-[7px] w-[199px] cursor-pointer select-none"
@@ -263,4 +263,29 @@
</div>
</header>
<div id="overlay" class="hidden fixed inset-0 bg-black/30 z-40" onclick="closeAll()"></div>
<div id="overlay" class="hidden fixed inset-0 bg-black/30 z-40" onclick="closeAll()"></div>
<!-- Cart popup modal (global) -->
<div id="cart-popup" class="hidden fixed inset-0 z-[999] items-center justify-center bg-black/40" style="display:none">
<div class="bg-white rounded-[12px] p-5 w-[400px] flex flex-col gap-4 shadow-2xl">
<div class="flex items-center gap-2">
<div class="w-6 h-6 rounded-full bg-[#35b327] flex items-center justify-center shrink-0">
<svg class="w-4 h-4" fill="none" stroke="white" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7" />
</svg>
</div>
<p class="text-[15px] font-semibold text-[#35b327]">Đã thêm sản phẩm vào giỏ hàng!</p>
</div>
<div class="flex items-center gap-3 py-1">
<img id="cart-popup-img" src="" alt="" class="w-16 h-16 rounded-[4px] object-cover border border-[#ebebeb] shrink-0" />
<div class="flex-1 min-w-0">
<p id="cart-popup-name" class="text-[13px] font-semibold text-black line-clamp-2"></p>
<p id="cart-popup-price" class="text-[14px] font-bold text-[#e40000] mt-1"></p>
</div>
</div>
<div class="flex items-center gap-3">
<button onclick="closeCartPopup()" class="flex-1 h-10 rounded-[4px] border border-[#d0d0d0] text-[13px] font-medium text-[#333] hover:bg-gray-50">Tiếp tục mua sắm</button>
<a href="/cart" class="flex-1 h-10 rounded-[4px] bg-[#0084ff] text-white text-[13px] font-medium inline-flex items-center justify-center hover:bg-[#0066cc]">Xem giỏ hàng</a>
</div>
</div>
</div>