|
73 | 73 | h1, h2, h3 { color: var(--gold); } |
74 | 74 | h2 { text-align: center; margin-bottom: 25px; font-size: 2.2rem; } |
75 | 75 |
|
| 76 | + |
76 | 77 | /* --- Navigation Bar --- */ |
77 | 78 | .top-bar { |
78 | 79 | position: fixed; |
79 | | - top: 0; |
| 80 | + top: 10; |
80 | 81 | left: 0; |
81 | 82 | width: 100%; |
82 | 83 | display: flex; |
|
149 | 150 | padding: 15px; |
150 | 151 | text-align: center; |
151 | 152 | transition: all 0.3s ease; |
152 | | - display: flex; |
| 153 | + display: none; |
153 | 154 | flex-direction: column; |
154 | 155 | justify-content: space-between; |
155 | 156 | } |
|
360 | 361 | </div> |
361 | 362 | <!-- صف الصور المصغرة --> |
362 | 363 | </div> |
363 | | - <div class="thumbs-row" style="display:flex;justify-content:center;gap:12px;margin-bottom:5px;"> |
364 | | - <img class="thumb" src="men1.jpg" alt="منتج 1" data-high="men1.png" style="width:60px;height:60px;border:2px solid var(--gold);border-radius:2px;cursor:pointer;object-fit:cover;"> |
365 | | - <img class="thumb" src="men2.jpg" alt="منتج 2" data-high="men2.png" style="width:60px;height:60px;border:2px solid var(--gold);border-radius:2px;cursor:pointer;object-fit:cover;"> |
366 | | - <img class="thumb" src="men3.jpg" alt="منتج 3" data-high="men3.png" style="width:60px;height:60px;border:2px solid var(--gold);border-radius:2px;cursor:pointer;object-fit:cover;"> |
367 | | - <img class="thumb" src="men4.jpg" alt="منتج 4" data-high="men4.png" style="width:60px;height:60px;border:2px solid var(--gold);border-radius:2px;cursor:pointer;object-fit:cover;"> |
368 | | - <img class="thumb" src="men5.jpg" alt="منتج 5" data-high="men5.png" style="width:60px;height:60px;border:2px solid var(--gold);border-radius:2px;cursor:pointer;object-fit:cover;"> |
369 | | - </div> |
370 | 364 | </div> |
| 365 | + <div class="container"> |
| 366 | + <p>عدد الزوار: <span id="visitorCount" style="color: gold;"></span></p> |
| 367 | + </div> |
371 | 368 | <div class="container"> |
372 | 369 | <h1>الأيقونة للعطور - اناقة واصالة</h1> |
373 | 370 | <p>اكتشف مجموعة من العطور الرجالية والنسائية والبخور تمتع بالقوة والأناقة. ثبات يدوم طويلاً ورائحة تأسر الحواس.</p> |
374 | | - |
| 371 | + </div> |
| 372 | + <div class="container"> |
375 | 373 | <button id="downloadBtn"> |
376 | 374 | <i class="fab fa-android"></i> تحميل تطبيق الأندرويد |
377 | 375 | </button> |
@@ -400,7 +398,7 @@ <h3>ضمان الرضا</h3> |
400 | 398 | </div> |
401 | 399 | </div> |
402 | 400 | <div class="container"> |
403 | | - <h2>منتجاتنا الرجالية المميزة</h2> |
| 401 | + |
404 | 402 | <div id="products-grid" class="products-grid"> |
405 | 403 | </div> |
406 | 404 | </div> |
@@ -909,7 +907,7 @@ <h3>${product.name}</h3> |
909 | 907 |
|
910 | 908 | }); |
911 | 909 |
|
912 | | -const sliderImgs = ["men1.jpg","men2.jpg","men3.jpg","men4.jpg","men5.jpg"]; |
| 910 | +const sliderImgs = ["men1.jpg","female1.jpg","moan1.jpg","men2.jpg","female2.jpg","moan2.jpg","men3.jpg","female3.jpg","moan3.jpg","men4.jpg","female4.jpg","moan4.jpg","men5.jpg","female1.jpg","moan1.jpg"]; |
913 | 911 | const highImgs = ["men1.png","men2.png","men3.png","men4.png","men5.png"]; |
914 | 912 | let mainImg = document.getElementById('mainImg'); |
915 | 913 | let thumbs = document.querySelectorAll('.thumb'); |
@@ -955,6 +953,29 @@ <h3>${product.name}</h3> |
955 | 953 | spacing:"3px" |
956 | 954 | }); |
957 | 955 | }); |
| 956 | + |
| 957 | +// Check for localStorage support |
| 958 | + if (typeof(Storage) !== "undefined") { |
| 959 | + // Get the current visitor count from localStorage |
| 960 | + let count = localStorage.getItem("visitorCount"); |
| 961 | + |
| 962 | + // If it's the first visit, set the count to 1 |
| 963 | + if (count === null) { |
| 964 | + count = 1; |
| 965 | + } else { |
| 966 | + // Otherwise, increment the count by 1 |
| 967 | + count = parseInt(count) + 1; |
| 968 | + } |
| 969 | + |
| 970 | + // Store the new count in localStorage |
| 971 | + localStorage.setItem("visitorCount", count); |
| 972 | + |
| 973 | + // Display the count on the page |
| 974 | + document.getElementById("visitorCount").innerHTML = count; |
| 975 | + } else { |
| 976 | + // Fallback for browsers that don't support localStorage |
| 977 | + document.getElementById("visitorCount").innerHTML = "متصفحك لا يدعم localStorage"; |
| 978 | + } |
958 | 979 | </script> |
959 | 980 |
|
960 | 981 | </body> |
|
0 commit comments