Autosave: 20260423-172454
This commit is contained in:
parent
992a466f9c
commit
c5cad9853d
55
shop.php
55
shop.php
@ -44,26 +44,8 @@ foreach ($items as $item) {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
.cart-floating-btn {
|
||||
position: fixed;
|
||||
bottom: 30px;
|
||||
right: 30px;
|
||||
border-radius: 50%;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 24px;
|
||||
box-shadow: 0 4px 15px rgba(13,110,253,0.4);
|
||||
z-index: 1000;
|
||||
}
|
||||
.cart-badge {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
transform: translate(30%, -30%);
|
||||
}
|
||||
|
||||
|
||||
body { background-color: #f8f9fa; }
|
||||
|
||||
/* Hide scrollbar for category filter */
|
||||
@ -103,14 +85,24 @@ body { background-color: #f8f9fa; }
|
||||
</style>
|
||||
|
||||
<div class="container py-5">
|
||||
<div class="d-flex justify-content-between align-items-center mb-5 bg-white p-4 rounded-4 shadow-sm">
|
||||
<div>
|
||||
<h1 class="fw-bold text-primary mb-1"><i class="bi bi-shop me-2"></i><?= h(get_setting('company_name_' . current_lang(), app_name())) ?></h1>
|
||||
<p class="text-muted mb-0"><?= h(tr('اطلب الآن وسنقوم بتجهيز طلبك', 'Order now and we will prepare your request')) ?></p>
|
||||
</div>
|
||||
<div class="language-switcher">
|
||||
<a class="btn btn-sm <?= current_lang() === 'ar' ? 'btn-primary' : 'btn-light text-dark' ?> rounded-pill px-3" href="shop.php?lang=ar">AR</a>
|
||||
<a class="btn btn-sm <?= current_lang() === 'en' ? 'btn-primary' : 'btn-light text-dark' ?> rounded-pill px-3" href="shop.php?lang=en">EN</a>
|
||||
<!-- Sticky Header -->
|
||||
<div class="sticky-top bg-white p-3 rounded-4 shadow-sm mb-4" style="top: 15px; z-index: 1020;">
|
||||
<div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
|
||||
<div>
|
||||
<h2 class="fw-bold text-primary mb-1"><i class="bi bi-shop me-2"></i><?= h(get_setting('company_name_' . current_lang(), app_name())) ?></h2>
|
||||
<p class="text-muted mb-0 d-none d-sm-block" style="font-size: 0.9rem;"><?= h(tr('اطلب الآن وسنقوم بتجهيز طلبك', 'Order now and we will prepare your request')) ?></p>
|
||||
</div>
|
||||
<div class="d-flex align-items-center gap-2 gap-md-3">
|
||||
<button class="btn btn-primary rounded-pill px-3 px-md-4 py-2 position-relative shadow-sm fw-bold d-flex align-items-center gap-2" onclick="openCart()">
|
||||
<i class="bi bi-cart3 fs-5"></i>
|
||||
<span class="d-none d-md-inline"><?= h(tr('سلة المشتريات', 'Cart')) ?></span>
|
||||
<span class="badge bg-danger rounded-pill fs-6" id="cartCount">0</span>
|
||||
</button>
|
||||
<div class="language-switcher bg-light border rounded-pill p-1 d-flex">
|
||||
<a class="btn btn-sm <?= current_lang() === 'ar' ? 'btn-primary' : 'text-dark' ?> rounded-pill px-2 px-md-3 fw-bold" href="shop.php?lang=ar">AR</a>
|
||||
<a class="btn btn-sm <?= current_lang() === 'en' ? 'btn-primary' : 'text-dark' ?> rounded-pill px-2 px-md-3 fw-bold" href="shop.php?lang=en">EN</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -214,12 +206,7 @@ body { background-color: #f8f9fa; }
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<button class="btn btn-primary cart-floating-btn position-relative" onclick="openCart()">
|
||||
<i class="bi bi-cart3"></i>
|
||||
<span class="position-absolute badge rounded-pill bg-danger cart-badge border border-light" id="cartCount">
|
||||
0
|
||||
</span>
|
||||
</button>
|
||||
|
||||
|
||||
<!-- Cart Modal -->
|
||||
<div class="modal fade" id="cartModal" tabindex="-1" aria-hidden="true">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user