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-left-radius: 12px;
|
||||||
border-top-right-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; }
|
body { background-color: #f8f9fa; }
|
||||||
|
|
||||||
/* Hide scrollbar for category filter */
|
/* Hide scrollbar for category filter */
|
||||||
@ -103,14 +85,24 @@ body { background-color: #f8f9fa; }
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<div class="container py-5">
|
<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">
|
<!-- Sticky Header -->
|
||||||
<div>
|
<div class="sticky-top bg-white p-3 rounded-4 shadow-sm mb-4" style="top: 15px; z-index: 1020;">
|
||||||
<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>
|
<div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
|
||||||
<p class="text-muted mb-0"><?= h(tr('اطلب الآن وسنقوم بتجهيز طلبك', 'Order now and we will prepare your request')) ?></p>
|
<div>
|
||||||
</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>
|
||||||
<div class="language-switcher">
|
<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>
|
||||||
<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>
|
</div>
|
||||||
<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>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -214,12 +206,7 @@ body { background-color: #f8f9fa; }
|
|||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</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 -->
|
<!-- Cart Modal -->
|
||||||
<div class="modal fade" id="cartModal" tabindex="-1" aria-hidden="true">
|
<div class="modal fade" id="cartModal" tabindex="-1" aria-hidden="true">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user