-
Notifications
You must be signed in to change notification settings - Fork 5
/
header.php
240 lines (229 loc) · 19.7 KB
/
header.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
<?php
//session_start();
include 'app/action.php';
if (isset($_SESSION['message'])){
echo $_SESSION['message'];
unset($_SESSION['message']);
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>online shop</title>
<link href="assets/img/13e7bddc-3c00-45ff-b8a4-84901b6e9b80.png" rel="icon">
<link href="assets/img/13e7bddc-3c00-45ff-b8a4-84901b6e9b80.png" rel="apple-touch-icon">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
<link rel="stylesheet" href="assets/css/Vazir.css">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="assets/css/addres.css">
<link rel="stylesheet" href="assets/css/Contact-Form-Clean.css">
<link rel="stylesheet" href="assets/css/filter.css">
<link rel="stylesheet" href="assets/css/product.css">
<link rel="stylesheet" href="assets/css/home.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.8/swiper-bundle.min.css">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/Simple-Slider.css">
<link rel="stylesheet" href="assets/css/untitled.css">
<!-- new add -->
<link rel="stylesheet" href="extracss.css">
<script src="assets/js/jquery.min.js"></script>
</head>
<body id="page-top" >
<div id="wrapper" style="height: 100%;width: 100%;">
<div class="d-flex flex-column" id="content-wrapper" >
<div id="content">
<!-- Start: nav1 header -->
<nav class="navbar navbar-light navbar-expand bg-white d-flex justify-content-center align-items-center mb-4 topbar static-top">
<div class="container-fluid">
<ul class="navbar-nav">
<!-- Start: bascet cart -->
<li class="nav-item d-flex dropdown no-arrow mx-1"><a class="nav-link" href="#"><span class="badge bg-warning badge-counter" id="cart_badge_item_num" >+</span><i class="fas fa-shopping-cart fa-fw"></i></a>
<!-- Start: dropdown_bascet -->
<div class="nav-item dropdown no-arrow" id="cart_dropdown" >
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" ></a>
<div class="dropdown-menu dropdown-list animated--grow-in" id="cart_dropdown_menu">
<h6 class="dropdown-header" id="cart_dropdown_header"></h6>
<ul class="list-unstyled d-block" id="cart_dropdown_list">
<!-- Start: items -->
<!-- End: items -->
</ul>
<a class="dropdown-item text-center small text-gray-500" href="cart.php" >مشاهده سبد خرید</a>
</div>
</div>
<!-- End: dropdown_bascet -->
</li>
<!-- End: bascet cart -->
<div class="d-none d-sm-block topbar-divider"></div>
<!-- Start: user nave -->
<li class="nav-item d-flex d-sm-flex d-md-flex d-lg-flex d-xl-flex d-xxl-flex justify-content-center align-items-center justify-content-md-center align-items-md-center dropdown no-arrow">
<!-- Start: not login -->
<div id="notloginpart" style="display: none!important;" class="text-nowrap d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-sm-center align-items-sm-center justify-content-md-center align-items-md-center"><a class="d-inline-flex justify-content-md-center align-items-md-center justify-content-lg-center align-items-lg-center" href="login_form.php"><span class="d-none d-print-inline d-sm-inline d-md-inline d-lg-inline d-xl-inline d-xxl-inline">ثبت نام / <br></span><span>ورود</span><i class="far fa-edit d-flex align-items-center" style="margin-left: 10px;"></i></a></div>
<!-- End: not login -->
<!-- Start: log in -->
<div id="loginpart" style="display: none!important" class="nav-item dropdown no-arrow"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#"><span class="d-none d-lg-inline me-2 text-gray-600 small" id="header_userfname">name</span><i class="fa fa-user-o" style="color: var(--bs-gray-dark);font-size: 22px;"></i></a>
<div class="dropdown-menu shadow dropdown-menu-end animated--grow-in" >
<a class="dropdown-item" href="profile.php"><i class="fas fa-user" id="profile_menu_ddn"></i> پروفایل کاربری</a>
<a class="dropdown-item" id="profile_menu_ddn" href="#"><i class="fas fa-cogs" id="profile_menu_ddn"></i> ویرایش اطلاعات</a>
<a class="dropdown-item" href="#"><i class="fas fa-donate" id="profile_menu_ddn"></i>تخفیف های من</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="logout.php"><i class="fas fa-sign-out-alt" id="profile_menu_ddn"></i> خروج از حساب</a>
</div>
</div>
<!-- End: log in -->
</li>
<!-- End: user nave -->
<!-- Start: drup down shearching -->
<li class="nav-item dropdown d-md-none d-lg-none d-xl-none d-xxl-none no-arrow"><a aria-expanded="false" data-bs-toggle="dropdown" class="dropdown-toggle nav-link" href="#"><i class="fas fa-search" style="color: var(--bs-yellow);"></i></a>
<div class="dropdown-menu dropdown-menu-end p-3 animated--grow-in" aria-labelledby="searchDropdown" style="left: 4%;min-width: 260px;">
<form id="serching_keyword_form" class="navbar-search w-100 shkw_ph">
<div class="input-group"><input id="sherching_keyword_mo" type="text" class="bg-light form-control border-0 small" placeholder=" جست وجو در کالاها" style="box-shadow: none;" />
<div class="input-group-append"><button class="btn btn-primary" id="homeshbu" type="button"><i class="fas fa-search"></i></button></div>
</div>
<div class="serching_keyword_mo">
<ul id="serching_keyword_list_mo" class="list-unstyled serching_keyword_list">
<!--<li class="d-flex serching_keyword_item"><a>Link</a><i class="fa fa-search order-first"></i></li>-->
</ul>
</div>
</form>
</div>
</li>
<!-- End: drup down shearching -->
</ul>
<!-- Start: shearch_form -->
<form class="d-none d-sm-none d-md-inline ms-md-3 my-2 my-md-0 mw-100 navbar-search shkw_pc" id="serching_keyword_form">
<div class="input-group"><input id="sherching_keyword" type="text" class="bg-light form-control border-0 small" placeholder="جست وجو در کالاها" /><button class="btn btn-primary" id="homeshbu" style="margin: 0px;"><i class="fas fa-search"></i></button></div>
<div class="serching_keyword">
<ul id="serching_keyword_list" class="list-unstyled serching_keyword_list">
<!--<li class="d-md-flex align-items-md-center serching_keyword_item">Item 1<i class="fa fa-search order-first"></i></li>-->
</ul>
</div>
</form>
<!-- End: shearch_form -->
<!-- Start: logo -->
<div><img id="shop_logo" src="assets/img/13e7bddc-3c00-45ff-b8a4-84901b6e9b80.png"></div>
<!-- End: logo -->
<!-- Start: catgory mobile mood -->
<header class="text-end d-md-flex d-lg-none d-xl-none d-xxl-none justify-content-md-end" style="position: relative;z-index: 200;">
<button onclick = 'mobile_menu_button()' class="btn btn-primary" id="mobile_menu_button" type="button"><i class="fa fa-navicon" style="padding: 10px;color: #f4ae00;"></i></button>
<button onclick = 'mobile_menu_button2()' class="btn btn-primary" id="mobile_menu_button2" type="button" style="overflow: auto;position: fixed;background: rgba(0,0,0,0.24);top: 0;width: 100%;height: 100%;bottom: 0;z-index: 200;left: 0;display: none;box-shadow: none;border: none;"></button>
<div id="mobile_mod_catgori_menu">
<div class="shadow-lg" id="mmcmenu">
<!-- Start: logo -->
<div class="d-md-flex justify-content-md-center"><img id="shop_logo" src="assets/img/13e7bddc-3c00-45ff-b8a4-84901b6e9b80.png"></div>
<!-- End: logo -->
<hr>
<!-- Start: mobile mod catgory list 1 -->
<ul class="list-unstyled text-end">
<!-- Start: dasteha -->
<li class="dastehali">
<div onclick="diplay_state('dastehalist')" class="d-flex justify-content-md-end align-items-md-center" ><i class="fas fa-angle-down me-auto" style="margin-left: 10px;"></i>
<p style="margin: 0px;">دسته ها</p><i class="fas fa-sitemap" style="margin-left: 10px;color: var(--bs-dark);"></i>
</div>
<div id="dastehalist">
<ul class="list-unstyled">
<?php foreach (get_categories() as $id => $name){echo '
<li>
<a href="filters.php?categori='.$id.'">
<div style="padding: 5px;"><span>'.$name.'</span><i class="fa fa-caret-left" style="margin-left: 5px;"></i></div>
</li>
</a>
';} ?>
</ul>
</div>
</li>
<!-- End: dasteha -->
<!-- Start: list items -->
<li class="d-flex justify-content-end" style="margin-right: 10px;margin-top: 16px;margin-bottom: 16px;cursor: pointer;">
<div class="d-flex justify-content-md-end align-items-md-center">
<p style="margin: 0px;">لیست کالای ذخیره</p><i class="fa fa-bookmark-o" style="margin-left: 10px;color: var(--bs-green);"></i>
</div>
</li>
<!-- End: list items -->
<!-- Start: list items -->
<li class="d-flex justify-content-end" style="margin-right: 10px;margin-top: 16px;margin-bottom: 16px;cursor: pointer;">
<div class="d-flex justify-content-md-end align-items-md-center">
<p style="margin: 0px;">تخفیفات</p><i class="fa fa-percent" style="margin-left: 10px;color: var(--bs-red);"></i>
</div>
</li>
<!-- End: list items -->
<!-- Start: list items -->
<li class="d-flex justify-content-end" style="margin-right: 10px;margin-top: 16px;margin-bottom: 16px;cursor: pointer;">
<div class="d-flex justify-content-md-end align-items-md-center">
<p style="margin: 0px;">پیشنهادات من</p><i class="fa fa-archive" style="margin-left: 10px;color: #633a11;"></i>
</div>
</li><!-- End: list items -->
<!-- Start: list items -->
<li class="d-flex justify-content-end" style="margin-right: 10px;margin-top: 16px;margin-bottom: 16px;cursor: pointer;">
<div class="d-flex justify-content-md-end align-items-md-center"><a href="product.html">صفحه محصول</a><i class="fa fa-desktop" style="margin-left: 10px;color: #111111;"></i></div>
</li><!-- End: list items -->
<!-- Start: list items -->
<li class="d-flex justify-content-end" style="margin-right: 10px;margin-top: 16px;margin-bottom: 16px;cursor: pointer;">
<div class="d-flex justify-content-md-end align-items-md-center"><a href="cart.html">صفحه سبدکالا</a><i class="fa fa-desktop" style="margin-left: 10px;color: #111111;"></i></div>
</li><!-- End: list items -->
<!-- Start: list items -->
<li class="d-flex justify-content-end" style="margin-right: 10px;margin-top: 16px;margin-bottom: 16px;cursor: pointer;">
<div class="d-flex justify-content-md-end align-items-md-center"><a href="filters.html">صفحه جستو جوی کالا</a><i class="fa fa-desktop" style="margin-left: 10px;color: #111111;"></i></div>
</li><!-- End: list items -->
<!-- Start: list items -->
<li class="d-flex justify-content-end" style="margin-right: 10px;margin-top: 16px;margin-bottom: 16px;cursor: pointer;">
<div class="d-flex justify-content-md-end align-items-md-center"><a href="profile.php">صفحه پروفایل کاربری</a><i class="fa fa-desktop" style="margin-left: 10px;color: #111111;"></i></div>
</li><!-- End: list items -->
</ul>
<!-- End: mobile mod catgory list 1 -->
<hr>
</div>
</div>
</header>
<!-- End: catgory mobile mood -->
</div>
</nav>
<!-- End: nav1 header -->
<!-- Start: catgory pc mood -->
<header class="d-none d-lg-inline d-xl-inline d-xxl-inline" id="pc_catgory_nave">
<ul class="list-inline text-end d-lg-flex justify-content-lg-end" style="background: var(--bs-white);">
<!-- Start: other items -->
<li class="list-inline-item d-lg-flex align-items-lg-center" style="margin-right: 10px;margin-left: 10px;"><a href="product.html">صفحه محصول</a><i class="fa fa-desktop" style="margin-left: 5px;"></i></li><!-- End: other items -->
<!-- Start: other items -->
<li class="list-inline-item d-lg-flex align-items-lg-center" style="margin-right: 10px;margin-left: 10px;"><a href="filters.html">صفحه جست و جوی کالا</a><i class="fa fa-desktop" style="margin-left: 5px;"></i></li><!-- End: other items -->
<!-- Start: other items -->
<li class="list-inline-item d-lg-flex align-items-lg-center" style="margin-right: 10px;margin-left: 10px;"><a href="register.html">ورود و ریجستر</a><i class="fa fa-desktop" style="margin-left: 5px;"></i></li><!-- End: other items -->
<!-- Start: other items -->
<li class="list-inline-item d-lg-flex align-items-lg-center" style="margin-right: 10px;margin-left: 10px;"><a id="a" href="cart.html">صفحه سبد خرید</a><i class="fa fa-desktop" style="margin-left: 5px;color: var(--bs-blue)!هئحخقفشد;"></i></li><!-- End: other items -->
<!-- Start: other items -->
<li class="list-inline-item d-lg-flex align-items-lg-center" style="margin-right: 10px;margin-left: 10px;">تخفیف ها<i class="fas fa-percent" style="margin-left: 5px;color: rgb(133, 135, 150);"></i>
<div class="d-none d-sm-block topbar-divider" style="width: 0;border-right: 1px solid #e3e6f0;height: calc(4.375rem - 2rem);margin: auto 1rem;"></div>
</li><!-- End: other items -->
<!-- Start: main catgory item -->
<li class="list-inline-item d-lg-flex align-items-lg-center" id="allCatgory">دسته بندی ها<i class="fas fa-align-justify" style="margin-left: 5px;"></i>
<div id="catgorylist">
<ul class="list-unstyled border rounded-0 shadow">
<!-- Start: catgory list item -->
<li id="dasteh">
<div class="d-flex justify-content-lg-center align-items-lg-center"><i class="fas fa-chevron-left me-auto" style="font-size: 10px;"></i>
<p class="ms-auto" style="margin: 0px;">دسته ها</p><i class="fa fa-sitemap ms-auto"></i>
</div>
<div class="border rounded-0" id="dastehlist">
<ul class="list-unstyled text-end" style="width: 257px;">
<!-- Start: item -->
<?php foreach (get_categories() as $id => $name){echo '
<a href="filters.php?categori='.$id.'">
<li style="margin: 10px;width: 100px;">'.$name.'</li></a>
';} ?>
<!-- End: item -->
</ul>
</div>
</li><!-- End: catgory list item -->
</ul>
</div>
</li>
<!-- End: main catgory item -->
</ul>
</header>
<!-- End: catgory pc mood -->