1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4<title>Shopping Cart | Albert's Diamond Jewelers</title> 5<meta name="title" content="Shopping Cart | Albert's Diamond Jewelers"> 6<meta name="description" content="Shopping Cart | Albert's Diamond Jewelers"> 7<link rel="canonical" href="https://www.albertsjewelers.com/shopping-cart"/> 8<meta name="keywords" content="Shopping Cart | Albert's Diamond Jewelers"> 9 <meta charset="UTF-8"> 10 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> 11 <link rel="icon" href="/favicon.ico?ver=1677702192" type="image/x-icon" /><link rel="shortcut icon" href="/favicon.ico?ver=1677702192" type="image/x-icon" /><meta name="robots" content="noindex, follow"><meta name="pinterest-rich-pin" content="false" /> 12 13<!--facebook share this starts--> 14<meta property="og:logo" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png"> 15<meta property="og:url" content="https://www.albertsjewelers.com/shopping-cart"> 16<meta property="og:type" content="website"> 17<meta property="og:title" content="Shopping Cart"> 18<meta name="msapplication-TileImage" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png"> 19<meta property="og:image" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png"> 20<meta property="og:image:url" content="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png"> 21<meta property="og:image:width" content="600"> 22<meta property="og:image:height" content="314"> 23<meta property="og:image:alt" content="Shopping Cart"> 24<!--facebook share this ends--> 25 26 27<!--twitter share this starts--> 28<meta name="twitter:title" content="Shopping Cart"> 29<meta name="twitter:image" content="https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png"> 30<meta name="twitter:site" content="https://www.albertsjewelers.com/shopping-cart"> 31<!--twitter share this ends--> 32 33 <link rel="stylesheet" href="https://www.albertsjewelers.com/skeleton/1.0/view/css/twitter-bootstrap-4-6-0.min.css" integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA==" crossorigin="anonymous" /> 34 <link rel="stylesheet" href="https://www.albertsjewelers.com/skeleton/1.0/view/css/toastr.min.css" /> 35 <link rel="stylesheet" type="text/css" href="https://www.albertsjewelers.com/skeleton/1.0/view/css/slick.css"/> 36 <link rel="stylesheet" type="text/css" href="https://www.albertsjewelers.com/skeleton/1.0/view/css/slick-theme.css"/><link rel="stylesheet" href="https://www.albertsjewelers.com/skeleton/1.0/view/css/sweetalert2.min.css" /><link rel="stylesheet" href="https://www.albertsjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.css"><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/900.css?ver=1787273671" /><link rel="stylesheet" type="text/css" href="/skeleton/1.0/view/css/shared.css?ver=1.4.8" /> 37
37<script>window.csrf_token = "4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"</script>
37 38
38<script>window.scSession = Object.assign({"lifetimeMs":7200000,"expiresAt":1790771554000,"csrfToken":"4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57","scWsUrl":"https:\/\/www.albertsjewelers.com\/includes\/assets\/shopping_cart\/sc_ws_functions.php"}, window.scSession || {});</script>
38 39
39<script src="https://www.albertsjewelers.com/skeleton/1.0/view/lib/jquery/jquery.min.js"></script>
39 40
40<script src="https://www.albertsjewelers.com/skeleton/1.0/view/js/sc-session-manager.js?v=1789428253" defer></script>
40 41
41<script>window.formSubmitLogUrl = "https://www.albertsjewelers.com/skeleton/1.0/view/ws/ajax_interaction.php";</script>
41 42
42<script src="https://www.albertsjewelers.com/skeleton/1.0/view/js/form_submit_guard.js?v=1787273671" defer></script>
42 43 44
44<script src="/skeleton/1.0/view/js/twitter-bootstrap-4-6-0.min.js" defer></script>
44 45
45<script src="/skeleton/1.0/view/js/toastr.min.js"></script>
45 46
46<script type="text/javascript" src="/skeleton/1.0/view/js/slick.min.js"></script>
46<script src="/skeleton/1.0/view/js/sweetalert2.min.js"></script>
46<script src="/skeleton/1.0/view/js/input_fields.js?ver=1.0.4"></script>
vendor: 60 bytes, line 46
46<script src="https://www.google.com/recaptcha/api.js?render=
466Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7
vendor: 138 bytes, line 46
46&badge=bottomleft"></script><script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=onRecaptchaLoadCallback"></script>
46<script src="https://www.albertsjewelers.com/includes/view/dashboard/assets/fancybox/jquery.fancybox.min.js" defer></script>
46<script src="/skeleton/1.0/view/js/900.js?v=1789682889"></script>
46<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&display=swap"><link rel="stylesheet" href="https://www.albertsjewelers.com/public/1.0/fonts/68/font.css"><link rel="stylesheet" href="https://www.albertsjewelers.com/public/1.0/fonts/69/font.css"> 47 <!--Scripts Here--> 48
48<script>window.iShowGlobals = { 49 'NO_IMAGE_URL':'', 50 'SITE_LABELS': '', 51 'PHONE_REGEX':/^[\+]?([\d\-\(\). ]){3}.{4,18}$/, 52 'EMAIL_REGEX':/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/, 53 'RETAILER_FOLDER_NAME':'skeleton', 'SHOW_RAPNET_ID':'0','MAIN_PHONE':'219-322-2700','USE_LOCAL_DIAMOND_PATH':'' , 'GOOGLE_ANALYTICS_4_TAG':'1' 54 }; 55 </script>
55<script src="/skeleton/1.0/view/js/shared.js?ver=2.4.5" defer></script>
55<meta name="ahrefs-site-verification" content="32281f1e620acdf49662ab58f3103703369f3f0685171c59bc73f7aa27c73e91"><!-- Google tag (gtag.js) -->
vendor: 76 bytes, lines 55-56
55 56 <script async src="https://www.googletagmanager.com/gtag/js?id=
56AW-657571256
vendor: 24 bytes, lines 56-57
56"></script> 57
57<script> 58
vendor: 166 bytes, lines 58-61
58window.dataLayer = window.dataLayer || []; 59 function gtag(){dataLayer.push(arguments);} 60 gtag('js', new Date()); 61 gtag('config', '
61AW-657571256
vendor: 42 bytes, lines 61-62
61', { 'anonymize_ip': true }); 62
62</script>
62 <!-- Facebook Pixel Code -->
62<script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.setAttribute('data-type','lazy');t.setAttribute('data-src',v);s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '291926815139821');fbq('track', 'PageView');</script>
62<noscript><img height='1' width='1' style='display:none'src='https://www.facebook.com/tr?id=291926815139821&ev=PageView&noscript=1' alt='facebook pixel' title='facebook pixel'/></noscript><!-- End Facebook Pixel Code --> 63 <!-- Start Google Tag Manager --> 64
64<script> 65 window.addEventListener('load', function() {
vendor: 607 bytes, lines 65-76
65 66 (function (w, d, s, l, i) { 67 w[l] = w[l] || []; 68 w[l].push({'gtm.start': 69 new Date().getTime(), event: 'gtm.js'}); 70 var f = d.getElementsByTagName(s)[0], 71 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 72 j.async = true; 73 j.src = 74 '//www.googletagmanager.com/gtm.js?id=' + i + dl; 75 f.parentNode.insertBefore(j, f); 76 })(window, document, 'script', 'dataLayer', '
76GTM-NKMV8Q
vendor: 16 bytes, lines 76-77
76'); 77
77}); 78 </script>
78 79 <!-- End Google Tag Manager --> 80 <!-- Start Google Analytics 4 tags -->
vendor: 80 bytes, lines 80-81
80 81 <script async src="https://www.googletagmanager.com/gtag/js?id=
81G-222X86BSF7
vendor: 28 bytes, lines 81-82
81"></script> 82
82<script> 83
vendor: 184 bytes, lines 83-86
83window.dataLayer = window.dataLayer || []; 84 function gtag(){dataLayer.push(arguments);} 85 gtag("js", new Date()); 86 gtag("config", "
86G-222X86BSF7
vendor: 23 bytes, lines 86-87
86"); 87
87window.gtag = function() { 88 dataLayer.push(arguments); 89 } 90 </script>
90 91 <!-- End Google Analytics 4 tags --> <!-- Facebook Pixel Code -->
91<script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.setAttribute('data-type','lazy');t.setAttribute('data-src',v);s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '1671823847490448');fbq('track', 'PageView');</script>
91<noscript><img height='1' width='1' style='display:none'src='https://www.facebook.com/tr?id=1671823847490448&ev=PageView&noscript=1' alt='facebook pixel' title='facebook pixel'/></noscript><!-- End Facebook Pixel Code --><!-- Begin TVSquared Page Visits Tracking Code -->
92<script type="text/javascript"> 93 var _tvq = window._tvq = window._tvq || []; 94 (function() { 95 var u = (("https:" == document.location.protocol) ? 96 "https://collector-55896.us.tvsquared.com/" 97 : 98 "http://collector-55896.us.tvsquared.com/"); 99 _tvq.push(['setSiteId', "TV-4545180936-1"]); 100 _tvq.push(['setTrackerUrl', u + 'tv2track.php']); 101 _tvq.push([function() { 102 this.deleteCustomVariable(5, 'page') 103 }]); 104 _tvq.push(['trackPageView']); 105 var d = document, 106 g = d.createElement('script'), 107 s = d.getElementsByTagName('script')[0]; 108 g.type = 'text/javascript'; 109 g.defer = true; 110 g.async = true; 111 g.src = u + 'tv2track.js'; 112 s.parentNode.insertBefore(g, s); 113 })(); 114</script>
114 115<!-- End TVSquared Tracking Code -->
116<script> 117(function () { 118 function hookFbq() { 119 var n = window.fbq; 120 if (!n || n.__evtHook) { return; } 121 function w() { 122 try { 123 if (arguments[0] === 'track' || arguments[0] === 'trackCustom') { 124 (w.__fired = w.__fired || {})[arguments[1]] = (new Date()).getTime(); 125 } 126 } catch (e) {} 127 w.callMethod ? w.callMethod.apply(w, arguments) : w.queue.push(arguments); 128 } 129 w.__evtHook = true; 130 w.__fired = {}; 131 w.callMethod = n.callMethod; 132 w.queue = n.queue || []; 133 w.push = w; 134 w.loaded = !!n.loaded; 135 w.version = n.version || '2.0'; 136 window.fbq = w; 137 if (window._fbq === n) { window._fbq = w; } 138 } 139 hookFbq(); 140 141 function firedSince(evt, ts) { 142 return typeof fbq === 'function' && fbq.__fired && fbq.__fired[evt] && fbq.__fired[evt] >= ts; 143 } 144 145 // Also reaches CAPI: these fallbacks never touch the backend on their own otherwise. The server 146 // copy goes out even when fbq is missing â a blocked pixel is exactly when CAPI has to carry it. 147 function fireEvent(evt) { 148 var eventId = (window.crypto && crypto.randomUUID) ? crypto.randomUUID() : (Date.now() + '_' + Math.random().toString(36).slice(2)); 149 if (typeof fbq === 'function') { fbq('track', evt, {}, {eventID: eventId}); } 150 if (!false) { return; } 151 try { 152 fetch('https://www.albertsjewelers.com/skeleton/1.0/view/ws/ajax_meta_capi.php', { 153 method: 'POST', 154 headers: {'Content-Type': 'application/x-www-form-urlencoded'}, 155 body: 'event=' + encodeURIComponent(evt) + '&event_id=' + encodeURIComponent(eventId), 156 keepalive: true 157 }); 158 } catch (e) {} 159 } 160 161 // tel:/mailto: wait ~1.5s if not onclick fired the event - fire this one 162 document.addEventListener('click', function (e) { 163 if (!e.target || !e.target.closest) { return; } 164 var t = e.target.closest('a[href^="tel:"], a[href^="mailto:"]'); 165 if (!t) { return; } 166 hookFbq(); 167 var evt = 'Contact'; 168 var ts = (new Date()).getTime(); 169 setTimeout(function () { 170 if (!firedSince(evt, ts)) { fireEvent(evt); } 171 }, 1500); 172 }, true); 173 174 // conversation_started -> Contact. Podium and Clientbook both render their launcher into the 175 // page's own DOM, so a delegated click reaches it. What happens inside the widget is invisible 176 // to us, so opening the chat is what counts â once per page view, or reopening it would re-fire. 177 var chatContacted = false; 178 document.addEventListener('click', function (e) { 179 if (chatContacted || !e.target || !e.target.closest) { return; } 180 if (!e.target.closest('#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget')) { return; } 181 chatContacted = true; 182 hookFbq(); 183 fireEvent('Contact'); 184 }, true); 185 186 // Search box event: only when the server-side Search on the keyword-search page is not running 187 if (true) { 188 document.addEventListener('submit', function (e) { 189 if (!e.target || !e.target.closest) { return; } 190 var f = e.target.closest('form.sform, #search-box-form'); 191 if (!f) { return; } 192 // The magnifier is a submit button, so it submits an empty box too â that is not a search 193 var q = f.querySelector('input[name=search]'); 194 if (!q || !q.value.trim()) { return; } 195 hookFbq(); 196 if (!firedSince('Search', (new Date()).getTime() - 1500)) { fireEvent('Search'); } 197 }, false); 198 } 199})(); 200</script>
200 201
201<script>
vendor: 410 bytes, lines 201-206
201 202 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 203 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 204 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 205 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 206 ga('create', '
206UA-45370095-1
vendor: 44 bytes, lines 206-207
206', 'auto', 'googleAnalytics0'); 207
207ga('set', 'anonymizeIp', true); 208 ga('googleAnalytics0.send', 'pageview')</script>
208 209
209<script type="application/ld+json"> 210 { 211 "@context": "https://schema.org", 212 "@graph": [ 213 { 214 "@type": "WebPage", 215 "name": "Shopping Cart", 216 "description": "Albert's Diamond Jewelers", 217 "keywords": "Albert's Diamond Jewelers", 218 "url": "https://www.albertsjewelers.com/shopping-cart" 219 }, 220 { 221 "@type": "Organization", 222 "name": "Albert's Diamond Jewelers", 223 "email": "[email protected]", 224 "logo": "https://www.albertsjewelers.comhttps://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png", 225 "image": "https://www.albertsjewelers.comhttps://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png", 226 "telephone": "219-322-2700", 227 "url": "https://www.albertsjewelers.com/" 228 } 229, 230 { 231 "@type": "BreadcrumbList", 232 "itemListElement": [ 233 { 234 "@type": "ListItem", 235 "position": 1, 236 "name": "Albert's Diamond Jewelers", 237 "item": "https://www.albertsjewelers.com/" 238 }, { 239 "@type": "ListItem", 240 "position": 2, 241 "name": "Shopping Cart", 242 "item": "https://www.albertsjewelers.com/shopping-cart" 243 } 244 ] 245 } 246 ] 247 } 248 </script>
248 249 250</head> 251<body class="cmp_mode" data-lazyload="1"> 252 <nav class="skip-links-nav" aria-label="Skip links"> 253 <a href="#main" class="skip-to-main-content-link" title="Skip to main content">Skip to main content</a> 254 </nav> 255 256 <div id="loader_div"> 257 <div class="loader_circle"></div> 258 </div> 259 <noscript> 260 <style> 261 body {overflow: auto;} 262 #loader_div {display: none;} 263 </style> 264 </noscript> 265 266 267 <style> 268 @media (min-width: 992px) { 269 .main_page_container { 270 font-family: Berthold Akzidenz Grotesk; 271 } 272 .sc_payment_general_style { 273 font-size: 15px !important; 274 font-family: Berthold Akzidenz Grotesk !important; 275 font-weight: 500 !important; 276 font-style: normal !important; 277 278 letter-spacing: px !important; 279 color: #022d57 !important; 280 } 281 h1.general_style, .h1_general_style { 282 font-size: px !important; 283 font-family: ITC Avant Garde !important; 284 font-weight: 400 !important; 285 font-style: normal !important; 286 287 letter-spacing: px !important; 288 color: #022d57 !important; 289 } 290 h2.general_style, .h2_general_style { 291 font-size: px !important; 292 font-family: ITC Avant Garde !important; 293 font-weight: 400 !important; 294 font-style: normal !important; 295 296 letter-spacing: px !important; 297 color: #022d57 !important; 298 } 299 h3.general_style, .h3_general_style { 300 font-size: px !important; 301 font-family: ITC Avant Garde !important; 302 font-weight: 400 !important; 303 font-style: normal !important; 304 305 letter-spacing: px !important; 306 color: #022d57 !important; 307 } 308 h4.general_style, .h4_general_style { 309 font-size: px !important; 310 font-family: ITC Avant Garde !important; 311 font-weight: 400 !important; 312 font-style: normal !important; 313 314 letter-spacing: px !important; 315 color: #022d57 !important; 316 } 317 h5.general_style, .h5_general_style { 318 font-size: px !important; 319 font-family: ITC Avant Garde !important; 320 font-weight: 300 !important; 321 font-style: normal !important; 322 323 letter-spacing: px !important; 324 color: #022d57 !important; 325 } 326 h6.general_style, .h6_general_style { 327 font-size: px !important; 328 font-family: ITC Avant Garde !important; 329 font-weight: 400 !important; 330 font-style: normal !important; 331 332 letter-spacing: px !important; 333 color: #022d57 !important; 334 } 335 p.general_style, .p_general_style { 336 font-size: px !important; 337 font-family: Berthold Akzidenz Grotesk !important; 338 font-weight: !important; 339 font-style: normal !important; 340 341 letter-spacing: px !important; 342 color: !important; 343 } 344 .p2_general_style { 345 font-size: px !important; 346 font-family: Berthold Akzidenz Grotesk !important; 347 font-weight: !important; 348 font-style: normal !important; 349 350 letter-spacing: px !important; 351 color: !important; 352 } 353 .p3_general_style { 354 font-size: px !important; 355 font-family: Berthold Akzidenz Grotesk !important; 356 font-weight: !important; 357 font-style: normal !important; 358 359 letter-spacing: px !important; 360 color: !important; 361 } 362 .p4_general_style { 363 font-size: px !important; 364 font-family: Berthold Akzidenz Grotesk !important; 365 font-weight: !important; 366 font-style: normal !important; 367 368 letter-spacing: px !important; 369 color: !important; 370 } 371 .p5_general_style { 372 font-size: px !important; 373 font-family: Berthold Akzidenz Grotesk !important; 374 font-weight: !important; 375 font-style: normal !important; 376 377 letter-spacing: px !important; 378 color: !important; 379 } 380 .p6_general_style { 381 font-size: px !important; 382 font-family: Berthold Akzidenz Grotesk !important; 383 font-weight: !important; 384 font-style: normal !important; 385 386 letter-spacing: px !important; 387 color: !important; 388 } 389 a.general_style, .a_general_style { 390 text-decoration: !important; 391 color: !important; 392 } 393 a.general_style:hover, .a_general_style:hover { 394 color: !important; 395 } 396 label.general_style, .label_general_style { 397 font-size: px !important; 398 font-family: Berthold Akzidenz Grotesk !important; 399 font-weight: !important; 400 font-style: normal !important; 401 402 letter-spacing: px !important; 403 color: !important; 404 } 405 button.general_style, .button_general_style { 406 font-size: 12px !important; 407 font-family: ITC Avant Garde !important; 408 font-weight: 400 !important; 409 font-style: normal !important; 410 411 color: #ffffff !important; 412 background-color: #022d57 !important; 413 border-style: solid !important; 414 border-width: 1px !important; 415 border-radius: px !important; 416 border-color: #022d57 !important; 417 } 418 button.general_style:hover, .button_general_style:hover { 419 color: !important; 420 background-color: !important; 421 border-color: !important; 422 } 423 .secondary_button_general_style { 424 font-size: 12px !important; 425 font-family: ITC Avant Garde !important; 426 font-weight: 400 !important; 427 font-style: normal !important; 428 429 color: #022d57 !important; 430 background-color: #ffffff !important; 431 border-style: solid !important; 432 border-width: 1px !important; 433 border-radius: px !important; 434 border-color: #003da5 !important; 435 } 436 .secondary_button_general_style:hover { 437 color: #ffffff !important; 438 background-color: #003da5 !important; 439 border-color: !important; 440 } 441 .reset_button_general_style { 442 font-size: px !important; 443 font-family: ITC Avant Garde !important; 444 font-weight: !important; 445 font-style: normal !important; 446 447 color: !important; 448 background-color: !important; 449 450 border-width: px !important; 451 border-radius: px !important; 452 border-color: !important; 453 } 454 .reset_button_general_style:hover { 455 color: !important; 456 background-color: !important; 457 border-color: !important; 458 } 459 .search_box_general_style .sinps::placeholder { 460 font-size: 11px !important; 461 font-family: Berthold Akzidenz Grotesk !important; 462 color: !important; 463 } 464 .search_box_general_style .sinps { 465 height: 100%; 466 font-size: 11px !important; 467 font-family: Berthold Akzidenz Grotesk !important; 468 font-weight: 400 !important; 469 font-style: normal !important; 470 color: !important; 471 background-color: !important; 472 border-style: solid !important; 473 border-width: 1px !important; 474 border-radius: px !important; 475 border-top-right-radius: 0 !important; 476 border-bottom-right-radius: 0 !important; 477 border-color: #022d57 !important; 478 } 479 .search_box_general_style .sinps:hover, 480 .search_box_general_style .sinps:focus, 481 .search_box_general_style .sinps:active { 482 background-color: !important; 483 } 484 .search_box_general_style .sBtns { 485 height: 100%; 486 background-color: #022d57 !important; 487 border-style: solid !important; 488 border-width: 1px !important; 489 border-radius: px !important; 490 border-top-left-radius: 0 !important; 491 border-bottom-left-radius: 0 !important; 492 border-color: #022d57 !important; 493 } 494 .search_box_general_style .sBtns:hover, 495 .search_box_general_style .sBtns:focus, 496 .search_box_general_style .sBtns:active { 497 background-color: #022d57 !important; 498 } 499 .search_box_general_style .sBtns svg { 500 width: 11px !important; 501 height: 11px !important; 502 } 503 .search_box_general_style .sBtns path { 504 fill: #ffffff !important; 505 } 506 .search_box_general_style .sBtns:hover path, 507 .search_box_general_style .sBtns:focus path, 508 .search_box_general_style .sBtns:active path { 509 fill: #ffffff !important; 510 }
511 .search_box_general_style:hover .sinps, 512 .search_box_general_style:focus .sinps, 513 .search_box_general_style:active .sinps, 514 .search_box_general_style:hover .sBtns, 515 .search_box_general_style:focus .sBtns, 516 .search_box_general_style:active .sBtns { 517 border-color: #022d57 !important; 518 } 519 svg.general_style, .svg_general_style { 520 fill: #003da5 !important; 521 stroke-width: .5 !important; 522 stroke: #003da5 !important; 523 } 524 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 525 color: #022d57 !important; 526 background: #ffffff !important; 527 } 528 .irs--big .irs-grid-text { 529 color: #022d57 !important; 530 } 531 .irs--big .irs-grid-pol { 532 background: #022d57 !important; 533 } 534 .irs--big .irs-bar { 535 border-color: #ffffff !important; 536 background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important; 537 } 538 .irs--big .irs-handle { 539 border-color: #B3B3B2; 540 background: linear-gradient(to bottom, 0%, #003da5 30%, #003da5 100%) !important; 541 } 542 .pagination.general_style .page-link { 543 font-size: 12px !important; 544 font-family: ITC Avant Garde !important; 545 font-weight: 400 !important; 546 font-style: normal !important; 547 548 color: #022d57 !important; 549 background-color: !important; 550 border-color: !important; 551 } 552 .pagination.general_style .page-link:hover { 553 color: !important; 554 background-color: !important; 555 border-color: !important; 556 } 557 .pagination.general_style .page-item.active .page-link { 558 color: #ffffff !important; 559 background-color: #022d57 !important; 560 border-color: #022d57 !important; 561 } 562 input[type=checkbox].general_style { 563 accent-color: #003da5 !important; 564 } 565 .breadcrumb.general_style .breadcrumb-item a, 566 .breadcrumb.general_style .breadcrumb-item { 567 font-size: 14px !important; 568 font-family: ITC Avant Garde !important; 569 font-weight: !important; 570 font-style: normal !important; 571 572 letter-spacing: px !important; 573 color: #000 !important; 574 } 575 .shapes-div .shapes-img.active { 576 background-color: !important; 577 color: !important; 578 } 579 .input_general_style { 580 position: relative; 581 } 582 .input_general_style label { 583 width: auto !important; 584 position: absolute; 585 top: 50%; 586 left: 5px; 587 z-index: 1; 588 transform: translateY(-50%); 589 transform-origin: 0% 100%; 590 transition: all .2s ease-out; 591 padding: 0 10px; 592 margin: 0 !important; 593 cursor: text; 594 background: white; 595 } 596 .input_general_style label.active { 597 top: 0; 598 transform: translateY(-55%) scale(0.80); 599 } 600 601 .input_general_style input::placeholder { 602 color: transparent !important; 603 } 604 .input_general_style input { 605 font-size: 16px !important; 606 font-family: Berthold Akzidenz Grotesk !important; 607 font-weight: !important; 608 font-style: !important; 609 color: !important; 610 background-color: white !important; 611 border-style: solid !important; 612 border-width: px !important; 613 border-radius: 0px !important; 614 border-color: !important; 615 } 616 .input_general_style:hover input { 617 border-color: !important; 618 }
619 .input_general_style input:-webkit-autofill, 620 .input_general_style input:-webkit-autofill:hover, 621 .input_general_style input:-webkit-autofill:focus, 622 .input_general_style input:-webkit-autofill:active{ 623 -webkit-box-shadow: 0 0 0 30px white inset !important; 624 } 625 .input_general_style input:focus { 626 border-color: initial; 627 box-shadow: unset; 628 } 629 .input_general_style .toggle-password-visibility { 630 position: absolute; 631 right: 5px; 632 top: 50%; 633 transform: translateY(-50%); 634 border: 0; 635 background: transparent; 636 } 637 .select_general_style { 638 position: relative; 639 } 640 .select_general_style label { 641 width: auto !important; 642 position: absolute; 643 top: 50%; 644 left: 5px; 645 transform: translateY(-50%); 646 transform-origin: 0% 100%; 647 transition: all .2s ease-out; 648 padding: 0 10px; 649 margin: 0 !important; 650 cursor: text; 651 background: white; 652 } 653 .select_general_style label.active { 654 top: 0; 655 transform: translateY(-55%) scale(0.80); 656 } 657 658 .select_general_style select { 659 font-size: 16px !important; 660 font-family: Berthold Akzidenz Grotesk !important; 661 font-weight: !important; 662 font-style: !important; 663 color: !important; 664 border-style: solid !important; 665 border-width: px !important; 666 border-radius: 0px !important; 667 border-color: !important; 668 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important; 669 -webkit-appearance: none !important; 670 -moz-appearance: none !important; 671 appearance: none !important; 672 } 673 .select_general_style:hover select { 674 border-color: !important; 675 } 676 .select_general_style select:focus { 677 border-color: initial; 678 box-shadow: unset; 679 } 680 .select_general_style select:-webkit-autofill, 681 .select_general_style select:-webkit-autofill:hover, 682 .select_general_style select:-webkit-autofill:focus, 683 .select_general_style select:-webkit-autofill:active{ 684 -webkit-box-shadow: 0 0 0 30px white inset !important; 685 } 686 .textarea_general_style { 687 position: relative; 688 } 689 .textarea_general_style label { 690 width: auto !important; 691 position: absolute; 692 top: 18px; 693 left: 5px; 694 transform: translateY(-50%); 695 transform-origin: 0% 100%; 696 transition: all .2s ease-out; 697 padding: 0 10px; 698 margin: 0 !important; 699 cursor: text; 700 background: white; 701 } 702 .textarea_general_style label.active { 703 top: 0; 704 transform: translateY(-55%) scale(0.80); 705 } 706 707 .textarea_general_style textarea { 708 font-size: 16px !important; 709 font-family: Berthold Akzidenz Grotesk !important; 710 font-weight: !important; 711 font-style: !important; 712 color: !important; 713 background-color: white !important; 714 border-style: solid !important; 715 border-width: px !important; 716 border-radius: 0px !important; 717 border-color: !important; 718 } 719 .textarea_general_style:hover textarea { 720 border-color: !important; 721 } 722 .textarea_general_style textarea:focus { 723 border-color: initial; 724 box-shadow: unset; 725 } 726 .textarea_general_style textarea:-webkit-autofill, 727 .textarea_general_style textarea:-webkit-autofill:hover, 728 .textarea_general_style textarea:-webkit-autofill:focus, 729 .textarea_general_style textarea:-webkit-autofill:active{ 730 -webkit-box-shadow: 0 0 0 30px white inset !important; 731 } 732 } 733 </style> <style> 734 @media (min-width: 768px) and (max-width: 991.9px) { 735 .main_page_container { 736 font-family: Berthold Akzidenz Grotesk; 737 } 738 .sc_payment_general_style { 739 font-size: 15px !important; 740 font-family: Berthold Akzidenz Grotesk !important; 741 font-weight: 500 !important; 742 font-style: normal !important; 743 744 letter-spacing: px !important; 745 color: #022d57 !important; 746 } 747 h1.general_style, .h1_general_style { 748 font-size: px !important; 749 font-family: ITC Avant Garde !important; 750 font-weight: 400 !important; 751 font-style: normal !important; 752 753 letter-spacing: px !important; 754 color: #022d57 !important; 755 } 756 h2.general_style, .h2_general_style { 757 font-size: px !important; 758 font-family: ITC Avant Garde !important; 759 font-weight: 400 !important; 760 font-style: normal !important; 761 762 letter-spacing: px !important; 763 color: #022d57 !important; 764 } 765 h3.general_style, .h3_general_style { 766 font-size: px !important; 767 font-family: ITC Avant Garde !important; 768 font-weight: 400 !important; 769 font-style: normal !important; 770 771 letter-spacing: px !important; 772 color: #022d57 !important; 773 } 774 h4.general_style, .h4_general_style { 775 font-size: px !important; 776 font-family: ITC Avant Garde !important; 777 font-weight: 400 !important; 778 font-style: normal !important; 779 780 letter-spacing: px !important; 781 color: #022d57 !important; 782 } 783 h5.general_style, .h5_general_style { 784 font-size: px !important; 785 font-family: ITC Avant Garde !important; 786 font-weight: 300 !important; 787 font-style: normal !important; 788 789 letter-spacing: px !important; 790 color: #022d57 !important; 791 } 792 h6.general_style, .h6_general_style { 793 font-size: px !important; 794 font-family: ITC Avant Garde !important; 795 font-weight: 400 !important; 796 font-style: normal !important; 797 798 letter-spacing: px !important; 799 color: #022d57 !important; 800 } 801 p.general_style, .p_general_style { 802 font-size: px !important; 803 font-family: Berthold Akzidenz Grotesk !important; 804 font-weight: !important; 805 font-style: normal !important; 806 807 letter-spacing: px !important; 808 color: !important; 809 } 810 .p2_general_style { 811 font-size: px !important; 812 font-family: Berthold Akzidenz Grotesk !important; 813 font-weight: !important; 814 font-style: normal !important; 815 816 letter-spacing: px !important; 817 color: !important; 818 } 819 .p3_general_style { 820 font-size: px !important; 821 font-family: Berthold Akzidenz Grotesk !important; 822 font-weight: !important; 823 font-style: normal !important; 824 825 letter-spacing: px !important; 826 color: !important; 827 } 828 .p4_general_style { 829 font-size: px !important; 830 font-family: Berthold Akzidenz Grotesk !important; 831 font-weight: !important; 832 font-style: normal !important; 833 834 letter-spacing: px !important; 835 color: !important; 836 } 837 .p5_general_style { 838 font-size: px !important; 839 font-family: Berthold Akzidenz Grotesk !important; 840 font-weight: !important; 841 font-style: normal !important; 842 843 letter-spacing: px !important; 844 color: !important; 845 } 846 .p6_general_style { 847 font-size: px !important; 848 font-family: Berthold Akzidenz Grotesk !important; 849 font-weight: !important; 850 font-style: normal !important; 851 852 letter-spacing: px !important; 853 color: !important; 854 } 855 a.general_style, .a_general_style { 856 text-decoration: !important; 857 color: !important; 858 } 859 a.general_style:hover, .a_general_style:hover { 860 color: !important; 861 } 862 label.general_style, .label_general_style { 863 font-size: px !important; 864 font-family: Berthold Akzidenz Grotesk !important; 865 font-weight: !important; 866 font-style: normal !important; 867 868 letter-spacing: px !important; 869 color: !important; 870 } 871 button.general_style, .button_general_style { 872 font-size: 12px !important; 873 font-family: ITC Avant Garde !important; 874 font-weight: 400 !important; 875 font-style: normal !important; 876 877 color: #ffffff !important; 878 background-color: #022d57 !important; 879 border-style: solid !important; 880 border-width: 1px !important; 881 border-radius: px !important; 882 border-color: #022d57 !important; 883 } 884 button.general_style:hover, .button_general_style:hover { 885 color: !important; 886 background-color: !important; 887 border-color: !important; 888 } 889 .secondary_button_general_style { 890 font-size: 12px !important; 891 font-family: ITC Avant Garde !important; 892 font-weight: 400 !important; 893 font-style: normal !important; 894 895 color: #022d57 !important; 896 background-color: #ffffff !important; 897 border-style: solid !important; 898 border-width: 1px !important; 899 border-radius: px !important; 900 border-color: #003da5 !important; 901 } 902 .secondary_button_general_style:hover { 903 color: #ffffff !important; 904 background-color: #003da5 !important; 905 border-color: !important; 906 } 907 .reset_button_general_style { 908 font-size: px !important; 909 font-family: ITC Avant Garde !important; 910 font-weight: !important; 911 font-style: normal !important; 912 913 color: !important; 914 background-color: !important; 915 916 border-width: px !important; 917 border-radius: px !important; 918 border-color: !important; 919 } 920 .reset_button_general_style:hover { 921 color: !important; 922 background-color: !important; 923 border-color: !important; 924 } 925 .search_box_general_style .sinps::placeholder { 926 font-size: 11px !important; 927 font-family: Berthold Akzidenz Grotesk !important; 928 color: !important; 929 } 930 .search_box_general_style .sinps { 931 height: 100%; 932 font-size: 11px !important; 933 font-family: Berthold Akzidenz Grotesk !important; 934 font-weight: 400 !important; 935 font-style: normal !important; 936 color: !important; 937 background-color: !important; 938 border-style: solid !important; 939 border-width: 1px !important; 940 border-radius: px !important; 941 border-top-right-radius: 0 !important; 942 border-bottom-right-radius: 0 !important; 943 border-color: #022d57 !important; 944 } 945 .search_box_general_style .sinps:hover, 946 .search_box_general_style .sinps:focus, 947 .search_box_general_style .sinps:active { 948 background-color: !important; 949 } 950 .search_box_general_style .sBtns { 951 height: 100%; 952 background-color: #022d57 !important; 953 border-style: solid !important; 954 border-width: 1px !important; 955 border-radius: px !important; 956 border-top-left-radius: 0 !important; 957 border-bottom-left-radius: 0 !important; 958 border-color: #022d57 !important; 959 } 960 .search_box_general_style .sBtns:hover, 961 .search_box_general_style .sBtns:focus, 962 .search_box_general_style .sBtns:active { 963 background-color: #022d57 !important; 964 } 965 .search_box_general_style .sBtns svg { 966 width: 11px !important; 967 height: 11px !important; 968 } 969 .search_box_general_style .sBtns path { 970 fill: #ffffff !important; 971 } 972 .search_box_general_style .sBtns:hover path, 973 .search_box_general_style .sBtns:focus path, 974 .search_box_general_style .sBtns:active path { 975 fill: #ffffff !important; 976 }
977 .search_box_general_style:hover .sinps, 978 .search_box_general_style:focus .sinps, 979 .search_box_general_style:active .sinps, 980 .search_box_general_style:hover .sBtns, 981 .search_box_general_style:focus .sBtns, 982 .search_box_general_style:active .sBtns { 983 border-color: #022d57 !important; 984 } 985 svg.general_style, .svg_general_style { 986 fill: #003da5 !important; 987 stroke-width: .5 !important; 988 stroke: #003da5 !important; 989 } 990 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 991 color: #022d57 !important; 992 background: #ffffff !important; 993 } 994 .irs--big .irs-grid-text { 995 color: #022d57 !important; 996 } 997 .irs--big .irs-grid-pol { 998 background: #022d57 !important; 999 } 1000 .irs--big .irs-bar { 1001 border-color: #ffffff !important; 1002 background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important; 1003 } 1004 .irs--big .irs-handle { 1005 border-color: #B3B3B2; 1006 background: linear-gradient(to bottom, 0%, #003da5 30%, #003da5 100%) !important; 1007 } 1008 .pagination.general_style .page-link { 1009 font-size: 12px !important; 1010 font-family: ITC Avant Garde !important; 1011 font-weight: 400 !important; 1012 font-style: normal !important; 1013 1014 color: #022d57 !important; 1015 background-color: !important; 1016 border-color: !important; 1017 } 1018 .pagination.general_style .page-link:hover { 1019 color: !important; 1020 background-color: !important; 1021 border-color: !important; 1022 } 1023 .pagination.general_style .page-item.active .page-link { 1024 color: #ffffff !important; 1025 background-color: #022d57 !important; 1026 border-color: #022d57 !important; 1027 } 1028 input[type=checkbox].general_style { 1029 accent-color: #003da5 !important; 1030 } 1031 .breadcrumb.general_style .breadcrumb-item a, 1032 .breadcrumb.general_style .breadcrumb-item { 1033 font-size: 14px !important; 1034 font-family: ITC Avant Garde !important; 1035 font-weight: !important; 1036 font-style: normal !important; 1037 1038 letter-spacing: px !important; 1039 color: #000 !important; 1040 } 1041 .shapes-div .shapes-img.active { 1042 background-color: !important; 1043 color: !important; 1044 } 1045 .input_general_style { 1046 position: relative; 1047 } 1048 .input_general_style label { 1049 width: auto !important; 1050 position: absolute; 1051 top: 50%; 1052 left: 5px; 1053 z-index: 1; 1054 transform: translateY(-50%); 1055 transform-origin: 0% 100%; 1056 transition: all .2s ease-out; 1057 padding: 0 10px; 1058 margin: 0 !important; 1059 cursor: text; 1060 background: white; 1061 } 1062 .input_general_style label.active { 1063 top: 0; 1064 transform: translateY(-55%) scale(0.80); 1065 } 1066 1067 .input_general_style input::placeholder { 1068 color: transparent !important; 1069 } 1070 .input_general_style input { 1071 font-size: 16px !important; 1072 font-family: Berthold Akzidenz Grotesk !important; 1073 font-weight: !important; 1074 font-style: !important; 1075 color: !important; 1076 background-color: white !important; 1077 border-style: solid !important; 1078 border-width: px !important; 1079 border-radius: 0px !important; 1080 border-color: !important; 1081 } 1082 .input_general_style:hover input { 1083 border-color: !important; 1084 }
1085 .input_general_style input:-webkit-autofill, 1086 .input_general_style input:-webkit-autofill:hover, 1087 .input_general_style input:-webkit-autofill:focus, 1088 .input_general_style input:-webkit-autofill:active{ 1089 -webkit-box-shadow: 0 0 0 30px white inset !important; 1090 } 1091 .input_general_style input:focus { 1092 border-color: initial; 1093 box-shadow: unset; 1094 } 1095 .input_general_style .toggle-password-visibility { 1096 position: absolute; 1097 right: 5px; 1098 top: 50%; 1099 transform: translateY(-50%); 1100 border: 0; 1101 background: transparent; 1102 } 1103 .select_general_style { 1104 position: relative; 1105 } 1106 .select_general_style label { 1107 width: auto !important; 1108 position: absolute; 1109 top: 50%; 1110 left: 5px; 1111 transform: translateY(-50%); 1112 transform-origin: 0% 100%; 1113 transition: all .2s ease-out; 1114 padding: 0 10px; 1115 margin: 0 !important; 1116 cursor: text; 1117 background: white; 1118 } 1119 .select_general_style label.active { 1120 top: 0; 1121 transform: translateY(-55%) scale(0.80); 1122 } 1123 1124 .select_general_style select { 1125 font-size: 16px !important; 1126 font-family: Berthold Akzidenz Grotesk !important; 1127 font-weight: !important; 1128 font-style: !important; 1129 color: !important; 1130 border-style: solid !important; 1131 border-width: px !important; 1132 border-radius: 0px !important; 1133 border-color: !important; 1134 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important; 1135 -webkit-appearance: none !important; 1136 -moz-appearance: none !important; 1137 appearance: none !important; 1138 } 1139 .select_general_style:hover select { 1140 border-color: !important; 1141 } 1142 .select_general_style select:focus { 1143 border-color: initial; 1144 box-shadow: unset; 1145 } 1146 .select_general_style select:-webkit-autofill, 1147 .select_general_style select:-webkit-autofill:hover, 1148 .select_general_style select:-webkit-autofill:focus, 1149 .select_general_style select:-webkit-autofill:active{ 1150 -webkit-box-shadow: 0 0 0 30px white inset !important; 1151 } 1152 .textarea_general_style { 1153 position: relative; 1154 } 1155 .textarea_general_style label { 1156 width: auto !important; 1157 position: absolute; 1158 top: 18px; 1159 left: 5px; 1160 transform: translateY(-50%); 1161 transform-origin: 0% 100%; 1162 transition: all .2s ease-out; 1163 padding: 0 10px; 1164 margin: 0 !important; 1165 cursor: text; 1166 background: white; 1167 } 1168 .textarea_general_style label.active { 1169 top: 0; 1170 transform: translateY(-55%) scale(0.80); 1171 } 1172 1173 .textarea_general_style textarea { 1174 font-size: 16px !important; 1175 font-family: Berthold Akzidenz Grotesk !important; 1176 font-weight: !important; 1177 font-style: !important; 1178 color: !important; 1179 background-color: white !important; 1180 border-style: solid !important; 1181 border-width: px !important; 1182 border-radius: 0px !important; 1183 border-color: !important; 1184 } 1185 .textarea_general_style:hover textarea { 1186 border-color: !important; 1187 } 1188 .textarea_general_style textarea:focus { 1189 border-color: initial; 1190 box-shadow: unset; 1191 } 1192 .textarea_general_style textarea:-webkit-autofill, 1193 .textarea_general_style textarea:-webkit-autofill:hover, 1194 .textarea_general_style textarea:-webkit-autofill:focus, 1195 .textarea_general_style textarea:-webkit-autofill:active{ 1196 -webkit-box-shadow: 0 0 0 30px white inset !important; 1197 } 1198 } 1199 </style> <style> 1200 @media (max-width: 767.9px) { 1201 .main_page_container { 1202 font-family: Berthold Akzidenz Grotesk; 1203 } 1204 .sc_payment_general_style { 1205 font-size: 15px !important; 1206 font-family: Berthold Akzidenz Grotesk !important; 1207 font-weight: 500 !important; 1208 font-style: normal !important; 1209 1210 letter-spacing: px !important; 1211 color: #022d57 !important; 1212 } 1213 h1.general_style, .h1_general_style { 1214 font-size: px !important; 1215 font-family: ITC Avant Garde !important; 1216 font-weight: 400 !important; 1217 font-style: normal !important; 1218 1219 letter-spacing: px !important; 1220 color: #022d57 !important; 1221 } 1222 h2.general_style, .h2_general_style { 1223 font-size: px !important; 1224 font-family: ITC Avant Garde !important; 1225 font-weight: 400 !important; 1226 font-style: normal !important; 1227 1228 letter-spacing: px !important; 1229 color: #022d57 !important; 1230 } 1231 h3.general_style, .h3_general_style { 1232 font-size: px !important; 1233 font-family: ITC Avant Garde !important; 1234 font-weight: 400 !important; 1235 font-style: normal !important; 1236 1237 letter-spacing: px !important; 1238 color: #022d57 !important; 1239 } 1240 h4.general_style, .h4_general_style { 1241 font-size: px !important; 1242 font-family: ITC Avant Garde !important; 1243 font-weight: 400 !important; 1244 font-style: normal !important; 1245 1246 letter-spacing: px !important; 1247 color: #022d57 !important; 1248 } 1249 h5.general_style, .h5_general_style { 1250 font-size: px !important; 1251 font-family: ITC Avant Garde !important; 1252 font-weight: 300 !important; 1253 font-style: normal !important; 1254 1255 letter-spacing: px !important; 1256 color: #022d57 !important; 1257 } 1258 h6.general_style, .h6_general_style { 1259 font-size: px !important; 1260 font-family: ITC Avant Garde !important; 1261 font-weight: 400 !important; 1262 font-style: normal !important; 1263 1264 letter-spacing: px !important; 1265 color: #022d57 !important; 1266 } 1267 p.general_style, .p_general_style { 1268 font-size: px !important; 1269 font-family: Berthold Akzidenz Grotesk !important; 1270 font-weight: !important; 1271 font-style: normal !important; 1272 1273 letter-spacing: px !important; 1274 color: !important; 1275 } 1276 .p2_general_style { 1277 font-size: px !important; 1278 font-family: Berthold Akzidenz Grotesk !important; 1279 font-weight: !important; 1280 font-style: normal !important; 1281 1282 letter-spacing: px !important; 1283 color: !important; 1284 } 1285 .p3_general_style { 1286 font-size: px !important; 1287 font-family: Berthold Akzidenz Grotesk !important; 1288 font-weight: !important; 1289 font-style: normal !important; 1290 1291 letter-spacing: px !important; 1292 color: !important; 1293 } 1294 .p4_general_style { 1295 font-size: px !important; 1296 font-family: Berthold Akzidenz Grotesk !important; 1297 font-weight: !important; 1298 font-style: normal !important; 1299 1300 letter-spacing: px !important; 1301 color: !important; 1302 } 1303 .p5_general_style { 1304 font-size: px !important; 1305 font-family: Berthold Akzidenz Grotesk !important; 1306 font-weight: !important; 1307 font-style: normal !important; 1308 1309 letter-spacing: px !important; 1310 color: !important; 1311 } 1312 .p6_general_style { 1313 font-size: px !important; 1314 font-family: Berthold Akzidenz Grotesk !important; 1315 font-weight: !important; 1316 font-style: normal !important; 1317 1318 letter-spacing: px !important; 1319 color: !important; 1320 } 1321 a.general_style, .a_general_style { 1322 text-decoration: !important; 1323 color: !important; 1324 } 1325 a.general_style:hover, .a_general_style:hover { 1326 color: !important; 1327 } 1328 label.general_style, .label_general_style { 1329 font-size: px !important; 1330 font-family: Berthold Akzidenz Grotesk !important; 1331 font-weight: !important; 1332 font-style: normal !important; 1333 1334 letter-spacing: px !important; 1335 color: !important; 1336 } 1337 button.general_style, .button_general_style { 1338 font-size: 12px !important; 1339 font-family: ITC Avant Garde !important; 1340 font-weight: 400 !important; 1341 font-style: normal !important; 1342 1343 color: #ffffff !important; 1344 background-color: #022d57 !important; 1345 border-style: solid !important; 1346 border-width: 1px !important; 1347 border-radius: px !important; 1348 border-color: #022d57 !important; 1349 } 1350 button.general_style:hover, .button_general_style:hover { 1351 color: !important; 1352 background-color: !important; 1353 border-color: !important; 1354 } 1355 .secondary_button_general_style { 1356 font-size: 12px !important; 1357 font-family: ITC Avant Garde !important; 1358 font-weight: 400 !important; 1359 font-style: normal !important; 1360 1361 color: #022d57 !important; 1362 background-color: #ffffff !important; 1363 border-style: solid !important; 1364 border-width: 1px !important; 1365 border-radius: px !important; 1366 border-color: #003da5 !important; 1367 } 1368 .secondary_button_general_style:hover { 1369 color: #ffffff !important; 1370 background-color: #003da5 !important; 1371 border-color: !important; 1372 } 1373 .reset_button_general_style { 1374 font-size: px !important; 1375 font-family: ITC Avant Garde !important; 1376 font-weight: !important; 1377 font-style: normal !important; 1378 1379 color: !important; 1380 background-color: !important; 1381 1382 border-width: px !important; 1383 border-radius: px !important; 1384 border-color: !important; 1385 } 1386 .reset_button_general_style:hover { 1387 color: !important; 1388 background-color: !important; 1389 border-color: !important; 1390 } 1391 .search_box_general_style .sinps::placeholder { 1392 font-size: 11px !important; 1393 font-family: Berthold Akzidenz Grotesk !important; 1394 color: !important; 1395 } 1396 .search_box_general_style .sinps { 1397 height: 100%; 1398 font-size: 11px !important; 1399 font-family: Berthold Akzidenz Grotesk !important; 1400 font-weight: 400 !important; 1401 font-style: normal !important; 1402 color: !important; 1403 background-color: !important; 1404 border-style: solid !important; 1405 border-width: 1px !important; 1406 border-radius: px !important; 1407 border-top-right-radius: 0 !important; 1408 border-bottom-right-radius: 0 !important; 1409 border-color: #022d57 !important; 1410 } 1411 .search_box_general_style .sinps:hover, 1412 .search_box_general_style .sinps:focus, 1413 .search_box_general_style .sinps:active { 1414 background-color: !important; 1415 } 1416 .search_box_general_style .sBtns { 1417 height: 100%; 1418 background-color: #022d57 !important; 1419 border-style: solid !important; 1420 border-width: 1px !important; 1421 border-radius: px !important; 1422 border-top-left-radius: 0 !important; 1423 border-bottom-left-radius: 0 !important; 1424 border-color: #022d57 !important; 1425 } 1426 .search_box_general_style .sBtns:hover, 1427 .search_box_general_style .sBtns:focus, 1428 .search_box_general_style .sBtns:active { 1429 background-color: #022d57 !important; 1430 } 1431 .search_box_general_style .sBtns svg { 1432 width: 11px !important; 1433 height: 11px !important; 1434 } 1435 .search_box_general_style .sBtns path { 1436 fill: #ffffff !important; 1437 } 1438 .search_box_general_style .sBtns:hover path, 1439 .search_box_general_style .sBtns:focus path, 1440 .search_box_general_style .sBtns:active path { 1441 fill: #ffffff !important; 1442 }
1443 .search_box_general_style:hover .sinps, 1444 .search_box_general_style:focus .sinps, 1445 .search_box_general_style:active .sinps, 1446 .search_box_general_style:hover .sBtns, 1447 .search_box_general_style:focus .sBtns, 1448 .search_box_general_style:active .sBtns { 1449 border-color: #022d57 !important; 1450 } 1451 svg.general_style, .svg_general_style { 1452 fill: #003da5 !important; 1453 stroke-width: .5 !important; 1454 stroke: #003da5 !important; 1455 } 1456 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { 1457 color: #022d57 !important; 1458 background: #ffffff !important; 1459 } 1460 .irs--big .irs-grid-text { 1461 color: #022d57 !important; 1462 } 1463 .irs--big .irs-grid-pol { 1464 background: #022d57 !important; 1465 } 1466 .irs--big .irs-bar { 1467 border-color: #ffffff !important; 1468 background: linear-gradient(to bottom, #022d57 0%, #022d57 30%, #022d57 100%) !important; 1469 } 1470 .irs--big .irs-handle { 1471 border-color: #B3B3B2; 1472 background: linear-gradient(to bottom, 0%, #003da5 30%, #003da5 100%) !important; 1473 } 1474 .pagination.general_style .page-link { 1475 font-size: 12px !important; 1476 font-family: ITC Avant Garde !important; 1477 font-weight: 400 !important; 1478 font-style: normal !important; 1479 1480 color: #022d57 !important; 1481 background-color: !important; 1482 border-color: !important; 1483 } 1484 .pagination.general_style .page-link:hover { 1485 color: !important; 1486 background-color: !important; 1487 border-color: !important; 1488 } 1489 .pagination.general_style .page-item.active .page-link { 1490 color: #ffffff !important; 1491 background-color: #022d57 !important; 1492 border-color: #022d57 !important; 1493 } 1494 input[type=checkbox].general_style { 1495 accent-color: #003da5 !important; 1496 } 1497 .breadcrumb.general_style .breadcrumb-item a, 1498 .breadcrumb.general_style .breadcrumb-item { 1499 font-size: 14px !important; 1500 font-family: ITC Avant Garde !important; 1501 font-weight: !important; 1502 font-style: normal !important; 1503 1504 letter-spacing: px !important; 1505 color: #000 !important; 1506 } 1507 .shapes-div .shapes-img.active { 1508 background-color: !important; 1509 color: !important; 1510 } 1511 .input_general_style { 1512 position: relative; 1513 } 1514 .input_general_style label { 1515 width: auto !important; 1516 position: absolute; 1517 top: 50%; 1518 left: 5px; 1519 z-index: 1; 1520 transform: translateY(-50%); 1521 transform-origin: 0% 100%; 1522 transition: all .2s ease-out; 1523 padding: 0 10px; 1524 margin: 0 !important; 1525 cursor: text; 1526 background: white; 1527 } 1528 .input_general_style label.active { 1529 top: 0; 1530 transform: translateY(-55%) scale(0.80); 1531 } 1532 1533 .input_general_style input::placeholder { 1534 color: transparent !important; 1535 } 1536 .input_general_style input { 1537 font-size: 16px !important; 1538 font-family: Berthold Akzidenz Grotesk !important; 1539 font-weight: !important; 1540 font-style: !important; 1541 color: !important; 1542 background-color: white !important; 1543 border-style: solid !important; 1544 border-width: px !important; 1545 border-radius: 0px !important; 1546 border-color: !important; 1547 } 1548 .input_general_style:hover input { 1549 border-color: !important; 1550 }
1551 .input_general_style input:-webkit-autofill, 1552 .input_general_style input:-webkit-autofill:hover, 1553 .input_general_style input:-webkit-autofill:focus, 1554 .input_general_style input:-webkit-autofill:active{ 1555 -webkit-box-shadow: 0 0 0 30px white inset !important; 1556 } 1557 .input_general_style input:focus { 1558 border-color: initial; 1559 box-shadow: unset; 1560 } 1561 .input_general_style .toggle-password-visibility { 1562 position: absolute; 1563 right: 5px; 1564 top: 50%; 1565 transform: translateY(-50%); 1566 border: 0; 1567 background: transparent; 1568 } 1569 .select_general_style { 1570 position: relative; 1571 } 1572 .select_general_style label { 1573 width: auto !important; 1574 position: absolute; 1575 top: 50%; 1576 left: 5px; 1577 transform: translateY(-50%); 1578 transform-origin: 0% 100%; 1579 transition: all .2s ease-out; 1580 padding: 0 10px; 1581 margin: 0 !important; 1582 cursor: text; 1583 background: white; 1584 } 1585 .select_general_style label.active { 1586 top: 0; 1587 transform: translateY(-55%) scale(0.80); 1588 } 1589 1590 .select_general_style select { 1591 font-size: 16px !important; 1592 font-family: Berthold Akzidenz Grotesk !important; 1593 font-weight: !important; 1594 font-style: !important; 1595 color: !important; 1596 border-style: solid !important; 1597 border-width: px !important; 1598 border-radius: 0px !important; 1599 border-color: !important; 1600 background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat !important; 1601 -webkit-appearance: none !important; 1602 -moz-appearance: none !important; 1603 appearance: none !important; 1604 } 1605 .select_general_style:hover select { 1606 border-color: !important; 1607 } 1608 .select_general_style select:focus { 1609 border-color: initial; 1610 box-shadow: unset; 1611 } 1612 .select_general_style select:-webkit-autofill, 1613 .select_general_style select:-webkit-autofill:hover, 1614 .select_general_style select:-webkit-autofill:focus, 1615 .select_general_style select:-webkit-autofill:active{ 1616 -webkit-box-shadow: 0 0 0 30px white inset !important; 1617 } 1618 .textarea_general_style { 1619 position: relative; 1620 } 1621 .textarea_general_style label { 1622 width: auto !important; 1623 position: absolute; 1624 top: 18px; 1625 left: 5px; 1626 transform: translateY(-50%); 1627 transform-origin: 0% 100%; 1628 transition: all .2s ease-out; 1629 padding: 0 10px; 1630 margin: 0 !important; 1631 cursor: text; 1632 background: white; 1633 } 1634 .textarea_general_style label.active { 1635 top: 0; 1636 transform: translateY(-55%) scale(0.80); 1637 } 1638 1639 .textarea_general_style textarea { 1640 font-size: 16px !important; 1641 font-family: Berthold Akzidenz Grotesk !important; 1642 font-weight: !important; 1643 font-style: !important; 1644 color: !important; 1645 background-color: white !important; 1646 border-style: solid !important; 1647 border-width: px !important; 1648 border-radius: 0px !important; 1649 border-color: !important; 1650 } 1651 .textarea_general_style:hover textarea { 1652 border-color: !important; 1653 } 1654 .textarea_general_style textarea:focus { 1655 border-color: initial; 1656 box-shadow: unset; 1657 } 1658 .textarea_general_style textarea:-webkit-autofill, 1659 .textarea_general_style textarea:-webkit-autofill:hover, 1660 .textarea_general_style textarea:-webkit-autofill:focus, 1661 .textarea_general_style textarea:-webkit-autofill:active{ 1662 -webkit-box-shadow: 0 0 0 30px white inset !important; 1663 } 1664 } 1665 </style><header class="appearance-desktop-view-template"> 1666 1667 1668 1669 <style> 1670 .header_container>.flex_row { 1671 display: flex; 1672 } 1673 1674 .header_container_1 { 1675 width: 100%; 1676 max-width: 100%; 1677 margin: 0 auto; 1678 position: relative !important; 1679 transform: inherit !important; 1680 } 1681 .header_container>.flex_row>.flex_col { 1682 display: flex; 1683 flex-wrap: wrap; 1684 box-sizing: border-box; 1685 align-content: baseline; 1686 } 1687 .header_container>.flex_row>.flex_col>.flex_cell { 1688 height: fit-content; 1689 display: flex; 1690 } 1691 .header_container>.flex_row>.flex_col>.flex_cell a { 1692 text-decoration: none; 1693 } 1694 .header_container img { 1695 max-width: 100%; 1696 } 1697 .row_spacer_cs { 1698 display: none; 1699 } 1700 .sticky_row { 1701 position: fixed; 1702 } 1703 .sticky_row + .row_spacer_cs { 1704 display: block; 1705 } 1706 </style> 1707 1708 <div class="header_container header_container_1" data-device-type="1"> 1709 1710 1711 1712 <div class="flex_row flex_row_1 "> 1713 1714 1715 <div class="flex_col flex_col_1"> 1716 1717 1718 </div> 1719 1720 <style> 1721 .header_container_1>.flex_row_1>.flex_col_1 { 1722 width:2%; } 1723 </style> 1724 1725 1726 1727 <div class="flex_col flex_col_2"> 1728 1729 1730<div class="flex_cell flex_cell_1 call_us"> 1731 <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
1731<svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>219-322-2700</span></a></div> </div> 1732<style> 1733 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 1734 width:px; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 1735 1736 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us { 1737 height:100%; } 1738 1739 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us>.flex_cell_content { 1740 display: flex; 1741 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1742 1743 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a { 1744 color:#ffffff; font-weight:400; font-style:normal; font-size:12px; font-family:ITC Avant Garde; display: flex; 1745 align-items: center; 1746 text-transform:none; } 1747 1748 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a svg, 1749 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1.call_us a img { 1750 margin-right: 5px; 1751 height:11px; } 1752 1753 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a .path_class { 1754 fill: currentColor; 1755 } 1756 1757 1758 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_1 a:hover { 1759 color:#ffffff; } 1760</style> 1761<div class="flex_cell flex_cell_2 custom_text"> 1762 <div class="flex_cell_content"> 1763 <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" target="_blank"> 1764 <p class="">Request An Appointment â</p> 1765 </a> 1766 </div> 1767</div> 1768<style> 1769 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text { 1770 width:px; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 1771 1772 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text { 1773 height:100%; } 1774 1775 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content { 1776 display: flex; 1777 margin-top:10px; margin-bottom:10px; margin-left:20px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1778 1779 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content>a p { 1780 line-height: inherit; 1781 margin:0; 1782 text-align:left; color:#ffffff; font-weight:300; font-style:normal; font-size:12px;font-family:ITC Avant Garde; text-transform:none; text-decoration:none; } 1783 1784 .header_container_1>.flex_row_1>.flex_col_2>.flex_cell_2.custom_text>.flex_cell_content>a p:hover { 1785 color:#ffffff; } 1786</style> 1787 1788 </div> 1789 1790 <style> 1791 .header_container_1>.flex_row_1>.flex_col_2 { 1792 width:28%; } 1793 </style> 1794 1795 1796 1797 <div class="flex_col flex_col_3"> 1798 1799 1800 </div> 1801 1802 <style> 1803 .header_container_1>.flex_row_1>.flex_col_3 { 1804 width:2%; } 1805 </style> 1806 1807 1808 1809 <div class="flex_col flex_col_4"> 1810 1811 1812<div class="flex_cell flex_cell_1 custom_text"> 1813 <div class="flex_cell_content"> 1814 <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/best-sellers" > 1815 <p class="">Spend $200 or more for FREE 2-Day Shipping! Free In-Store Pickup!</p> 1816 </a> 1817 </div> 1818</div> 1819<style> 1820 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text { 1821 width:100%; justify-content:center;
1821 -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 1822 1823 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text { 1824 height:100%; } 1825 1826 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content { 1827 display: flex; 1828 margin-top:13px; margin-bottom:13px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1829 1830 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content>a p { 1831 line-height: inherit; 1832 margin:0; 1833 text-align:center; color:#ffffff; font-weight:300; font-style:normal; font-size:12px;font-family:ITC Avant Garde; text-transform:none; text-decoration:none; } 1834 1835 .header_container_1>.flex_row_1>.flex_col_4>.flex_cell_1.custom_text>.flex_cell_content>a p:hover { 1836 color:#ffffff; } 1837</style> 1838 1839 </div> 1840 1841 <style> 1842 .header_container_1>.flex_row_1>.flex_col_4 { 1843 width:36%; } 1844 </style> 1845 1846 1847 1848 <div class="flex_col flex_col_5"> 1849 1850 1851<div class="flex_cell flex_cell_1 sl_element"> 1852 <div class="flex_cell_content"><a class="fas-store " href="javascript:" title="Store Locator"><svg class="store-locator-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 64 64"><path d="M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93l16,24C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24C54.289,34.008,56,29.219,56,24C56,10.746,45.254,0,32,0z M32,32c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S36.418,32,32,32z"/></svg><span class="sl-selected-store"></span></a></div> </div> 1853<style> 1854 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element { 1855 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 1856 1857 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element { 1858 } 1859 1860 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element>.flex_cell_content { 1861 display: flex; 1862 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1863 1864 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a { 1865 color:#022d57; font-style:normal; font-size:px; font-family:Arial; display: flex; 1866 align-items: center; 1867 text-transform:none; } 1868 1869 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element a svg, 1870 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1.sl_element a img { 1871 margin-right: 5px; 1872 height:16px; } 1873 1874 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a .path_class { 1875 fill: currentColor; 1876 } 1877 1878 1879 .header_container_1>.flex_row_1>.flex_col_5>.flex_cell_1 a:hover { 1880 color:#022d57; } 1881</style> 1882 1883 </div> 1884 1885 <style> 1886 .header_container_1>.flex_row_1>.flex_col_5 { 1887 width:20%; } 1888 </style> 1889 1890 1891 1892 <div class="flex_col flex_col_6"> 1893 1894 1895<div class="flex_cell flex_cell_1 account_icons"> 1896 <div class="flex_cell_content"> 1897 1898 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1"> 1899 <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg>
1899 <span class="item-count-badge wishlist-count-badge d-none"></span> 1900 </a> 1901 1902 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2"> 1903 <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg> <span class="item-count-badge build-shopping-cart-item-counter d-none"></span> 1904 </a> 1905 1906 1907 <a class="" href="/login" title="My Account" style="order: 3"> 1908 <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg> </a> 1909 </div> 1910</div> 1911 1912<style> 1913 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons { 1914 width:100%; justify-content: flex-end; 1915 align-items:center; -webkit-align-items:center; } 1916 1917 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons { 1918 height:100%; } 1919 1920 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons>.flex_cell_content { 1921 display: flex; 1922 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 1923 1924 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 1925 display: none !important; 1926 } 1927 1928 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a { 1929 display: flex; 1930 align-items: center; 1931 color:#ffffff; font-weight:400; font-style:normal; font-size:15px; font-family:Libre Baskerville; margin-left: 12px; 1932 text-transform:none; } 1933 1934 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a svg, 1935 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a img { 1936 flex-shrink: 0; 1937 margin-right: 5px; 1938 width:14px; height:14px; } 1939 1940 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .path_class { 1941 fill: currentColor; 1942 } 1943 1944 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a:hover { 1945 color:#ffffff; } 1946 1947 .header_container_1>.flex_row_1>.flex_col_6>.flex_cell_1.account_icons a .item-count-badge { 1948 padding: 0 5px; 1949 height: 16px; 1950 min-width: 16px; 1951 text-align: center; 1952 border-radius: 7px; 1953 line-height: 16px; 1954 border: 1px solid #fff; 1955 font-style: normal; 1956 font-weight: 700; 1957 font-size: 10px; 1958 background-color:#cdb877; color:#ffffff; margin-left: -10px; 1959 margin-top: -15px; 1960 } 1961</style> 1962 </div> 1963 1964 <style> 1965 .header_container_1>.flex_row_1>.flex_col_6 { 1966 width:10%; } 1967 </style> 1968 1969 1970 1971 <div class="flex_col flex_col_7"> 1972 1973 1974 </div> 1975 1976 <style> 1977 .header_container_1>.flex_row_1>.flex_col_7 { 1978 width:2%; } 1979 </style> 1980 1981 1982 1983 </div> 1984 1985 1986 <style> 1987 .header_container_1>.flex_row_1 { 1988 background-color: #022d57; 1989 1990 color:#000000; height:auto; 1991 1992 } 1993 1994 </style> 1995 1996 1997 1998 1999 2000 <div class="flex_row flex_row_2 "> 2001 2002 2003 <div class="flex_col flex_col_1"> 2004 2005 <div class="flex_cell flex_cell_1 line"> 2006 <div class="s_line"></div> 2007 </div> 2008 2009<style> 2010 .header_container_1>.flex_row_2>.flex_col_1>.flex_cell_1 { 2011 width: 100%; 2012 justify-content:center;
2012 -webkit-justify-content:center; margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2013 2014 2015 .header_container_1>.flex_row_2>.flex_col_1>.flex_cell_1 .s_line { 2016 background-color:#ffffff; border-style: solid; 2017 width:100%; border-radius:0px; border-width:0px; border-color:#000000; } 2018 2019</style> 2020 </div> 2021 2022 <style> 2023 .header_container_1>.flex_row_2>.flex_col_1 { 2024 width:100%; } 2025 </style> 2026 2027 2028 2029 </div> 2030 2031 2032 <style> 2033 .header_container_1>.flex_row_2 { 2034 background-color: #ffffff; 2035 2036 color:#000000; height:20px; 2037 2038 } 2039 2040 </style> 2041 2042 2043 2044 2045 2046 <div class="flex_row flex_row_3 "> 2047 2048 2049 <div class="flex_col flex_col_1"> 2050 2051 2052 </div> 2053 2054 <style> 2055 .header_container_1>.flex_row_3>.flex_col_1 { 2056 width:2%; } 2057 </style> 2058 2059 2060 2061 <div class="flex_col flex_col_2"> 2062 2063 <div class="flex_cell flex_cell_1 menu"> 2064 <div class="flex_cell_content"> 2065 <style> 2066 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-inner, 2067 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-parent { 2068 width: 30px; 2069 height: 24px; 2070 position: relative; 2071 cursor: pointer; 2072 } 2073 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 2074 fill: #022d57; } 2075 2076 2077 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu a.hamburger-menu-nav-section, 2078 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu a.hamburger-menu-close-button{ 2079 color:#000000; display: flex; 2080 font-weight:400; font-style:normal; font-size:15px; font-family:ITC Avant Garde; text-transform:none; line-height:48px; } 2081 </style> 2082 2083 <div id="desktop_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="desktop_hamburger_menu_template"> 2084 <div class="hamburger-button-parent"> 2085 <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 2086 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 2087 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 2088 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 2089 </svg> 2090 2091 2092 </div> 2093 </div> 2094 </div> 2095</div> 2096 2097<style> 2098 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu { 2099 width:100%; justify-content: flex-start; 2100 align-items:center; -webkit-align-items:center; } 2101 2102 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu { 2103 height:100%; } 2104 2105 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content { 2106 display: flex; 2107 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2108 2109 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 2110 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 2111 color:#000000; display: flex; 2112 font-weight:400; font-style:normal; font-size:15px; font-family:ITC Avant Garde; text-transform:none; line-height:48px; } 2113 2114 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 2115 color:#000000; } 2116</style> 2117 </div> 2118 2119 <style> 2120 .header_container_1>.flex_row_3>.flex_col_2 { 2121 width:5%; } 2122 </style> 2123 2124 2125 2126 <div class="flex_col flex_col_3"> 2127 2128 2129 2130<div class="flex_cell flex_cell_1 image"> 2131 <div class="flex_cell_content"> 2132 2133 <a href="https://www.albertsjewelers.com/" 2134 > 2135 2136 2137 <img 2138 height="100px" width="200px" 2139 2140 src="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos---d.png" 2141 2142 alt="Abert's Diamond Jewelers"> 2143 2144 2145 </a> 2146 2147 </div> 2148</div> 2149 <style> 2150 .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image { 2151 width:100%; justify-content:left;
2151 -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 2152 .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image>.flex_cell_content { 2153 display: flex; 2154 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2155 .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image img { 2156 max-width:180px; } 2157 2158 .header_container_1>.flex_row_3>.flex_col_3>.flex_cell_1.image { 2159 height:100%; } 2160 </style> 2161 2162 2163 </div> 2164 2165 <style> 2166 .header_container_1>.flex_row_3>.flex_col_3 { 2167 width:24%; } 2168 </style> 2169 2170 2171 2172 <div class="flex_col flex_col_4"> 2173 2174 2175<div class="flex_cell flex_cell_1 search_box"> 2176 <div class="flex_cell_content"> 2177 <form class="sform" id="search-box-form" 2178 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 2179 <div class="inputs-group"> 2180 <button class="sBtn"> 2181 <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg> 2182 </button> 2183 <input class="sinp" type="text" name="search" 2184 placeholder="Watches, Jewelry, Rings..." 2185 aria-label="Watches, Jewelry, Rings..." 2186 > 2187 </div> 2188 </form> 2189 </div> 2190</div> 2191<style> 2192 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box { 2193 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 2194 2195 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box { 2196 height:100%; } 2197 2198 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1.search_box>.flex_cell_content { 2199 display: flex; 2200 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; width:75%; } 2201 2202 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sform, .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .inputs-group { 2203 width: 100%; 2204 display: flex; 2205 flex-wrap: nowrap; 2206 } 2207 2208 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp { 2209 border-radius: 0px; 2210 padding: 4px 8px; 2211 outline: 0px; 2212 box-shadow: none; 2213 font-size:12px; font-family:Libre Baskerville; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; 2214 2215 2216 border-style: solid; 2217 border-width:1px; border-color:#ffffff; 2218 2219 border-left:0px; 2220 width: 100%; 2221 2222 border-bottom-color:#022d57; } 2223 2224 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp:hover { 2225 } 2226 2227 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sinp::placeholder { 2228 font-size:12px; font-family:Libre Baskerville; color:#022d57; opacity: 1;
2229 } 2230 2231 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn { 2232 height: 100%; 2233 border-radius: 0px; 2234 padding: 4px; 2235 align-items: center; 2236 justify-content: center; 2237 display: flex; 2238 border-style: solid; 2239 border-width:1px; border-color:#ffffff; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; border-right:0px; 2240 2241 } 2242 2243 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn:hover { 2244 background-color:#ffffff; } 2245 2246 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn svg { 2247 width:11px; height:11px; } 2248 2249 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn .path_class { 2250 fill:#022d57; } 2251 2252 .header_container_1>.flex_row_3>.flex_col_4>.flex_cell_1 .sBtn:hover .path_class { 2253 fill:#022d57; } 2254 2255</style> 2256 </div> 2257 2258 <style> 2259 .header_container_1>.flex_row_3>.flex_col_4 { 2260 width:37%; } 2261 </style> 2262 2263 2264 2265 <div class="flex_col flex_col_5"> 2266 2267 2268 2269<div class="flex_cell flex_cell_1 image"> 2270 <div class="flex_cell_content"> 2271 2272 <a href="https://www.albertsjewelers.com/david-yurman" 2273 > 2274 2275 2276 <img 2277 height="65px" width="140px" 2278 2279 src="https://www.albertsjewelers.com/public/1.0/uploads/source/dy_widget.jpg" 2280 2281 alt="David Yurman Logo"> 2282 2283 2284 </a> 2285 2286 </div> 2287</div> 2288 <style> 2289 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image { 2290 width:140px; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 2291 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image>.flex_cell_content { 2292 display: flex; 2293 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2294 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image img { 2295 } 2296 2297 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_1.image { 2298 height:100%; } 2299 </style> 2300 2301 2302 2303<div class="flex_cell flex_cell_2 image"> 2304 <div class="flex_cell_content"> 2305 2306 <a href="https://www.albertsjewelers.com/breitling" 2307 target="_blank" rel="noopener noreferrer"> 2308 2309 2310 <img 2311 height="65px" width="140px" 2312 2313 src="https://www.albertsjewelers.com/public/1.0/uploads/source/breitling_plaque.jpg" 2314 2315 alt="Breitling"> 2316 2317 2318 </a> 2319 2320 </div> 2321</div> 2322 <style> 2323 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image { 2324 width:140px; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 2325 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image>.flex_cell_content { 2326 display: flex; 2327 margin-top:px; margin-bottom:px; margin-left:5px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 2328 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image img { 2329 } 2330 2331 .header_container_1>.flex_row_3>.flex_col_5>.flex_cell_2.image { 2332 height:100%; } 2333 </style> 2334 2335 2336 </div> 2337 2338 <style> 2339 .header_container_1>.flex_row_3>.flex_col_5 { 2340 width:30%; } 2341 </style> 2342 2343 2344 2345 <div class="flex_col flex_col_6"> 2346 2347 2348 </div> 2349 2350 <style> 2351 .header_container_1>.flex_row_3>.flex_col_6 { 2352 width:2%; } 2353 </style> 2354 2355 2356 2357 </div> 2358 2359 2360 <style> 2361 .header_container_1>.flex_row_3 { 2362 background-color: #ffffff; 2363 2364 color:#000000; height:auto; 2365 2366 } 2367 2368 </style> 2369 2370 2371 2372 2373 2374 <div class="flex_row flex_row_4 "> 2375 2376 2377 <div class="flex_col flex_col_1"> 2378 2379 2380 </div> 2381 2382 <style> 2383 .header_container_1>.flex_row_4>.flex_col_1 { 2384 width:100%; } 2385 </style> 2386 2387 2388 2389 </div> 2390 2391 2392 <style> 2393 .header_container_1>.flex_row_4 { 2394 background-color: #ffffff; 2395 2396 color:#000000; height:17px; 2397 2398 } 2399 2400 </style> 2401 2402 2403 2404 2405 2406 2407 <div class="flex_row"> 2408 2409 2410 <div class="flex_col"> 2411 2412 2413 </div> 2414 2415 <div class="flex_col"> 2416 2417 2418 </div> 2419 2420 <div class="flex_col"> 2421 2422 2423 </div> 2424 2425 <div class="flex_col"> 2426 2427 2428 </div> 2429 2430 <div class="flex_col"> 2431 2432 2433 </div> 2434 2435 <div class="flex_col"> 2436 2437 2438 </div> 2439 2440 <div class="flex_col"> 2441 2442 2443 </div> 2444 2445 </div> 2446 2447 2448 2449 <div class="flex_row"> 2450 2451 2452 <div class="flex_col"> 2453 2454 2455 </div> 2456 2457 </div> 2458 2459 2460 2461 <div class="flex_row"> 2462 2463 2464 <div class="flex_col"> 2465 2466 2467 </div> 2468 2469 <div class="flex_col"> 2470 2471 <div class="flex_cell flex_cell_1 menu"> 2472 <style> 2473 body.no-scroll { 2474 overflow: hidden; 2475 }
2476 #desktop_hamburger_menu_template { 2477 position: fixed; 2478 top: 0; 2479 left: 0; 2480 width: 425px; 2481 overflow-y: auto; 2482 left: -425px; 2483 z-index: 1000000001; 2484 background-color: #ffffff; 2485 transition: all 0.3s ease; 2486 height: 100%; 2487 max-height: 100vh; 2488 -webkit-overflow-scrolling: touch; 2489 box-sizing: border-box; 2490 } 2491 #desktop_hamburger_menu_template_overlay.open { 2492 position: absolute; 2493 top: 0; 2494 left: 0; 2495 right: 0; 2496 z-index: 100; 2497 transition: all 0.3s ease; 2498 height: 100vh; 2499 background: rgba(1, 1, 1, 0.5); 2500 cursor: pointer; 2501 box-sizing: border-box; 2502 } 2503 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m { 2504 height: 100vh; 2505 overflow-y: auto; 2506 -webkit-overflow-scrolling: touch; 2507 box-sizing: border-box; 2508 padding-right: 30px; 2509 } 2510 2511 /* Applies to your scrollable element */ 2512 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m,
2513 #desktop_hamburger_menu_template .sub-menu-panel { 2514 /* existing styles */ 2515 overflow-y: auto; 2516 scroll-behavior: smooth; 2517 2518 /* Optional smoother experience on mobile */ 2519 -webkit-overflow-scrolling: touch; 2520 } 2521 2522 /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */ 2523 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar, 2524 #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar { 2525 width: 8px; 2526 } 2527 2528 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track, 2529 #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track { 2530 background: #f0f0f0; /* Light background */ 2531 border-radius: 4px; 2532 } 2533 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb, 2534 #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb { 2535 background-color: #ccc; 2536 border-radius: 4px; 2537 border: 2px solid #f0f0f0; /* Matches track */ 2538 } 2539 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover,
2540 #desktop_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover { 2541 background-color: #999; 2542 } 2543 2544 /* Firefox scrollbar styling */ 2545 @supports (scrollbar-color: auto) { 2546 #desktop_hamburger_menu_template .hamburger-menu-template-inner-m, 2547 #desktop_hamburger_menu_template .sub-menu-panel { 2548 scrollbar-width: thin; 2549 scrollbar-color: #ccc #f0f0f0; /* thumb and track */ 2550 } 2551 } 2552 #desktop_hamburger_menu_template .hamburger-menu-template-inner { 2553 padding: 30px; 2554 width: 425px; 2555 padding-right: 0px; 2556 position: fixed; 2557 box-sizing: border-box; 2558 } 2559 #desktop_hamburger_menu_template .hamburger-menu-close-button { 2560 font-size: 14px !important; 2561 display: flex; 2562 align-items: center; 2563 margin-bottom: 20px; 2564 } 2565 #desktop_hamburger_menu_template .hamburger-menu-close-button svg { 2566 height: 24px; 2567 margin-right: 5px; 2568 } 2569 #desktop_hamburger_menu_template .hamburger-menu-nav-section { 2570 display: flex; 2571 justify-content: space-between; 2572 align-items: center; 2573 box-sizing: border-box; 2574 } 2575 #desktop_hamburger_menu_template .sub_title_m { 2576 color: #444; 2577 text-transform: uppercase; 2578 font-weight: 400; 2579 font-size: 14px; 2580 margin-top: 30px; 2581 margin-bottom: 30px; 2582 letter-spacing: 2px; 2583 display:flex; 2584 } 2585 #desktop_hamburger_menu_template .hamburger-menu-nav-section svg { 2586 height: 20px; 2587 float: right; 2588 } 2589 #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{ 2590 text-decoration: underline; 2591 } 2592 #desktop_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{ 2593 min-width:30px; 2594 justify-content: end; 2595 } 2596 #desktop_hamburger_menu_template .icon_and_name { 2597 display:flex; 2598 align-items:center; 2599 gap:10px; 2600 } 2601 #desktop_hamburger_menu_template .ham_menu_container { 2602 display:flex; 2603 justify-content: space-between; 2604 } 2605 #desktop_hamburger_menu_template.open { 2606 left: 0; 2607 2608 }
2609 #desktop_hamburger_menu_template .sub-menu-panel { 2610 padding: 30px; 2611 padding-top: 60px; 2612 position: absolute; 2613 top: 0; 2614 left: 425px; 2615 width: 425px; 2616 height: 100vh; 2617 background-color: #fff; 2618 overflow-y: auto; 2619 z-index: 999999; 2620 opacity: 0; 2621 transition: opacity 0.5s ease; 2622 } 2623 2624 #desktop_hamburger_menu_template .sub-menu-panel.open { 2625 opacity: 1; 2626 z-index: 9999999; 2627 } 2628 2629 2630 2631 #desktop_hamburger_menu_template a.hamburger-menu-nav-section, 2632 #desktop_hamburger_menu_template button.hamburger-menu-nav-section, 2633 #desktop_hamburger_menu_template a.hamburger-menu-close-button, 2634 #desktop_hamburger_menu_template button.hamburger-menu-close-button { 2635 position: relative; 2636 color:#000000; display: flex; 2637 font-weight:400; font-style:normal; font-size:15px; font-family:ITC Avant Garde; text-transform:none; line-height:48px; } 2638 #desktop_hamburger_menu_template button.hamburger-menu-nav-section,
2639 #desktop_hamburger_menu_template button.hamburger-menu-close-button { 2640 background: none; 2641 border: none; 2642 padding: 0; 2643 cursor: pointer; 2644 width: 100%; 2645 } 2646 /* this is not working in dash */ 2647 #desktop_hamburger_menu_template a.hamburger-menu-nav-section:hover, 2648 #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover, 2649 #desktop_hamburger_menu_template a.hamburger-menu-nav-section.active, 2650 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active 2651 { 2652 color: #000; 2653 } 2654 #desktop_hamburger_menu_template a.hamburger-menu-nav-section::after, 2655 #desktop_hamburger_menu_template button.hamburger-menu-nav-section::after { 2656 content: ""; 2657 position: absolute; 2658 left: 0; 2659 bottom: 0; 2660 width: 0%; 2661 height: 0.5px; 2662 background-color: #000; 2663 transition: width 0.5s ease; 2664 } 2665 #desktop_hamburger_menu_template a.hamburger-menu-nav-section.active::after,
2666 #desktop_hamburger_menu_template button.hamburger-menu-nav-section.active::after { 2667 width: 100%; 2668 } 2669 2670 #desktop_hamburger_menu_template a.hamburger-menu-nav-section:hover::after, 2671 #desktop_hamburger_menu_template button.hamburger-menu-nav-section:hover::after { 2672 width: 100%; 2673 } 2674 #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 2675 display: none; 2676 padding: 15px 0px; 2677 padding-left: 20px; 2678 background: #fff; 2679 } 2680 #desktop_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 2681 display: block; 2682 padding-top:2px; 2683 } 2684 2685 #desktop_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img, 2686 #desktop_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img { 2687 height:25px; 2688 } 2689 @media (min-width: 768px) { 2690 .hide_desktop { 2691 display:none!important; 2692 } 2693 } 2694 2695 @media (max-width: 767.9px) { 2696 .hide_mobile { 2697 display:none!important; 2698 } 2699 #desktop_hamburger_menu_template .sub_title_m svg { 2700 height: 20px; 2701 transform: rotate(180deg); 2702 } 2703 #desktop_hamburger_menu_template .sub_title_m { 2704 align-items: center; 2705 gap: 8px; 2706 cursor: pointer; 2707 } 2708 #desktop_hamburger_menu_template { 2709 position: fixed; 2710 top: 0; 2711 left: 0; 2712 width: 100%; 2713 overflow-y: auto; 2714 left: -100%; 2715 z-index: 9999998; 2716 background-color: #ffffff; 2717 transition: all 0.3s ease; 2718 height: 100%; 2719 max-height: 100vh; 2720 -webkit-overflow-scrolling: touch; 2721 box-sizing: border-box; 2722 } 2723 2724 #desktop_hamburger_menu_template .sub-menu-panel { 2725 padding: 30px; 2726 padding-top: 30px; 2727 padding-bottom: 100px; 2728 position: absolute; 2729 top: 0; 2730 left: 200%; 2731 width: 100%; 2732 height: 100vh; 2733 background-color: #fff; 2734 overflow-y: auto; 2735 z-index: -1; 2736 opacity: 1; 2737 transition: 0.5s ease; 2738 box-sizing: border-box; 2739 } 2740 #desktop_hamburger_menu_template .sub-menu-panel.open { 2741 opacity: 1; 2742 left: 0px; 2743 z-index: 9999999; 2744 } 2745 2746 #desktop_hamburger_menu_template .hamburger-menu-template-inner { 2747 width: 100%; 2748 } 2749 2750 2751 } 2752 2753 2754 2755 </style> 2756 2757 <nav id="desktop_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 2758 2759 <div class="hamburger-menu-template-inner"> 2760 <div class="hamburger-menu-template-inner-m"> 2761 <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="desktop_hamburger_close_button" role="button"> 2762 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-13ewnpa" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.2928L17.7703 5.52254L18.4774 6.22964L12.7071 11.9999L18.4775 17.7704L17.7704 18.4775L12 12.7071L6.22957 18.4775L5.52246 17.7704L11.2929 11.9999L5.52256 6.22964L6.22967 5.52254L12 11.2928Z" fill="currentColor"></path></svg> 2763 </a> 2764 2765 <div class="script_before_menu"> 2766 2767 2768<div class="flex_cell flex_cell_1 image"> 2769 <div class="flex_cell_content"> 2770 2771 2772 2773 <img 2774 2775 2776 src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png" 2777 2778 alt="Albert's Jewelers"> 2779 2780 2781 2782 </div> 2783</div> 2784 <style> 2785 .header_container_1 .flex_row .flex_col .script_before_menu .image { 2786 width:100%; justify-content:left !important; align-items:center !important; } 2787 .header_container_1 .flex_row .flex_col .script_before_menu .image>.flex_cell_content { 2788 display: flex; 2789 margin-top:px !important; margin-bottom:px !important; margin-left:px !important; margin-right:px !important; padding-top:px !important; padding-bottom:px !important; padding-left:px !important; padding-right:px !important; } 2790 .header_container_1 .flex_row .flex_col .script_before_menu .image img { 2791 max-width:180px; } 2792 2793 .header_container_1>.flex_row_3>.flex_col_2>.flex_cell_1.image { 2794 } 2795 </style> 2796 2797 </div> 2798 <div style="clear: both"></div> 2799 2800 2801 <a style="margin-top:25px"
2802 class="hamburger-menu-nav-section " 2803 title="New Arrivals" 2804 href="#!" > 2805 2806 <span class="icon_and_name"> 2807 2808 New Arrivals </span> 2809 2810 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 2811 2812 </a> 2813 2814 2815 2816 <div class="sub-menu-panel" id="desktop-sub-menu-panel-216"> 2817 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 2818 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 2819 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 2820</svg> 2821 2822 New Arrivals 2823 </div> 2824 <div class="sub_title_m hide_mobile">New Arrivals</div> 2825 2826 2827 <!-- desktop_hamburger_menu_216_start --> 2828 <div id="desktop_hamburger_menu_216"></div> 2829 <!-- desktop_hamburger_menu_216_end --> 2830 </div> 2831 2832 2833 2834 <a style="margin-top:25px" 2835 class="hamburger-menu-nav-section " 2836 title="Engagement Rings" 2837 href="#!" > 2838 2839 <span class="icon_and_name"> 2840 2841 Engagement Rings </span> 2842 2843 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 2844 2845 </a> 2846 2847 2848 2849 <div class="sub-menu-panel" id="desktop-sub-menu-panel-6"> 2850 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 2851 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 2852 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 2853</svg> 2854 2855 Engagement Rings 2856 </div> 2857 <div class="sub_title_m hide_mobile">Engagement Rings</div> 2858 2859 2860 <!-- desktop_hamburger_menu_6_start --> 2861 <div id="desktop_hamburger_menu_6"></div> 2862 <!-- desktop_hamburger_menu_6_end --> 2863 </div> 2864 2865 2866 2867 <a style="" 2868 class="hamburger-menu-nav-section " 2869 title="Wedding Bands" 2870 href="#!" > 2871 2872 <span class="icon_and_name"> 2873 2874 Wedding Bands </span> 2875 2876 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 2877 2878 </a> 2879 2880 2881
2882 <div class="sub-menu-panel" id="desktop-sub-menu-panel-12"> 2883 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 2884 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 2885 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 2886</svg> 2887 2888 Wedding Bands 2889 </div> 2890 <div class="sub_title_m hide_mobile">Wedding Bands</div> 2891 2892 2893 <!-- desktop_hamburger_menu_12_start --> 2894 <div id="desktop_hamburger_menu_12"></div> 2895 <!-- desktop_hamburger_menu_12_end --> 2896 </div> 2897 2898 2899 2900 <a style="" 2901 class="hamburger-menu-nav-section " 2902 title="Diamonds" 2903 href="#!" > 2904 2905 <span class="icon_and_name"> 2906 2907 Diamonds </span> 2908 2909 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 2910 2911 </a> 2912 2913 2914 2915 <div class="sub-menu-panel" id="desktop-sub-menu-panel-11"> 2916 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 2917 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 2918 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 2919</svg> 2920 2921 Diamonds 2922 </div> 2923 <div class="sub_title_m hide_mobile">Diamonds</div> 2924 2925 2926 <!-- desktop_hamburger_menu_11_start --> 2927 <div id="desktop_hamburger_menu_11"></div> 2928 <!-- desktop_hamburger_menu_11_end --> 2929 </div> 2930 2931 2932 2933 <a style="margin-top:20px" 2934 class="hamburger-menu-nav-section " 2935 title="Designers " 2936 href="#!" > 2937 2938 <span class="icon_and_name"> 2939 2940 Designers </span> 2941 2942 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 2943 2944 </a> 2945 2946 2947 2948 <div class="sub-menu-panel" id="desktop-sub-menu-panel-72"> 2949 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 2950 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 2951 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 2952</svg> 2953 2954 Designers 2955 </div> 2956 <div class="sub_title_m hide_mobile">Designers </div> 2957 2958 2959 <!-- desktop_hamburger_menu_72_start --> 2960 <div id="desktop_hamburger_menu_72"></div> 2961 <!-- desktop_hamburger_menu_72_end --> 2962 </div> 2963 2964 2965 2966 <a style=""
2967 class="hamburger-menu-nav-section " 2968 title="Fine Jewelry" 2969 href="#!" > 2970 2971 <span class="icon_and_name"> 2972 2973 Fine Jewelry </span> 2974 2975 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 2976 2977 </a> 2978 2979 2980 2981 <div class="sub-menu-panel" id="desktop-sub-menu-panel-16"> 2982 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 2983 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 2984 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 2985</svg> 2986 2987 Fine Jewelry 2988 </div> 2989 <div class="sub_title_m hide_mobile">Fine Jewelry</div> 2990 2991 2992 <!-- desktop_hamburger_menu_16_start --> 2993 <div id="desktop_hamburger_menu_16"></div> 2994 <!-- desktop_hamburger_menu_16_end --> 2995 </div> 2996 2997 2998 2999 <a style="" 3000 class="hamburger-menu-nav-section " 3001 title="Timepieces" 3002 href="#!" > 3003 3004 <span class="icon_and_name"> 3005 3006 Timepieces </span> 3007 3008 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 3009 3010 </a> 3011 3012 3013 3014 <div class="sub-menu-panel" id="desktop-sub-menu-panel-20"> 3015 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 3016 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 3017 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 3018</svg> 3019 3020 Timepieces 3021 </div> 3022 <div class="sub_title_m hide_mobile">Timepieces</div> 3023 3024 3025 <!-- desktop_hamburger_menu_20_start --> 3026 <div id="desktop_hamburger_menu_20"></div> 3027 <!-- desktop_hamburger_menu_20_end --> 3028 </div> 3029 3030 3031 3032 <a style="margin-top:20px" 3033 class="hamburger-menu-nav-section " 3034 title="Services" 3035 href="#!" > 3036 3037 <span class="icon_and_name"> 3038 3039 Services </span> 3040 3041 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 3042 3043 </a> 3044 3045 3046
3047 <div class="sub-menu-panel" id="desktop-sub-menu-panel-179"> 3048 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 3049 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 3050 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 3051</svg> 3052 3053 Services 3054 </div> 3055 <div class="sub_title_m hide_mobile">Services</div> 3056 3057 3058 <!-- desktop_hamburger_menu_179_start --> 3059 <div id="desktop_hamburger_menu_179"></div> 3060 <!-- desktop_hamburger_menu_179_end --> 3061 </div> 3062 3063 3064 3065 <a style="" 3066 class="hamburger-menu-nav-section " 3067 title="Contact" 3068 href="#!" > 3069 3070 <span class="icon_and_name"> 3071 3072 Contact </span> 3073 3074 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 3075 3076 </a> 3077 3078 3079 3080 <div class="sub-menu-panel" id="desktop-sub-menu-panel-22"> 3081 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 3082 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 3083 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 3084</svg> 3085 3086 Contact 3087 </div> 3088 <div class="sub_title_m hide_mobile">Contact</div> 3089 3090 3091 <!-- desktop_hamburger_menu_22_start --> 3092 <div id="desktop_hamburger_menu_22"></div> 3093 <!-- desktop_hamburger_menu_22_end --> 3094 </div> 3095 3096 <div class="script_after_menu"> 3097 </div> 3098 </div> 3099 </div> 3100 </nav>
3101 <div class="hamburger-menu-template-overlay" id="desktop_hamburger_menu_template_overlay"></div> 3102 3103
3103<script> 3104 $(function () { 3105 3106 3107 const trap = focusTrap.createFocusTrap('#desktop_hamburger_menu_template', { 3108 onActivate: () => $('#desktop_hamburger_menu_template').addClass('is-active'), 3109 onDeactivate: () => $('#desktop_hamburger_menu_template').removeClass('is-active'), 3110 clickOutsideDeactivates: true 3111 }); 3112 3113 3114 3115 function updatePanelWidth() { 3116 const elements = document.querySelectorAll('.custom_bm_fw'); 3117 3118 elements.forEach(element => { 3119 const panel = element.closest('.sub-menu-panel'); 3120 if (panel) { 3121 if (window.innerWidth > 768) { 3122 const newWidth = window.innerWidth - 425; 3123 panel.style.width = `${newWidth}px`; 3124 } else { 3125 panel.removeAttribute('style'); 3126 } 3127 } 3128 }); 3129 } 3130 3131 updatePanelWidth(); 3132 window.addEventListener('resize', updatePanelWidth); 3133 3134 let $lastNavTrigger = null; 3135 $('.sub-menu-panel').attr('tabindex', '-1'); 3136 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 3137 3138 3139 3140 $('#desktop_hamburger_button').on('click keypress', function (event) { 3141 if(event.which === 13 || event.which === 32 || event.type == 'click') { 3142 if(event.which === 32) { 3143 event.preventDefault(); 3144 } 3145 document.body.classList.add('no-scroll'); 3146 $('#desktop_hamburger_menu_template').toggleClass('open') 3147 $('#desktop_hamburger_menu_template_overlay').toggleClass('open') 3148 $('#desktop_hamburger_menu_template').removeAttr('inert') 3149 trap.activate() 3150 $('#desktop_hamburger_close_button').focus() 3151 } 3152 }) 3153 3154 function closeSubMenu() { 3155 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 3156 panel.classList.remove('open'); 3157 }) 3158 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 3159 panel.classList.remove('active'); 3160 }) 3161 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 3162 // Restore main-list nav items to the tab order 3163 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 3164 if ($lastNavTrigger) { 3165 $lastNavTrigger.focus(); 3166 $lastNavTrigger = null; 3167 } 3168 } 3169 3170 $('.header_container_1').on('click', '.close_sub_menu', function() { 3171 closeSubMenu(); 3172 }) 3173 3174 $('.header_container_1').on('keydown', '.close_sub_menu', function(event) { 3175 if (event.key === 'Enter' || event.key === ' ') { 3176 event.preventDefault(); 3177 closeSubMenu(); 3178 } 3179 }) 3180 3181 3182 3183 // Cycle Tab focus within the open sub-menu-panel (last item â first item) 3184 $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) { 3185 if (event.key !== 'Tab' || event.shiftKey) return; 3186 var $panel = $(this).closest('.sub-menu-panel.open'); 3187 var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]'); 3188 if ($focusable.last().is(this)) { 3189 event.preventDefault(); 3190 $focusable.first().trigger('focus'); 3191 } 3192 }); 3193 3194 $('#desktop_hamburger_close_button, #desktop_hamburger_menu_template_overlay').on('click keypress', function (event) { 3195 // <button> fires a synthetic click on Enter/Space â skip keypress to avoid double-fire 3196 if (event.type === 'keypress' && this.tagName === 'BUTTON') { 3197 return; 3198 } 3199 if(event.which === 13 || event.which === 32 || event.type == 'click') { 3200 if (event.which === 32) { 3201 event.preventDefault(); 3202 } 3203 3204 closeHamburgerMenu(); 3205 } 3206 }) 3207 3208 $(window).resize(function () { 3209 if($(window).width() <= 992) closeHamburgerMenu(); 3210 }) 3211 3212 function closeHamburgerMenu() {
3213 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 3214 panel.classList.remove('open'); 3215 }) 3216 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 3217 panel.classList.remove('active'); 3218 }) 3219 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 3220 // Restore main-list nav items to the tab order 3221 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 3222 $lastNavTrigger = null; 3223 document.body.classList.remove('no-scroll'); 3224 $('#desktop_hamburger_menu_template').removeClass('open') 3225 $('#desktop_hamburger_menu_template_overlay').removeClass('open') 3226 $('#desktop_hamburger_menu_template').attr('inert', 'inert') 3227 trap.deactivate() 3228 } 3229 3230 $('.header_container_1').on('click', '.hamburger-menu-nav-section', function() { 3231 3232 if ($(this).hasClass("active")) { 3233 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 3234 panel.classList.remove('open'); 3235 }) 3236 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 3237 panel.classList.remove('active'); 3238 }) 3239 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 3240 // Restore main-list nav items to the tab order 3241 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 3242 } else { 3243 // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button 3244 let $checkPanel = $(this).hasClass("parent_men_arrow") 3245 ? $(this).closest('.ham_menu_container').next('.sub-menu-panel') 3246 : $(this).next('.sub-menu-panel'); 3247 3248 if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) { 3249 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 3250 panel.classList.remove('open'); 3251 }) 3252 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 3253 panel.classList.remove('active'); 3254 }) 3255 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 3256 3257 $(this).addClass('active'); 3258 $lastNavTrigger = $(this); 3259 3260 let $openedPanel = null; 3261 3262 if (!$(this).hasClass("parent_men")) { 3263 updatePanelWidth(); 3264 $(this).next('.sub-menu-panel').toggleClass('open'); 3265 $openedPanel = $(this).next('.sub-menu-panel'); 3266 } 3267 if ($(this).hasClass("parent_men_arrow")) { 3268 $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open'); 3269 $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel'); 3270 } 3271 3272 if ($openedPanel && $openedPanel.hasClass('open')) { 3273 // Hide main-list nav items from tab order while panel is open 3274 $('.hamburger-menu-nav-section').attr('tabindex', '-1'); 3275 $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0'); 3276 setTimeout(function() { 3277 $openedPanel.find('[tabindex="0"]').first().trigger('focus'); 3278 }, 50); 3279 } 3280 } 3281 } 3282 3283 }) 3284 }) 3285 3286 function setHamburgerInnerHeight() { 3287 const inner = document.querySelector('.hamburger-menu
3287-template-inner-m'); 3288 const offset = 0; // adjust this if there's a header/footer inside 3289 inner.style.height = `${window.innerHeight - offset - 70}px`; 3290 } 3291 3292 // Run on load and resize 3293 window.addEventListener('load', setHamburgerInnerHeight); 3294 window.addEventListener('resize', setHamburgerInnerHeight); 3295 3296 </script>
3296 3297</div> 3298 3299<style> 3300 #desktop_hamburger_menu_template>ul>li>a { 3301 color:#000000; display: flex; 3302 font-weight:400; font-style:normal; font-size:15px; font-family:ITC Avant Garde; text-transform:none; line-height:48px; } 3303 3304 #desktop_hamburger_menu_template>ul>li>a:hover { 3305 color:#000000; } 3306 3307 3308 3309</style> 3310 </div> 3311 3312 <div class="flex_col"> 3313 3314 3315 </div> 3316 3317 <div class="flex_col"> 3318 3319 3320 </div> 3321 3322 <div class="flex_col"> 3323 3324 3325 </div> 3326 3327 <div class="flex_col"> 3328 3329 3330 </div> 3331 3332 </div> 3333 3334 3335 3336 <div class="flex_row"> 3337 3338 3339 <div class="flex_col"> 3340 3341 3342 </div> 3343 3344 </div> 3345 3346 3347 </div> 3348 3349 3350 3351</header> 3352<header class="appearance-tablet-view-template"> 3353 3354 3355 3356 <style> 3357 .header_container>.flex_row { 3358 display: flex; 3359 } 3360 3361 .header_container_2 { 3362 width: 100%; 3363 max-width: 100%; 3364 margin: 0 auto; 3365 position: relative !important; 3366 transform: inherit !important; 3367 } 3368 .header_container>.flex_row>.flex_col { 3369 display: flex; 3370 flex-wrap: wrap; 3371 box-sizing: border-box; 3372 align-content: baseline; 3373 } 3374 .header_container>.flex_row>.flex_col>.flex_cell { 3375 height: fit-content; 3376 display: flex; 3377 } 3378 .header_container>.flex_row>.flex_col>.flex_cell a { 3379 text-decoration: none; 3380 } 3381 .header_container img { 3382 max-width: 100%; 3383 } 3384 .row_spacer_cs { 3385 display: none; 3386 } 3387 .sticky_row { 3388 position: fixed; 3389 } 3390 .sticky_row + .row_spacer_cs { 3391 display: block; 3392 } 3393 </style> 3394 3395 <div class="header_container header_container_2" data-device-type="2"> 3396 3397 3398 3399 <div class="flex_row flex_row_1 "> 3400 3401 3402 <div class="flex_col flex_col_1"> 3403 3404 3405 </div> 3406 3407 <style> 3408 .header_container_2>.flex_row_1>.flex_col_1 { 3409 width:3%; } 3410 </style> 3411 3412 3413 3414 <div class="flex_col flex_col_2"> 3415 3416 3417<div class="flex_cell flex_cell_1 custom_text"> 3418 <div class="flex_cell_content"> 3419 <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" > 3420 <p class="">Request An Appointment â</p> 3421 </a> 3422 </div> 3423</div> 3424<style> 3425 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text { 3426 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 3427 3428 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text { 3429 height:100%; } 3430 3431 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content { 3432 display: flex; 3433 margin-top:10px; margin-bottom:10px; margin-left:3px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3434 3435 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p { 3436 line-height: inherit; 3437 margin:0; 3438 text-align:center; color:#ffffff; font-weight:400; font-style:normal; font-size:11px;font-family:ITC Avant Garde; text-transform:none; text-decoration:none; } 3439 3440 .header_container_2>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p:hover { 3441 color:#ffffff; } 3442</style> 3443 3444 </div> 3445 3446 <style> 3447 .header_container_2>.flex_row_1>.flex_col_2 { 3448 width:47%; } 3449 </style> 3450 3451 3452 3453 <div class="flex_col flex_col_3"> 3454 3455 3456<div class="flex_cell flex_cell_1 call_us"> 3457 <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
3457<svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>Call Us</span></a></div> </div> 3458<style> 3459 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us { 3460 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 3461 3462 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us { 3463 height:100%; } 3464 3465 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us>.flex_cell_content { 3466 display: flex; 3467 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:3px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3468 3469 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a { 3470 color:#ffffff; font-weight:400; font-style:normal; font-size:11px; font-family:ITC Avant Garde; display: flex; 3471 align-items: center; 3472 text-transform:none; } 3473 3474 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a svg, 3475 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a img { 3476 margin-right: 5px; 3477 height:10px; } 3478 3479 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a .path_class { 3480 fill: currentColor; 3481 } 3482 3483 3484 .header_container_2>.flex_row_1>.flex_col_3>.flex_cell_1 a:hover { 3485 color:#ffffff; } 3486</style> 3487 </div> 3488 3489 <style> 3490 .header_container_2>.flex_row_1>.flex_col_3 { 3491 width:47%; } 3492 </style> 3493 3494 3495 3496 <div class="flex_col flex_col_4"> 3497 3498 3499 </div> 3500 3501 <style> 3502 .header_container_2>.flex_row_1>.flex_col_4 { 3503 width:3%; } 3504 </style> 3505 3506 3507 3508 </div> 3509 3510 3511 <style> 3512 .header_container_2>.flex_row_1 { 3513 background-color: #022d57; 3514 3515 color:#000000; height:auto; 3516 3517 } 3518 3519 </style> 3520 3521 3522 3523 3524 3525 <div class="flex_row flex_row_2 "> 3526 3527 3528 <div class="flex_col flex_col_1"> 3529 3530 <div class="flex_cell flex_cell_1 menu"> 3531 <div class="flex_cell_content"> 3532 <style> 3533 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner, 3534 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent { 3535 width: 30px; 3536 height: 24px; 3537 position: relative; 3538 cursor: pointer; 3539 } 3540 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 3541 fill: #022d57; } 3542 3543 3544 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-nav-section, 3545 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{ 3546 color:#000000; display: flex; 3547 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 3548 </style> 3549 3550 <div id="tablet_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="tablet_hamburger_menu_template"> 3551 <div class="hamburger-button-parent"> 3552 <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 3553 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 3554 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 3555 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 3556 </svg> 3557 3558 3559 </div> 3560 </div> 3561 </div> 3562</div> 3563 3564<style> 3565 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 3566 width:100%; justify-content: center; 3567 align-items:center; -webkit-align-items:center; } 3568 3569 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 3570 height:100%; } 3571 3572 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 3573 display: flex; 3574 margin-top:px; margin-bottom:px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3575 3576 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 3577 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 3578 color:#000000; display: flex; 3579 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 3580 3581 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 3582 color:#000000; } 3583</style> 3584 </div> 3585 3586 <style> 3587 .header_container_2>.flex_row_2>.flex_col_1 { 3588 width:12%; } 3589 </style> 3590 3591 3592 3593 <div class="flex_col flex_col_2"> 3594 3595 3596 3597<div class="flex_cell flex_cell_1 image"> 3598 <div class="flex_cell_content"> 3599 3600 <a href="https://www.albertsjewelers.com/" 3601 > 3602 3603 3604 <img 3605 3606 3607 src="https://www.albertsjewelers.com/public/1.0/uploads/source/ad-logo-t.png" 3608 3609 alt="Albert's Diamond Jewelers"> 3610 3611 3612 </a> 3613 3614 </div> 3615</div> 3616 <style> 3617 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image { 3618 width:100%; justify-content:left;
3618 -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 3619 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 3620 display: flex; 3621 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3622 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 3623 max-width:100%; } 3624 3625 .header_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.image { 3626 height:100%; } 3627 </style> 3628 3629 3630 </div> 3631 3632 <style> 3633 .header_container_2>.flex_row_2>.flex_col_2 { 3634 width:60%; } 3635 </style> 3636 3637 3638 3639 <div class="flex_col flex_col_3"> 3640 3641 3642<div class="flex_cell flex_cell_1 account_icons"> 3643 <div class="flex_cell_content"> 3644 3645 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1"> 3646 <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg> <span class="item-count-badge wishlist-count-badge d-none"></span> 3647 </a> 3648 3649 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2"> 3650 <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg> <span class="item-count-badge build-shopping-cart-item-counter d-none"></span> 3651 </a> 3652 3653 3654 <a class="" href="/login" title="My Account" style="order: 3"> 3655 <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg> </a> 3656 </div> 3657</div> 3658 3659<style> 3660 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons { 3661 width:100%; justify-content: flex-end; 3662 align-items:center; -webkit-align-items:center; } 3663 3664 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons { 3665 height:100%; } 3666 3667 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content { 3668 display: flex; 3669 margin-top:px; margin-bottom:px; margin-left:px; margin-right:25px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 3670 3671 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 3672 display: none !important; 3673 } 3674 3675 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a { 3676 display: flex; 3677 align-items: center; 3678 color:#022d57; font-weight:400; font-style:normal; font-size:16px; font-family:Baskerville; margin-left: 12px; 3679 text-transform:none; } 3680 3681 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a svg, 3682 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a img { 3683 flex-shrink: 0; 3684 margin-right: 5px; 3685 width:15px; height:15px; } 3686 3687 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .path_class { 3688 fill: currentColor; 3689 } 3690 3691 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a:hover { 3692 color:#003da5; } 3693 3694 .header_container_2>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge { 3695 padding: 0 5px; 3696 height: 16px; 3697 min-width: 16px; 3698 text-align: center; 3699 border-radius: 7px; 3700 line-height: 16px; 3701 border: 1px solid #fff; 3702 font-style: normal; 3703 font-weight: 700; 3704 font-size: 10px; 3705 background-color:#cdb877; color:#ffffff; margin-left: -10px; 3706 margin-top: -15px; 3707 } 3708</style> 3709 </div> 3710 3711 <style> 3712 .header_container_2>.flex_row_2>.flex_col_3 { 3713 width:28%; } 3714 </style> 3715 3716 3717 3718 </div> 3719 3720 3721 <style> 3722 .header_container_2>.flex_row_2 { 3723 background-color: #ffffff; 3724 3725 color:#000000; height:auto; 3726 3727 } 3728 3729 </style> 3730 3731 3732 3733 3734 3735 <div class="flex_row flex_row_3 "> 3736 3737 3738 <div class="flex_col flex_col_1"> 3739 3740 3741<div class="flex_cell flex_cell_1 search_box"> 3742 <div class="flex_cell_content"> 3743 <form class="sform" id="search-box-form"
3744 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 3745 <div class="inputs-group"> 3746 <button class="sBtn"> 3747 <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg> 3748 </button> 3749 <input class="sinp" type="text" name="search" 3750 placeholder="Watches, Jewelry, Rings..." 3751 aria-label="Watches, Jewelry, Rings..." 3752 > 3753 </div> 3754 </form> 3755 </div> 3756</div> 3757<style> 3758 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box { 3759 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 3760 3761 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box { 3762 height:100%; } 3763 3764 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1.search_box>.flex_cell_content { 3765 display: flex; 3766 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; width:85%; } 3767 3768 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sform, .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .inputs-group { 3769 width: 100%; 3770 display: flex; 3771 flex-wrap: nowrap; 3772 } 3773 3774 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp { 3775 border-radius: 0px; 3776 padding: 4px 8px; 3777 outline: 0px; 3778 box-shadow: none; 3779 font-size:12px; font-family:Baskerville; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; 3780 3781 3782 border-style: solid; 3783 border-width:1px; border-color:#ffffff; 3784 3785 border-left:0px; 3786 width: 100%; 3787 3788 border-bottom-color:#022d57; } 3789 3790 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp:hover { 3791 } 3792 3793 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp::placeholder { 3794 font-size:12px; font-family:Baskerville; color:#022d75; opacity: 1; 3795 } 3796 3797 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn { 3798 height: 100%; 3799 border-radius: 0px; 3800 padding: 4px; 3801 align-items: center; 3802 justify-content: center; 3803 display: flex; 3804 border-style: solid; 3805 border-width:1px; border-color:#ffffff; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; border-right:0px; 3806 3807 } 3808 3809 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover { 3810 background-color:#ffffff; } 3811 3812 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn svg { 3813 width:11px; height:11px; } 3814 3815 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn .path_class { 3816 fill:#022d57; } 3817 3818 .header_container_2>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class { 3819 fill:#022d57; } 3820 3821</style> 3822 </div> 3823 3824 <style> 3825 .header_container_2>.flex_row_3>.flex_col_1 { 3826 width:100%; } 3827 </style> 3828 3829 3830 3831 </div> 3832 3833 3834 <style> 3835 .header_container_2>.flex_row_3 { 3836 background-color: #ffffff; 3837 3838 color:#000000; height:auto; 3839 3840 } 3841 3842 </style> 3843 3844 3845 3846 3847 3848 3849 <div class="flex_row"> 3850 3851 3852 <div class="flex_col"> 3853 3854 3855 </div> 3856 3857 <div class="flex_col"> 3858 3859 3860 </div> 3861 3862 <div class="flex_col"> 3863 3864 3865 </div> 3866 3867 <div class="flex_col"> 3868 3869 3870 </div> 3871 3872 </div> 3873 3874 3875 3876 <div class="flex_row"> 3877 3878 3879 <div class="flex_col"> 3880 3881 <div class="flex_cell flex_cell_1 menu"> 3882 <style> 3883 body.no-scroll { 3884 overflow: hidden; 3885 } 3886 #tablet_hamburger_menu_template { 3887 position: fixed; 3888 top: 0; 3889 left: 0; 3890 width: 425px; 3891 overflow-y: auto; 3892 left: -425px; 3893 z-index: 1000000001; 3894 background-color: #ffffff; 3895 transition: all 0.3s ease; 3896 height: 100%; 3897 max-height: 100vh; 3898 -webkit-overflow-scrolling: touch; 3899 box-sizing: border-box; 3900 } 3901 #tablet_hamburger_menu_template_overlay.open { 3902 position: absolute; 3903 top: 0; 3904 left: 0; 3905 right: 0; 3906 z-index: 100; 3907 transition: all 0.3s ease; 3908 height: 100vh; 3909 background: rgba(1, 1, 1, 0.5); 3910 cursor: pointer; 3911 box-sizing: border-box; 3912 }
3913 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m { 3914 height: 100vh; 3915 overflow-y: auto; 3916 -webkit-overflow-scrolling: touch; 3917 box-sizing: border-box; 3918 padding-right: 30px; 3919 } 3920 3921 /* Applies to your scrollable element */ 3922 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m, 3923 #tablet_hamburger_menu_template .sub-menu-panel { 3924 /* existing styles */ 3925 overflow-y: auto; 3926 scroll-behavior: smooth; 3927 3928 /* Optional smoother experience on mobile */ 3929 -webkit-overflow-scrolling: touch; 3930 } 3931 3932 /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */ 3933 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar, 3934 #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar { 3935 width: 8px; 3936 } 3937 3938 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track, 3939 #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track { 3940 background: #f0f0f0; /* Light background */ 3941 border-radius: 4px; 3942 } 3943 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb, 3944 #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb { 3945 background-color: #ccc; 3946 border-radius: 4px; 3947 border: 2px solid #f0f0f0; /* Matches track */ 3948 } 3949 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover, 3950 #tablet_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover { 3951 background-color: #999; 3952 } 3953 3954 /* Firefox scrollbar styling */ 3955 @supports (scrollbar-color: auto) { 3956 #tablet_hamburger_menu_template .hamburger-menu-template-inner-m, 3957 #tablet_hamburger_menu_template .sub-menu-panel { 3958 scrollbar-width: thin; 3959 scrollbar-color: #ccc #f0f0f0; /* thumb and track */ 3960 } 3961 } 3962 #tablet_hamburger_menu_template .hamburger-menu-template-inner { 3963 padding: 30px; 3964 width: 425px; 3965 padding-right: 0px; 3966 position: fixed; 3967 box-sizing: border-box; 3968 } 3969 #tablet_hamburger_menu_template .hamburger-menu-close-button { 3970 font-size: 14px !important; 3971 display: flex; 3972 align-items: center; 3973 margin-bottom: 20px; 3974 } 3975 #tablet_hamburger_menu_template .hamburger-menu-close-button svg { 3976 height: 24px; 3977 margin-right: 5px; 3978 } 3979 #tablet_hamburger_menu_template .hamburger-menu-nav-section { 3980 display: flex; 3981 justify-content: space-between; 3982 align-items: center; 3983 box-sizing: border-box; 3984 } 3985 #tablet_hamburger_menu_template .sub_title_m { 3986 color: #444; 3987 text-transform: uppercase; 3988 font-weight: 400; 3989 font-size: 14px; 3990 margin-top: 30px; 3991 margin-bottom: 30px; 3992 letter-spacing: 2px; 3993 display:flex; 3994 } 3995 #tablet_hamburger_menu_template .hamburger-menu-nav-section svg { 3996 height: 20px; 3997 float: right; 3998 } 3999 #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{ 4000 text-decoration: underline; 4001 } 4002 #tablet_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{ 4003 min-width:30px; 4004 justify-content: end; 4005 } 4006 #tablet_hamburger_menu_template .icon_and_name { 4007 display:flex; 4008 align-items:center; 4009 gap:10px; 4010 } 4011 #tablet_hamburger_menu_template .ham_menu_container { 4012 display:flex; 4013 justify-content: space-between; 4014 } 4015 #tablet_hamburger_menu_template.open { 4016 left: 0; 4017 4018 } 4019 #tablet_hamburger_menu_template .sub-menu-panel { 4020 padding: 30px; 4021 padding-top: 60px; 4022 position: absolute; 4023 top: 0; 4024 left: 425px; 4025 width: 425px; 4026 height: 100vh; 4027 background-color: #fff; 4028 overflow-y: auto; 4029 z-index: 999999; 4030 opacity: 0; 4031 transition: opacity 0.5s ease; 4032 } 4033
4034 #tablet_hamburger_menu_template .sub-menu-panel.open { 4035 opacity: 1; 4036 z-index: 9999999; 4037 } 4038 4039 4040 4041 #tablet_hamburger_menu_template a.hamburger-menu-nav-section, 4042 #tablet_hamburger_menu_template button.hamburger-menu-nav-section, 4043 #tablet_hamburger_menu_template a.hamburger-menu-close-button, 4044 #tablet_hamburger_menu_template button.hamburger-menu-close-button { 4045 position: relative; 4046 color:#000000; display: flex; 4047 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 4048 #tablet_hamburger_menu_template button.hamburger-menu-nav-section, 4049 #tablet_hamburger_menu_template button.hamburger-menu-close-button { 4050 background: none; 4051 border: none; 4052 padding: 0; 4053 cursor: pointer; 4054 width: 100%; 4055 } 4056 /* this is not working in dash */ 4057 #tablet_hamburger_menu_template a.hamburger-menu-nav-section:hover, 4058 #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover, 4059 #tablet_hamburger_menu_template a.hamburger-menu-nav-section.active, 4060 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active 4061 { 4062 color: #000; 4063 } 4064 #tablet_hamburger_menu_template a.hamburger-menu-nav-section::after, 4065 #tablet_hamburger_menu_template button.hamburger-menu-nav-section::after { 4066 content: ""; 4067 position: absolute; 4068 left: 0; 4069 bottom: 0; 4070 width: 0%; 4071 height: 0.5px; 4072 background-color: #000; 4073 transition: width 0.5s ease; 4074 } 4075 #tablet_hamburger_menu_template a.hamburger-menu-nav-section.active::after, 4076 #tablet_hamburger_menu_template button.hamburger-menu-nav-section.active::after { 4077 width: 100%; 4078 } 4079 4080 #tablet_hamburger_menu_template a.hamburger-menu-nav-section:hover::after, 4081 #tablet_hamburger_menu_template button.hamburger-menu-nav-section:hover::after { 4082 width: 100%; 4083 } 4084 #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 4085 display: none; 4086 padding: 15px 0px; 4087 padding-left: 20px; 4088 background: #fff; 4089 } 4090 #tablet_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 4091 display: block; 4092 padding-top:2px; 4093 } 4094 4095 #tablet_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img, 4096 #tablet_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img { 4097 height:30px; 4098 } 4099 @media (min-width: 768px) { 4100 .hide_desktop { 4101 display:none!important; 4102 } 4103 } 4104 4105 @media (max-width: 767.9px) { 4106 .hide_mobile { 4107 display:none!important; 4108 } 4109 #tablet_hamburger_menu_template .sub_title_m svg { 4110 height: 20px; 4111 transform: rotate(180deg); 4112 } 4113 #tablet_hamburger_menu_template .sub_title_m { 4114 align-items: center; 4115 gap: 8px; 4116 cursor: pointer; 4117 } 4118 #tablet_hamburger_menu_template { 4119 position: fixed; 4120 top: 0; 4121 left: 0; 4122 width: 100%; 4123 overflow-y: auto; 4124 left: -100%; 4125 z-index: 9999998; 4126 background-color: #ffffff; 4127 transition: all 0.3s ease; 4128 height: 100%; 4129 max-height: 100vh; 4130 -webkit-overflow-scrolling: touch; 4131 box-sizing: border-box; 4132 } 4133 4134 #tablet_hamburger_menu_template .sub-menu-panel { 4135 padding: 30px; 4136 padding-top: 30px; 4137 padding-bottom: 100px; 4138 position: absolute; 4139 top: 0; 4140 left: 200%; 4141 width: 100%; 4142 height: 100vh; 4143 background-color: #fff; 4144 overflow-y: auto; 4145 z-index: -1; 4146 opacity: 1; 4147 transition: 0.5s ease; 4148 box-sizing: border-box; 4149 }
4150 #tablet_hamburger_menu_template .sub-menu-panel.open { 4151 opacity: 1; 4152 left: 0px; 4153 z-index: 9999999; 4154 } 4155 4156 #tablet_hamburger_menu_template .hamburger-menu-template-inner { 4157 width: 100%; 4158 } 4159 4160 4161 } 4162 4163 4164 4165 </style> 4166 4167 <nav id="tablet_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 4168 4169 <div class="hamburger-menu-template-inner"> 4170 <div class="hamburger-menu-template-inner-m"> 4171 <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="tablet_hamburger_close_button" role="button"> 4172 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-13ewnpa" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.2928L17.7703 5.52254L18.4774 6.22964L12.7071 11.9999L18.4775 17.7704L17.7704 18.4775L12 12.7071L6.22957 18.4775L5.52246 17.7704L11.2929 11.9999L5.52256 6.22964L6.22967 5.52254L12 11.2928Z" fill="currentColor"></path></svg> 4173 </a> 4174 4175 <div class="script_before_menu"> 4176 4177 4178<div class="flex_cell flex_cell_1 image"> 4179 <div class="flex_cell_content"> 4180 4181 4182 4183 <img 4184 4185 4186 src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png" 4187 4188 alt="Albert's Jewelers"> 4189 4190 4191 4192 </div> 4193</div> 4194 <style> 4195 .header_container_2 .flex_row .flex_col .script_before_menu .image { 4196 width:100%; justify-content:left !important; align-items:center !important; } 4197 .header_container_2 .flex_row .flex_col .script_before_menu .image>.flex_cell_content { 4198 display: flex; 4199 margin-top:px !important; margin-bottom:px !important; margin-left:px !important; margin-right:px !important; padding-top:px !important; padding-bottom:px !important; padding-left:px !important; padding-right:px !important; } 4200 .header_container_2 .flex_row .flex_col .script_before_menu .image img { 4201 max-width:150px; } 4202 4203 .header_container_2>.flex_row_2>.flex_col_1>.flex_cell_1.image { 4204 } 4205 </style> 4206 4207 </div> 4208 <div style="clear: both"></div> 4209 4210 4211 <a style="margin-top:25px" 4212 class="hamburger-menu-nav-section " 4213 title="New Arrivals" 4214 href="#!" > 4215 4216 <span class="icon_and_name"> 4217 4218 New Arrivals </span> 4219 4220 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4221 4222 </a> 4223 4224 4225 4226 <div class="sub-menu-panel" id="tablet-sub-menu-panel-216"> 4227 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4228 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4229 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4230</svg> 4231 4232 New Arrivals 4233 </div> 4234 <div class="sub_title_m hide_mobile">New Arrivals</div> 4235 4236 4237 <!-- tablet_hamburger_menu_216_start --> 4238 <div id="tablet_hamburger_menu_216"></div> 4239 <!-- tablet_hamburger_menu_216_end --> 4240 </div> 4241 4242 4243 4244 <a style="margin-top:25px"
4245 class="hamburger-menu-nav-section " 4246 title="Engagement Rings" 4247 href="#!" > 4248 4249 <span class="icon_and_name"> 4250 4251 Engagement Rings </span> 4252 4253 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4254 4255 </a> 4256 4257 4258 4259 <div class="sub-menu-panel" id="tablet-sub-menu-panel-6"> 4260 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4261 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4262 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4263</svg> 4264 4265 Engagement Rings 4266 </div> 4267 <div class="sub_title_m hide_mobile">Engagement Rings</div> 4268 4269 4270 <!-- tablet_hamburger_menu_6_start --> 4271 <div id="tablet_hamburger_menu_6"></div> 4272 <!-- tablet_hamburger_menu_6_end --> 4273 </div> 4274 4275 4276 4277 <a style="" 4278 class="hamburger-menu-nav-section " 4279 title="Wedding Bands" 4280 href="#!" > 4281 4282 <span class="icon_and_name"> 4283 4284 Wedding Bands </span> 4285 4286 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4287 4288 </a> 4289 4290 4291 4292 <div class="sub-menu-panel" id="tablet-sub-menu-panel-12"> 4293 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4294 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4295 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4296</svg> 4297 4298 Wedding Bands 4299 </div> 4300 <div class="sub_title_m hide_mobile">Wedding Bands</div> 4301 4302 4303 <!-- tablet_hamburger_menu_12_start --> 4304 <div id="tablet_hamburger_menu_12"></div> 4305 <!-- tablet_hamburger_menu_12_end --> 4306 </div> 4307 4308 4309 4310 <a style="" 4311 class="hamburger-menu-nav-section " 4312 title="Diamonds" 4313 href="#!" > 4314 4315 <span class="icon_and_name"> 4316 4317 Diamonds </span> 4318 4319 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4320 4321 </a> 4322 4323 4324
4325 <div class="sub-menu-panel" id="tablet-sub-menu-panel-11"> 4326 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4327 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4328 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4329</svg> 4330 4331 Diamonds 4332 </div> 4333 <div class="sub_title_m hide_mobile">Diamonds</div> 4334 4335 4336 <!-- tablet_hamburger_menu_11_start --> 4337 <div id="tablet_hamburger_menu_11"></div> 4338 <!-- tablet_hamburger_menu_11_end --> 4339 </div> 4340 4341 4342 4343 <a style="margin-top:20px" 4344 class="hamburger-menu-nav-section " 4345 title="Designers " 4346 href="#!" > 4347 4348 <span class="icon_and_name"> 4349 4350 Designers </span> 4351 4352 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4353 4354 </a> 4355 4356 4357 4358 <div class="sub-menu-panel" id="tablet-sub-menu-panel-72"> 4359 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4360 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4361 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4362</svg> 4363 4364 Designers 4365 </div> 4366 <div class="sub_title_m hide_mobile">Designers </div> 4367 4368 4369 <!-- tablet_hamburger_menu_72_start --> 4370 <div id="tablet_hamburger_menu_72"></div> 4371 <!-- tablet_hamburger_menu_72_end --> 4372 </div> 4373 4374 4375 4376 <a style="" 4377 class="hamburger-menu-nav-section " 4378 title="Fine Jewelry" 4379 href="#!" > 4380 4381 <span class="icon_and_name"> 4382 4383 Fine Jewelry </span> 4384 4385 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4386 4387 </a> 4388 4389 4390 4391 <div class="sub-menu-panel" id="tablet-sub-menu-panel-16"> 4392 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4393 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4394 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4395</svg> 4396 4397 Fine Jewelry 4398 </div> 4399 <div class="sub_title_m hide_mobile">Fine Jewelry</div> 4400 4401 4402 <!-- tablet_hamburger_menu_16_start --> 4403 <div id="tablet_hamburger_menu_16"></div> 4404 <!-- tablet_hamburger_menu_16_end --> 4405 </div> 4406 4407 4408 4409 <a style=""
4410 class="hamburger-menu-nav-section " 4411 title="Timepieces" 4412 href="#!" > 4413 4414 <span class="icon_and_name"> 4415 4416 Timepieces </span> 4417 4418 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4419 4420 </a> 4421 4422 4423 4424 <div class="sub-menu-panel" id="tablet-sub-menu-panel-20"> 4425 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4426 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4427 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4428</svg> 4429 4430 Timepieces 4431 </div> 4432 <div class="sub_title_m hide_mobile">Timepieces</div> 4433 4434 4435 <!-- tablet_hamburger_menu_20_start --> 4436 <div id="tablet_hamburger_menu_20"></div> 4437 <!-- tablet_hamburger_menu_20_end --> 4438 </div> 4439 4440 4441 4442 <a style="margin-top:20px" 4443 class="hamburger-menu-nav-section " 4444 title="Services" 4445 href="#!" > 4446 4447 <span class="icon_and_name"> 4448 4449 Services </span> 4450 4451 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4452 4453 </a> 4454 4455 4456 4457 <div class="sub-menu-panel" id="tablet-sub-menu-panel-179"> 4458 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4459 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4460 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4461</svg> 4462 4463 Services 4464 </div> 4465 <div class="sub_title_m hide_mobile">Services</div> 4466 4467 4468 <!-- tablet_hamburger_menu_179_start --> 4469 <div id="tablet_hamburger_menu_179"></div> 4470 <!-- tablet_hamburger_menu_179_end --> 4471 </div> 4472 4473 4474 4475 <a style="" 4476 class="hamburger-menu-nav-section " 4477 title="Contact" 4478 href="#!" > 4479 4480 <span class="icon_and_name"> 4481 4482 Contact </span> 4483 4484 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 4485 4486 </a> 4487 4488 4489
4490 <div class="sub-menu-panel" id="tablet-sub-menu-panel-22"> 4491 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 4492 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 4493 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 4494</svg> 4495 4496 Contact 4497 </div> 4498 <div class="sub_title_m hide_mobile">Contact</div> 4499 4500 4501 <!-- tablet_hamburger_menu_22_start --> 4502 <div id="tablet_hamburger_menu_22"></div> 4503 <!-- tablet_hamburger_menu_22_end --> 4504 </div> 4505 4506 <div class="script_after_menu"> 4507 </div> 4508 </div> 4509 </div> 4510 </nav> 4511 <div class="hamburger-menu-template-overlay" id="tablet_hamburger_menu_template_overlay"></div> 4512 4513
4513<script> 4514 $(function () { 4515 4516 4517 const trap = focusTrap.createFocusTrap('#tablet_hamburger_menu_template', { 4518 onActivate: () => $('#tablet_hamburger_menu_template').addClass('is-active'), 4519 onDeactivate: () => $('#tablet_hamburger_menu_template').removeClass('is-active'), 4520 clickOutsideDeactivates: true 4521 }); 4522 4523 4524 4525 function updatePanelWidth() { 4526 const elements = document.querySelectorAll('.custom_bm_fw'); 4527 4528 elements.forEach(element => { 4529 const panel = element.closest('.sub-menu-panel'); 4530 if (panel) { 4531 if (window.innerWidth > 768) { 4532 const newWidth = window.innerWidth - 425; 4533 panel.style.width = `${newWidth}px`; 4534 } else { 4535 panel.removeAttribute('style'); 4536 } 4537 } 4538 }); 4539 } 4540 4541 updatePanelWidth(); 4542 window.addEventListener('resize', updatePanelWidth); 4543 4544 let $lastNavTrigger = null; 4545 $('.sub-menu-panel').attr('tabindex', '-1'); 4546 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 4547 4548 4549 4550 $('#tablet_hamburger_button').on('click keypress', function (event) { 4551 if(event.which === 13 || event.which === 32 || event.type == 'click') { 4552 if(event.which === 32) { 4553 event.preventDefault(); 4554 } 4555 document.body.classList.add('no-scroll'); 4556 $('#tablet_hamburger_menu_template').toggleClass('open') 4557 $('#tablet_hamburger_menu_template_overlay').toggleClass('open') 4558 $('#tablet_hamburger_menu_template').removeAttr('inert') 4559 trap.activate() 4560 $('#tablet_hamburger_close_button').focus() 4561 } 4562 }) 4563 4564 function closeSubMenu() { 4565 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 4566 panel.classList.remove('open'); 4567 }) 4568 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 4569 panel.classList.remove('active'); 4570 }) 4571 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 4572 // Restore main-list nav items to the tab order 4573 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 4574 if ($lastNavTrigger) { 4575 $lastNavTrigger.focus(); 4576 $lastNavTrigger = null; 4577 } 4578 } 4579 4580 $('.header_container_2').on('click', '.close_sub_menu', function() { 4581 closeSubMenu(); 4582 }) 4583 4584 $('.header_container_2').on('keydown', '.close_sub_menu', function(event) { 4585 if (event.key === 'Enter' || event.key === ' ') { 4586 event.preventDefault(); 4587 closeSubMenu(); 4588 } 4589 }) 4590 4591 4592 4593 // Cycle Tab focus within the open sub-menu-panel (last item â first item) 4594 $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) { 4595 if (event.key !== 'Tab' || event.shiftKey) return; 4596 var $panel = $(this).closest('.sub-menu-panel.open'); 4597 var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]'); 4598 if ($focusable.last().is(this)) { 4599 event.preventDefault(); 4600 $focusable.first().trigger('focus'); 4601 } 4602 }); 4603 4604 $('#tablet_hamburger_close_button, #tablet_hamburger_menu_template_overlay').on('click keypress', function (event) { 4605 // <button> fires a synthetic click on Enter/Space â skip keypress to avoid double-fire 4606 if (event.type === 'keypress' && this.tagName === 'BUTTON') { 4607 return; 4608 } 4609 if(event.which === 13 || event.which === 32 || event.type == 'click') { 4610 if (event.which === 32) { 4611 event.preventDefault(); 4612 } 4613 4614 closeHamburgerMenu(); 4615 } 4616 }) 4617 4618 $(window).resize(function () { 4619 if($(window).width() > 992 || $(window).width() <= 768) closeHamburgerMenu(); 4620 }) 4621 4622 function closeHamburgerMenu() {
4623 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 4624 panel.classList.remove('open'); 4625 }) 4626 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 4627 panel.classList.remove('active'); 4628 }) 4629 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 4630 // Restore main-list nav items to the tab order 4631 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 4632 $lastNavTrigger = null; 4633 document.body.classList.remove('no-scroll'); 4634 $('#tablet_hamburger_menu_template').removeClass('open') 4635 $('#tablet_hamburger_menu_template_overlay').removeClass('open') 4636 $('#tablet_hamburger_menu_template').attr('inert', 'inert') 4637 trap.deactivate() 4638 } 4639 4640 $('.header_container_2').on('click', '.hamburger-menu-nav-section', function() { 4641 4642 if ($(this).hasClass("active")) { 4643 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 4644 panel.classList.remove('open'); 4645 }) 4646 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 4647 panel.classList.remove('active'); 4648 }) 4649 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 4650 // Restore main-list nav items to the tab order 4651 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 4652 } else { 4653 // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button 4654 let $checkPanel = $(this).hasClass("parent_men_arrow") 4655 ? $(this).closest('.ham_menu_container').next('.sub-menu-panel') 4656 : $(this).next('.sub-menu-panel'); 4657 4658 if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) { 4659 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 4660 panel.classList.remove('open'); 4661 }) 4662 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 4663 panel.classList.remove('active'); 4664 }) 4665 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 4666 4667 $(this).addClass('active'); 4668 $lastNavTrigger = $(this); 4669 4670 let $openedPanel = null; 4671 4672 if (!$(this).hasClass("parent_men")) { 4673 updatePanelWidth(); 4674 $(this).next('.sub-menu-panel').toggleClass('open'); 4675 $openedPanel = $(this).next('.sub-menu-panel'); 4676 } 4677 if ($(this).hasClass("parent_men_arrow")) { 4678 $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open'); 4679 $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel'); 4680 } 4681 4682 if ($openedPanel && $openedPanel.hasClass('open')) { 4683 // Hide main-list nav items from tab order while panel is open 4684 $('.hamburger-menu-nav-section').attr('tabindex', '-1'); 4685 $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0'); 4686 setTimeout(function() { 4687 $openedPanel.find('[tabindex="0"]').first().trigger('focus'); 4688 }, 50); 4689 } 4690 } 4691 } 4692 4693 }) 4694 }) 4695 4696 function setHamburgerInnerHeight() { 4697 const inner = document.querySelector('.hamburger-menu
4697-template-inner-m'); 4698 const offset = 0; // adjust this if there's a header/footer inside 4699 inner.style.height = `${window.innerHeight - offset - 70}px`; 4700 } 4701 4702 // Run on load and resize 4703 window.addEventListener('load', setHamburgerInnerHeight); 4704 window.addEventListener('resize', setHamburgerInnerHeight); 4705 4706 </script>
4706 4707</div> 4708 4709<style> 4710 #tablet_hamburger_menu_template>ul>li>a { 4711 color:#000000; display: flex; 4712 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 4713 4714 #tablet_hamburger_menu_template>ul>li>a:hover { 4715 color:#000000; } 4716 4717 4718 4719</style> 4720 </div> 4721 4722 <div class="flex_col"> 4723 4724 4725 </div> 4726 4727 <div class="flex_col"> 4728 4729 4730 </div> 4731 4732 </div> 4733 4734 4735 4736 <div class="flex_row"> 4737 4738 4739 <div class="flex_col"> 4740 4741 4742 </div> 4743 4744 </div> 4745 4746 4747 </div> 4748 4749 4750 4751</header> 4752<header class="appearance-mobile-view-template"> 4753 4754 4755 4756 <style> 4757 .header_container>.flex_row { 4758 display: flex; 4759 } 4760 4761 .header_container_3 { 4762 width: 100%; 4763 max-width: 100%; 4764 margin: 0 auto; 4765 position: relative !important; 4766 transform: inherit !important; 4767 } 4768 .header_container>.flex_row>.flex_col { 4769 display: flex; 4770 flex-wrap: wrap; 4771 box-sizing: border-box; 4772 align-content: baseline; 4773 } 4774 .header_container>.flex_row>.flex_col>.flex_cell { 4775 height: fit-content; 4776 display: flex; 4777 } 4778 .header_container>.flex_row>.flex_col>.flex_cell a { 4779 text-decoration: none; 4780 } 4781 .header_container img { 4782 max-width: 100%; 4783 } 4784 .row_spacer_cs { 4785 display: none; 4786 } 4787 .sticky_row { 4788 position: fixed; 4789 } 4790 .sticky_row + .row_spacer_cs { 4791 display: block; 4792 } 4793 </style> 4794 4795 <div class="header_container header_container_3" data-device-type="3"> 4796 4797 4798 4799 <div class="flex_row flex_row_1 "> 4800 4801 4802 <div class="flex_col flex_col_1"> 4803 4804 4805 </div> 4806 4807 <style> 4808 .header_container_3>.flex_row_1>.flex_col_1 { 4809 width:1%; } 4810 </style> 4811 4812 4813 4814 <div class="flex_col flex_col_2"> 4815 4816 4817<div class="flex_cell flex_cell_1 custom_text"> 4818 <div class="flex_cell_content"> 4819 <a class="txt_link_ig" title="custom link" href="https://www.albertsjewelers.com/request-an-appointment" > 4820 <p class="">Appointments â</p> 4821 </a> 4822 </div> 4823</div> 4824<style> 4825 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text { 4826 width:100%; justify-content:left; -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 4827 4828 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text { 4829 height:100%; } 4830 4831 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content { 4832 display: flex; 4833 margin-top:10px; margin-bottom:10px; margin-left:3px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4834 4835 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p { 4836 line-height: inherit; 4837 margin:0; 4838 text-align:left; color:#ffffff; font-weight:400; font-style:normal; font-size:10px;font-family:ITC Avant Garde; text-transform:none; text-decoration:none; } 4839 4840 .header_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.custom_text>.flex_cell_content>a p:hover { 4841 color:#ffffff; } 4842</style> 4843 4844 </div> 4845 4846 <style> 4847 .header_container_3>.flex_row_1>.flex_col_2 { 4848 width:48%; } 4849 </style> 4850 4851 4852 4853 <div class="flex_col flex_col_3"> 4854 4855 4856<div class="flex_cell flex_cell_1 call_us"> 4857 <div class="flex_cell_content"><a class="phone_number_click " href="tel:219-322-2700" title="Call us 219-322-2700">
4857<svg role="img" aria-label="Call Us" viewBox="0 0 512 512"><path class="path_class" d="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"/></svg><span>Call Us</span></a></div> </div> 4858<style> 4859 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us { 4860 width:100%; justify-content:right; -webkit-justify-content:right; align-items:center; -webkit-align-items:center; } 4861 4862 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us { 4863 height:100%; } 4864 4865 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us>.flex_cell_content { 4866 display: flex; 4867 margin-top:10px; margin-bottom:10px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4868 4869 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a { 4870 color:#ffffff; font-weight:400; font-style:normal; font-size:10px; font-family:ITC Avant Garde; display: flex; 4871 align-items: center; 4872 text-transform:none; } 4873 4874 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a svg, 4875 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1.call_us a img { 4876 margin-right: 5px; 4877 height:9px; } 4878 4879 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a .path_class { 4880 fill: currentColor; 4881 } 4882 4883 4884 .header_container_3>.flex_row_1>.flex_col_3>.flex_cell_1 a:hover { 4885 color:#ffffff; } 4886</style> 4887 </div> 4888 4889 <style> 4890 .header_container_3>.flex_row_1>.flex_col_3 { 4891 width:48%; } 4892 </style> 4893 4894 4895 4896 <div class="flex_col flex_col_4"> 4897 4898 4899 </div> 4900 4901 <style> 4902 .header_container_3>.flex_row_1>.flex_col_4 { 4903 width:1%; } 4904 </style> 4905 4906 4907 4908 </div> 4909 4910 4911 <style> 4912 .header_container_3>.flex_row_1 { 4913 background-color: #022d57; 4914 4915 color:#000000; height:auto; 4916 4917 } 4918 4919 </style> 4920 4921 4922 4923 4924 4925 <div class="flex_row flex_row_2 "> 4926 4927 4928 <div class="flex_col flex_col_1"> 4929 4930 <div class="flex_cell flex_cell_1 menu"> 4931 <div class="flex_cell_content"> 4932 <style> 4933 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner, 4934 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-parent { 4935 width: 30px; 4936 height: 24px; 4937 position: relative; 4938 cursor: pointer; 4939 } 4940 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu .hamburger-button-inner .hamburger-icon rect { 4941 fill: #022d57; } 4942 4943 4944 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-nav-section, 4945 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu a.hamburger-menu-close-button{ 4946 color:#000000; display: flex; 4947 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 4948 </style> 4949 4950 <div id="mobile_hamburger_button" role="button" class="hamburger-button-inner" tabindex="0" aria-label="Hamburger Button" aria-expanded="false" aria-controls="mobile_hamburger_menu_template"> 4951 <div class="hamburger-button-parent"> 4952 <svg class="hamburger-icon" width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> 4953 <rect y="1" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 4954 <rect y="10" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 4955 <rect y="19" width="30" height="3" rx="1.5" ry="1.5" fill="black"/> 4956 </svg> 4957 4958 4959 </div> 4960 </div> 4961 </div> 4962</div> 4963 4964<style> 4965 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 4966 width:100%; justify-content: flex-start; 4967 align-items:center; -webkit-align-items:center; } 4968 4969 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 4970 height:100%; } 4971 4972 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content { 4973 display: flex; 4974 margin-top:px; margin-bottom:px; margin-left:10px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 4975 4976 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a, 4977 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>button { 4978 color:#000000; display: flex; 4979 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 4980 4981 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu>.flex_cell_content>nav>ul>li>a:hover { 4982 color:#000000; } 4983</style> 4984 </div> 4985 4986 <style> 4987 .header_container_3>.flex_row_2>.flex_col_1 { 4988 width:10%; } 4989 </style> 4990 4991 4992 4993 <div class="flex_col flex_col_2"> 4994 4995 4996 4997<div class="flex_cell flex_cell_1 image"> 4998 <div class="flex_cell_content"> 4999 5000 <a href="https://www.albertsjewelers.com/" 5001 > 5002 5003 5004 <img 5005 height="50px" width="100px" 5006 5007 src="https://www.albertsjewelers.com/public/1.0/uploads/source/website-header-logos1---m.jpg" 5008 5009 alt="Albert's Diamond Jewelers"> 5010 5011 5012 </a> 5013 5014 </div> 5015</div> 5016 <style> 5017 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image { 5018 width:100%; justify-content:left;
5018 -webkit-justify-content:left; align-items:center; -webkit-align-items:center; } 5019 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image>.flex_cell_content { 5020 display: flex; 5021 margin-top:5px; margin-bottom:5px; margin-left:15px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 5022 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image img { 5023 } 5024 5025 .header_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.image { 5026 height:100%; } 5027 </style> 5028 5029 5030 </div> 5031 5032 <style> 5033 .header_container_3>.flex_row_2>.flex_col_2 { 5034 width:50%; } 5035 </style> 5036 5037 5038 5039 <div class="flex_col flex_col_3"> 5040 5041 5042<div class="flex_cell flex_cell_1 account_icons"> 5043 <div class="flex_cell_content"> 5044 5045 <a class="" href="/wishlist" title="Wishlist" rel="nofollow" style="order: 1"> 5046 <svg role="img" aria-label="Wishlist" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_20)"><path class="path_class" d="M420.2 214.3L563.9 235.5C575.8 237.2 585.8 245.6 589.6 257.1C593.4 268.7 590.3 281.3 581.7 289.9L477.5 392.1L502.1 538.7C504.1 550.7 499.2 562.9 489.2 570C479.3 577.1 466.2 578 455.5 572.3L327.1 503.8L198.8 572.3C188 578 174.9 577.1 165 570C155.1 562.9 150.1 550.7 152.2 538.7L176.8 392.1L72.58 289.9C63.97 281.3 60.91 268.7 64.69 257.1C68.46 245.6 78.43 237.2 90.42 235.5L234 214.3L298.4 81.97C303.7 70.954 314.9 63.9609 327.1 63.9609C339.4 63.9609 350.6 70.954 355.9 81.97L420.2 214.3Z" fill="black"/></g><defs><clipPath id="clip0_107_20"><rect width="576" height="512" fill="white" transform="translate(39 64)"/></clipPath></defs></svg> <span class="item-count-badge wishlist-count-badge d-none"></span> 5047 </a> 5048 5049 <a class=" build-shopping-cart-icon" href="/shopping-cart" title="Shopping Cart" style="order: 2"> 5050 <svg role="img" aria-label="Shopping Cart" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" d="M128 64C139.5 64 149.4 72.19 151.6 83.51L153.1 96H573.8C594.1 96 610.3 116.25 604.6 136.66L550.6 328.7C546.7 342.5 534.1 352 519.8 352H202.7L211.9 400H520C533.3 400 544 410.7 544 424C544 437.3 533.3 448 520 448H191.1C180.5 448 170.6 439.8 168.4 428.5L108.14 112H56C42.75 112 32 101.25 32 88C32 74.75 42.75 64 56 64H128ZM160 528C160 501.5 181.5 480 208 480C234.5 480 256 501.5 256 528C256 554.5 234.5 576 208 576C181.5 576 160 554.5 160 528ZM544 528C544 554.5 522.5 576 496 576C469.5 576 448 554.5 448 528C448 501.5 469.5 480 496 480C522.5 480 544 501.5 544 528Z" fill="black"/></svg> <span class="item-count-badge build-shopping-cart-item-counter d-none"></span> 5051 </a> 5052 5053 5054 <a class="" href="/login" title="My Account" style="order: 3"> 5055 <svg role="img" aria-label="My Account" width="640" height="640" viewBox="0 0 640 640" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_107_18)"><path class="path_class" d="M320 320C390.7 320 448 262.69 448 192C448 121.31 390.7 64 320 64C249.3 64 192 121.31 192 192C192 262.69 249.3 320 320 320ZM370.7 368H269.3C173.61 368 96 445.6 96 541.3C96 560.44 111.52 575.97 130.66 575.97H509.36C528.5 576 544 560.5 544 541.3C544 445.6 466.4 368 370.7 368Z" fill="black"/></g><defs><clipPath id="clip0_107_18"><rect width="448" height="512" fill="white" transform="translate(96 64)"/></clipPath></defs></svg> </a> 5056 </div> 5057</div> 5058 5059<style> 5060 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons { 5061 width:100%; justify-content: flex-end; 5062 align-items:center; -webkit-align-items:center; } 5063 5064 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons { 5065 height:100%; } 5066 5067 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons>.flex_cell_content { 5068 display: flex; 5069 margin-top:px; margin-bottom:5px; margin-left:px; margin-right:4px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 5070 5071 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons .wishlist-count-badge.d-none { 5072 display: none !important; 5073 } 5074 5075 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a { 5076 display: flex; 5077 align-items: center; 5078 color:#022d57; font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; margin-left: 12px; 5079 text-transform:none; } 5080 5081 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a svg, 5082 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a img { 5083 flex-shrink: 0; 5084 margin-right: 5px; 5085 width:13px; height:13px; } 5086 5087 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .path_class { 5088 fill: currentColor; 5089 } 5090 5091 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a:hover { 5092 color:#003da5; } 5093 5094 .header_container_3>.flex_row_2>.flex_col_3>.flex_cell_1.account_icons a .item-count-badge { 5095 padding: 0 5px; 5096 height: 16px; 5097 min-width: 16px; 5098 text-align: center; 5099 border-radius: 7px; 5100 line-height: 16px; 5101 border: 1px solid #fff; 5102 font-style: normal; 5103 font-weight: 700; 5104 font-size: 10px; 5105 background-color:#cdb877; color:#ffffff; margin-left: -10px; 5106 margin-top: -15px; 5107 } 5108</style> 5109 </div> 5110 5111 <style> 5112 .header_container_3>.flex_row_2>.flex_col_3 { 5113 width:40%; } 5114 </style> 5115 5116 5117 5118 </div> 5119 5120 5121 <style> 5122 .header_container_3>.flex_row_2 { 5123 background-color: #ffffff; 5124 5125 color:#000000; height:auto; 5126 5127 } 5128 5129 </style> 5130 5131 5132 5133 5134 5135 <div class="flex_row flex_row_3 "> 5136 5137 5138 <div class="flex_col flex_col_1"> 5139 5140 5141<div class="flex_cell flex_cell_1 search_box"> 5142 <div class="flex_cell_content"> 5143 <form class="sform" id="search-box-form"
5144 onsubmit="javascript: window.location = '/keyword-search?search=' + encodeURIComponent($(this).find('input[name=search]').val()); return false;"> 5145 <div class="inputs-group"> 5146 <button class="sBtn"> 5147 <svg role="img" aria-label="Search" viewBox="0 0 512 512"><path class="path_class" d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"/></svg> 5148 </button> 5149 <input class="sinp" type="text" name="search" 5150 placeholder="Search Products..." 5151 aria-label="Search Products..." 5152 > 5153 </div> 5154 </form> 5155 </div> 5156</div> 5157<style> 5158 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box { 5159 width:100%; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center; } 5160 5161 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box { 5162 height:100%; } 5163 5164 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1.search_box>.flex_cell_content { 5165 display: flex; 5166 margin-top:15px; margin-bottom:5px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; width:70%; } 5167 5168 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sform, .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .inputs-group { 5169 width: 100%; 5170 display: flex; 5171 flex-wrap: nowrap; 5172 } 5173 5174 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp { 5175 border-radius: 0px; 5176 padding: 4px 8px; 5177 outline: 0px; 5178 box-shadow: none; 5179 font-size:12px; font-family:Baskerville; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; 5180 5181 5182 border-style: solid; 5183 border-width:1px; border-color:#ffffff; 5184 5185 border-left:0px; 5186 width: 100%; 5187 5188 border-bottom-color:#022d57; } 5189 5190 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp:hover { 5191 } 5192 5193 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sinp::placeholder { 5194 font-size:12px; font-family:Baskerville; color:#022d57; opacity: 1; 5195 } 5196 5197 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn { 5198 height: 100%; 5199 border-radius: 0px; 5200 padding: 4px; 5201 align-items: center; 5202 justify-content: center; 5203 display: flex; 5204 border-style: solid; 5205 border-width:1px; border-color:#ffffff; color:#022d57; font-weight:400; font-style:normal; background-color:#ffffff; border-right:0px; 5206 5207 } 5208 5209 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover { 5210 background-color:#022d57; } 5211 5212 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn svg { 5213 width:11px; height:11px; } 5214 5215 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn .path_class { 5216 fill:#022d57; } 5217 5218 .header_container_3>.flex_row_3>.flex_col_1>.flex_cell_1 .sBtn:hover .path_class { 5219 fill:#022d57; } 5220 5221</style> 5222 </div> 5223 5224 <style> 5225 .header_container_3>.flex_row_3>.flex_col_1 { 5226 width:100%; } 5227 </style> 5228 5229 5230 5231 </div> 5232 5233 5234 <style> 5235 .header_container_3>.flex_row_3 { 5236 background-color: #ffffff; 5237 5238 color:#000000; height:auto; 5239 5240 } 5241 5242 </style> 5243 5244 5245 5246 5247 5248 5249 <div class="flex_row"> 5250 5251 5252 <div class="flex_col"> 5253 5254 5255 </div> 5256 5257 <div class="flex_col"> 5258 5259 5260 </div> 5261 5262 <div class="flex_col"> 5263 5264 5265 </div> 5266 5267 <div class="flex_col"> 5268 5269 5270 </div> 5271 5272 </div> 5273 5274 5275 5276 <div class="flex_row"> 5277 5278 5279 <div class="flex_col"> 5280 5281 <div class="flex_cell flex_cell_1 menu"> 5282 <style> 5283 body.no-scroll { 5284 overflow: hidden; 5285 } 5286 #mobile_hamburger_menu_template { 5287 position: fixed; 5288 top: 0; 5289 left: 0; 5290 width: 425px; 5291 overflow-y: auto; 5292 left: -425px; 5293 z-index: 1000000001; 5294 background-color: #ffffff; 5295 transition: all 0.3s ease; 5296 height: 100%; 5297 max-height: 100vh; 5298 -webkit-overflow-scrolling: touch; 5299 box-sizing: border-box; 5300 } 5301 #mobile_hamburger_menu_template_overlay.open { 5302 position: absolute; 5303 top: 0; 5304 left: 0; 5305 right: 0; 5306 z-index: 100; 5307 transition: all 0.3s ease; 5308 height: 100vh; 5309 background: rgba(1, 1, 1, 0.5); 5310 cursor: pointer; 5311 box-sizing: border-box; 5312 }
5313 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m { 5314 height: 100vh; 5315 overflow-y: auto; 5316 -webkit-overflow-scrolling: touch; 5317 box-sizing: border-box; 5318 padding-right: 30px; 5319 } 5320 5321 /* Applies to your scrollable element */ 5322 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m, 5323 #mobile_hamburger_menu_template .sub-menu-panel { 5324 /* existing styles */ 5325 overflow-y: auto; 5326 scroll-behavior: smooth; 5327 5328 /* Optional smoother experience on mobile */ 5329 -webkit-overflow-scrolling: touch; 5330 } 5331 5332 /* Custom scrollbar for WebKit (Chrome, Safari, Edge) */ 5333 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar, 5334 #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar { 5335 width: 8px; 5336 } 5337 5338 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-track, 5339 #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-track { 5340 background: #f0f0f0; /* Light background */ 5341 border-radius: 4px; 5342 } 5343 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb, 5344 #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb { 5345 background-color: #ccc; 5346 border-radius: 4px; 5347 border: 2px solid #f0f0f0; /* Matches track */ 5348 } 5349 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m::-webkit-scrollbar-thumb:hover, 5350 #mobile_hamburger_menu_template .sub-menu-panel::-webkit-scrollbar-thumb:hover { 5351 background-color: #999; 5352 } 5353 5354 /* Firefox scrollbar styling */ 5355 @supports (scrollbar-color: auto) { 5356 #mobile_hamburger_menu_template .hamburger-menu-template-inner-m, 5357 #mobile_hamburger_menu_template .sub-menu-panel { 5358 scrollbar-width: thin; 5359 scrollbar-color: #ccc #f0f0f0; /* thumb and track */ 5360 } 5361 } 5362 #mobile_hamburger_menu_template .hamburger-menu-template-inner { 5363 padding: 30px; 5364 width: 425px; 5365 padding-right: 0px; 5366 position: fixed; 5367 box-sizing: border-box; 5368 } 5369 #mobile_hamburger_menu_template .hamburger-menu-close-button { 5370 font-size: 14px !important; 5371 display: flex; 5372 align-items: center; 5373 margin-bottom: 20px; 5374 } 5375 #mobile_hamburger_menu_template .hamburger-menu-close-button svg { 5376 height: 24px; 5377 margin-right: 5px; 5378 } 5379 #mobile_hamburger_menu_template .hamburger-menu-nav-section { 5380 display: flex; 5381 justify-content: space-between; 5382 align-items: center; 5383 box-sizing: border-box; 5384 } 5385 #mobile_hamburger_menu_template .sub_title_m { 5386 color: #444; 5387 text-transform: uppercase; 5388 font-weight: 400; 5389 font-size: 14px; 5390 margin-top: 30px; 5391 margin-bottom: 30px; 5392 letter-spacing: 2px; 5393 display:flex; 5394 } 5395 #mobile_hamburger_menu_template .hamburger-menu-nav-section svg { 5396 height: 20px; 5397 float: right; 5398 } 5399 #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men span{ 5400 text-decoration: underline; 5401 } 5402 #mobile_hamburger_menu_template .hamburger-menu-nav-section.parent_men_arrow{ 5403 min-width:30px; 5404 justify-content: end; 5405 } 5406 #mobile_hamburger_menu_template .icon_and_name { 5407 display:flex; 5408 align-items:center; 5409 gap:10px; 5410 } 5411 #mobile_hamburger_menu_template .ham_menu_container { 5412 display:flex; 5413 justify-content: space-between; 5414 } 5415 #mobile_hamburger_menu_template.open { 5416 left: 0; 5417 5418 } 5419 #mobile_hamburger_menu_template .sub-menu-panel { 5420 padding: 30px; 5421 padding-top: 60px; 5422 position: absolute; 5423 top: 0; 5424 left: 425px; 5425 width: 425px; 5426 height: 100vh; 5427 background-color: #fff; 5428 overflow-y: auto; 5429 z-index: 999999; 5430 opacity: 0; 5431 transition: opacity 0.5s ease; 5432 } 5433
5434 #mobile_hamburger_menu_template .sub-menu-panel.open { 5435 opacity: 1; 5436 z-index: 9999999; 5437 } 5438 5439 5440 5441 #mobile_hamburger_menu_template a.hamburger-menu-nav-section, 5442 #mobile_hamburger_menu_template button.hamburger-menu-nav-section, 5443 #mobile_hamburger_menu_template a.hamburger-menu-close-button, 5444 #mobile_hamburger_menu_template button.hamburger-menu-close-button { 5445 position: relative; 5446 color:#000000; display: flex; 5447 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 5448 #mobile_hamburger_menu_template button.hamburger-menu-nav-section, 5449 #mobile_hamburger_menu_template button.hamburger-menu-close-button { 5450 background: none; 5451 border: none; 5452 padding: 0; 5453 cursor: pointer; 5454 width: 100%; 5455 } 5456 /* this is not working in dash */ 5457 #mobile_hamburger_menu_template a.hamburger-menu-nav-section:hover, 5458 #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover, 5459 #mobile_hamburger_menu_template a.hamburger-menu-nav-section.active, 5460 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active 5461 { 5462 color: #000; 5463 } 5464 #mobile_hamburger_menu_template a.hamburger-menu-nav-section::after, 5465 #mobile_hamburger_menu_template button.hamburger-menu-nav-section::after { 5466 content: ""; 5467 position: absolute; 5468 left: 0; 5469 bottom: 0; 5470 width: 0%; 5471 height: 0.5px; 5472 background-color: #000; 5473 transition: width 0.5s ease; 5474 } 5475 #mobile_hamburger_menu_template a.hamburger-menu-nav-section.active::after, 5476 #mobile_hamburger_menu_template button.hamburger-menu-nav-section.active::after { 5477 width: 100%; 5478 } 5479 5480 #mobile_hamburger_menu_template a.hamburger-menu-nav-section:hover::after, 5481 #mobile_hamburger_menu_template button.hamburger-menu-nav-section:hover::after { 5482 width: 100%; 5483 } 5484 #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd { 5485 display: none; 5486 padding: 15px 0px; 5487 padding-left: 20px; 5488 background: #fff; 5489 } 5490 #mobile_hamburger_menu_template.hamburger-menu-template .nav_list_trd.open { 5491 display: block; 5492 padding-top:2px; 5493 } 5494 5495 #mobile_hamburger_menu_template a.hamburger-menu-nav-section .icon_and_name img, 5496 #mobile_hamburger_menu_template button.hamburger-menu-nav-section .icon_and_name img { 5497 height:30px; 5498 } 5499 @media (min-width: 768px) { 5500 .hide_desktop { 5501 display:none!important; 5502 } 5503 } 5504 5505 @media (max-width: 767.9px) { 5506 .hide_mobile { 5507 display:none!important; 5508 } 5509 #mobile_hamburger_menu_template .sub_title_m svg { 5510 height: 20px; 5511 transform: rotate(180deg); 5512 } 5513 #mobile_hamburger_menu_template .sub_title_m { 5514 align-items: center; 5515 gap: 8px; 5516 cursor: pointer; 5517 } 5518 #mobile_hamburger_menu_template { 5519 position: fixed; 5520 top: 0; 5521 left: 0; 5522 width: 100%; 5523 overflow-y: auto; 5524 left: -100%; 5525 z-index: 9999998; 5526 background-color: #ffffff; 5527 transition: all 0.3s ease; 5528 height: 100%; 5529 max-height: 100vh; 5530 -webkit-overflow-scrolling: touch; 5531 box-sizing: border-box; 5532 } 5533 5534 #mobile_hamburger_menu_template .sub-menu-panel { 5535 padding: 30px; 5536 padding-top: 30px; 5537 padding-bottom: 100px; 5538 position: absolute; 5539 top: 0; 5540 left: 200%; 5541 width: 100%; 5542 height: 100vh; 5543 background-color: #fff; 5544 overflow-y: auto; 5545 z-index: -1; 5546 opacity: 1; 5547 transition: 0.5s ease; 5548 box-sizing: border-box; 5549 }
5550 #mobile_hamburger_menu_template .sub-menu-panel.open { 5551 opacity: 1; 5552 left: 0px; 5553 z-index: 9999999; 5554 } 5555 5556 #mobile_hamburger_menu_template .hamburger-menu-template-inner { 5557 width: 100%; 5558 } 5559 5560 5561 } 5562 5563 5564 5565 </style> 5566 5567 <nav id="mobile_hamburger_menu_template" class="hamburger-menu-template" inert="inert"> 5568 5569 <div class="hamburger-menu-template-inner"> 5570 <div class="hamburger-menu-template-inner-m"> 5571 <a href="#!" class="hamburger-menu-close-button mr-4" title="Close" id="mobile_hamburger_close_button" role="button"> 5572 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-13ewnpa" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 11.2928L17.7703 5.52254L18.4774 6.22964L12.7071 11.9999L18.4775 17.7704L17.7704 18.4775L12 12.7071L6.22957 18.4775L5.52246 17.7704L11.2929 11.9999L5.52256 6.22964L6.22967 5.52254L12 11.2928Z" fill="currentColor"></path></svg> 5573 </a> 5574 5575 <div class="script_before_menu"> 5576 5577 5578<div class="flex_cell flex_cell_1 image"> 5579 <div class="flex_cell_content"> 5580 5581 5582 5583 <img 5584 5585 5586 src="https://www.albertsjewelers.com/public/1.0/uploads/source/homepage-2025/header-2025/frame-32.png" 5587 5588 alt="Albert's Jewelers"> 5589 5590 5591 5592 </div> 5593</div> 5594 <style> 5595 .header_container_3 .flex_row .flex_col .script_before_menu .image { 5596 width:100%; justify-content:left !important; align-items:center !important; } 5597 .header_container_3 .flex_row .flex_col .script_before_menu .image>.flex_cell_content { 5598 display: flex; 5599 margin-top:px !important; margin-bottom:px !important; margin-left:px !important; margin-right:px !important; padding-top:px !important; padding-bottom:px !important; padding-left:px !important; padding-right:px !important; } 5600 .header_container_3 .flex_row .flex_col .script_before_menu .image img { 5601 max-width:130px; } 5602 5603 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.image { 5604 } 5605 </style> 5606 5607 </div> 5608 <div style="clear: both"></div> 5609 5610 5611 <a style="margin-top:25px" 5612 class="hamburger-menu-nav-section " 5613 title="New Arrivals" 5614 href="#!" > 5615 5616 <span class="icon_and_name"> 5617 5618 New Arrivals </span> 5619 5620 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5621 5622 </a> 5623 5624 5625 5626 <div class="sub-menu-panel" id="mobile-sub-menu-panel-216"> 5627 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5628 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5629 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5630</svg> 5631 5632 New Arrivals 5633 </div> 5634 <div class="sub_title_m hide_mobile">New Arrivals</div> 5635 5636 5637 <!-- mobile_hamburger_menu_216_start --> 5638 <div id="mobile_hamburger_menu_216"></div> 5639 <!-- mobile_hamburger_menu_216_end --> 5640 </div> 5641 5642 5643 5644 <a style="margin-top:25px"
5645 class="hamburger-menu-nav-section " 5646 title="Engagement Rings" 5647 href="#!" > 5648 5649 <span class="icon_and_name"> 5650 5651 Engagement Rings </span> 5652 5653 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5654 5655 </a> 5656 5657 5658 5659 <div class="sub-menu-panel" id="mobile-sub-menu-panel-6"> 5660 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5661 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5662 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5663</svg> 5664 5665 Engagement Rings 5666 </div> 5667 <div class="sub_title_m hide_mobile">Engagement Rings</div> 5668 5669 5670 <!-- mobile_hamburger_menu_6_start --> 5671 <div id="mobile_hamburger_menu_6"></div> 5672 <!-- mobile_hamburger_menu_6_end --> 5673 </div> 5674 5675 5676 5677 <a style="" 5678 class="hamburger-menu-nav-section " 5679 title="Wedding Bands" 5680 href="#!" > 5681 5682 <span class="icon_and_name"> 5683 5684 Wedding Bands </span> 5685 5686 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5687 5688 </a> 5689 5690 5691 5692 <div class="sub-menu-panel" id="mobile-sub-menu-panel-12"> 5693 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5694 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5695 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5696</svg> 5697 5698 Wedding Bands 5699 </div> 5700 <div class="sub_title_m hide_mobile">Wedding Bands</div> 5701 5702 5703 <!-- mobile_hamburger_menu_12_start --> 5704 <div id="mobile_hamburger_menu_12"></div> 5705 <!-- mobile_hamburger_menu_12_end --> 5706 </div> 5707 5708 5709 5710 <a style="" 5711 class="hamburger-menu-nav-section " 5712 title="Diamonds" 5713 href="#!" > 5714 5715 <span class="icon_and_name"> 5716 5717 Diamonds </span> 5718 5719 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5720 5721 </a> 5722 5723 5724
5725 <div class="sub-menu-panel" id="mobile-sub-menu-panel-11"> 5726 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5727 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5728 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5729</svg> 5730 5731 Diamonds 5732 </div> 5733 <div class="sub_title_m hide_mobile">Diamonds</div> 5734 5735 5736 <!-- mobile_hamburger_menu_11_start --> 5737 <div id="mobile_hamburger_menu_11"></div> 5738 <!-- mobile_hamburger_menu_11_end --> 5739 </div> 5740 5741 5742 5743 <a style="margin-top:20px" 5744 class="hamburger-menu-nav-section " 5745 title="Designers " 5746 href="#!" > 5747 5748 <span class="icon_and_name"> 5749 5750 Designers </span> 5751 5752 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5753 5754 </a> 5755 5756 5757 5758 <div class="sub-menu-panel" id="mobile-sub-menu-panel-72"> 5759 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5760 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5761 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5762</svg> 5763 5764 Designers 5765 </div> 5766 <div class="sub_title_m hide_mobile">Designers </div> 5767 5768 5769 <!-- mobile_hamburger_menu_72_start --> 5770 <div id="mobile_hamburger_menu_72"></div> 5771 <!-- mobile_hamburger_menu_72_end --> 5772 </div> 5773 5774 5775 5776 <a style="" 5777 class="hamburger-menu-nav-section " 5778 title="Fine Jewelry" 5779 href="#!" > 5780 5781 <span class="icon_and_name"> 5782 5783 Fine Jewelry </span> 5784 5785 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5786 5787 </a> 5788 5789 5790 5791 <div class="sub-menu-panel" id="mobile-sub-menu-panel-16"> 5792 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5793 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5794 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5795</svg> 5796 5797 Fine Jewelry 5798 </div> 5799 <div class="sub_title_m hide_mobile">Fine Jewelry</div> 5800 5801 5802 <!-- mobile_hamburger_menu_16_start --> 5803 <div id="mobile_hamburger_menu_16"></div> 5804 <!-- mobile_hamburger_menu_16_end --> 5805 </div> 5806 5807 5808 5809 <a style=""
5810 class="hamburger-menu-nav-section " 5811 title="Timepieces" 5812 href="#!" > 5813 5814 <span class="icon_and_name"> 5815 5816 Timepieces </span> 5817 5818 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5819 5820 </a> 5821 5822 5823 5824 <div class="sub-menu-panel" id="mobile-sub-menu-panel-20"> 5825 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5826 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5827 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5828</svg> 5829 5830 Timepieces 5831 </div> 5832 <div class="sub_title_m hide_mobile">Timepieces</div> 5833 5834 5835 <!-- mobile_hamburger_menu_20_start --> 5836 <div id="mobile_hamburger_menu_20"></div> 5837 <!-- mobile_hamburger_menu_20_end --> 5838 </div> 5839 5840 5841 5842 <a style="margin-top:20px" 5843 class="hamburger-menu-nav-section " 5844 title="Services" 5845 href="#!" > 5846 5847 <span class="icon_and_name"> 5848 5849 Services </span> 5850 5851 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5852 5853 </a> 5854 5855 5856 5857 <div class="sub-menu-panel" id="mobile-sub-menu-panel-179"> 5858 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5859 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5860 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5861</svg> 5862 5863 Services 5864 </div> 5865 <div class="sub_title_m hide_mobile">Services</div> 5866 5867 5868 <!-- mobile_hamburger_menu_179_start --> 5869 <div id="mobile_hamburger_menu_179"></div> 5870 <!-- mobile_hamburger_menu_179_end --> 5871 </div> 5872 5873 5874 5875 <a style="" 5876 class="hamburger-menu-nav-section " 5877 title="Contact" 5878 href="#!" > 5879 5880 <span class="icon_and_name"> 5881 5882 Contact </span> 5883 5884 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path></svg> 5885 5886 </a> 5887 5888 5889
5890 <div class="sub-menu-panel" id="mobile-sub-menu-panel-22"> 5891 <div class="sub_title_m hide_desktop close_sub_menu" tabindex="0"> 5892 <svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-1ql2yne"> 5893 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.707 12L9.35348 18.3536L8.64637 17.6464L14.2928 12L8.64637 6.35355L9.35348 5.64645L15.707 12Z" fill="currentColor"></path> 5894</svg> 5895 5896 Contact 5897 </div> 5898 <div class="sub_title_m hide_mobile">Contact</div> 5899 5900 5901 <!-- mobile_hamburger_menu_22_start --> 5902 <div id="mobile_hamburger_menu_22"></div> 5903 <!-- mobile_hamburger_menu_22_end --> 5904 </div> 5905 5906 <div class="script_after_menu"> 5907 <div class="custom_script_after_menu"> 5908 <br><br><br><br><br> </div> 5909 </div> 5910 </div> 5911 </div> 5912 </nav> 5913 <div class="hamburger-menu-template-overlay" id="mobile_hamburger_menu_template_overlay"></div> 5914 5915
5915<script> 5916 $(function () { 5917 5918 5919 const trap = focusTrap.createFocusTrap('#mobile_hamburger_menu_template', { 5920 onActivate: () => $('#mobile_hamburger_menu_template').addClass('is-active'), 5921 onDeactivate: () => $('#mobile_hamburger_menu_template').removeClass('is-active'), 5922 clickOutsideDeactivates: true 5923 }); 5924 5925 5926 5927 function updatePanelWidth() { 5928 const elements = document.querySelectorAll('.custom_bm_fw'); 5929 5930 elements.forEach(element => { 5931 const panel = element.closest('.sub-menu-panel'); 5932 if (panel) { 5933 if (window.innerWidth > 768) { 5934 const newWidth = window.innerWidth - 425; 5935 panel.style.width = `${newWidth}px`; 5936 } else { 5937 panel.removeAttribute('style'); 5938 } 5939 } 5940 }); 5941 } 5942 5943 updatePanelWidth(); 5944 window.addEventListener('resize', updatePanelWidth); 5945 5946 let $lastNavTrigger = null; 5947 $('.sub-menu-panel').attr('tabindex', '-1'); 5948 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 5949 5950 5951 5952 $('#mobile_hamburger_button').on('click keypress', function (event) { 5953 if(event.which === 13 || event.which === 32 || event.type == 'click') { 5954 if(event.which === 32) { 5955 event.preventDefault(); 5956 } 5957 document.body.classList.add('no-scroll'); 5958 $('#mobile_hamburger_menu_template').toggleClass('open') 5959 $('#mobile_hamburger_menu_template_overlay').toggleClass('open') 5960 $('#mobile_hamburger_menu_template').removeAttr('inert') 5961 trap.activate() 5962 $('#mobile_hamburger_close_button').focus() 5963 } 5964 }) 5965 5966 function closeSubMenu() { 5967 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 5968 panel.classList.remove('open'); 5969 }) 5970 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 5971 panel.classList.remove('active'); 5972 }) 5973 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 5974 // Restore main-list nav items to the tab order 5975 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 5976 if ($lastNavTrigger) { 5977 $lastNavTrigger.focus(); 5978 $lastNavTrigger = null; 5979 } 5980 } 5981 5982 $('.header_container_3').on('click', '.close_sub_menu', function() { 5983 closeSubMenu(); 5984 }) 5985 5986 $('.header_container_3').on('keydown', '.close_sub_menu', function(event) { 5987 if (event.key === 'Enter' || event.key === ' ') { 5988 event.preventDefault(); 5989 closeSubMenu(); 5990 } 5991 }) 5992 5993 5994 5995 // Cycle Tab focus within the open sub-menu-panel (last item â first item) 5996 $(document).on('keydown', '.sub-menu-panel.open [tabindex="0"]', function(event) { 5997 if (event.key !== 'Tab' || event.shiftKey) return; 5998 var $panel = $(this).closest('.sub-menu-panel.open'); 5999 var $focusable = $panel.find('a[tabindex="0"], button[tabindex="0"], .close_sub_menu[tabindex="0"]'); 6000 if ($focusable.last().is(this)) { 6001 event.preventDefault(); 6002 $focusable.first().trigger('focus'); 6003 } 6004 }); 6005 6006 $('#mobile_hamburger_close_button, #mobile_hamburger_menu_template_overlay').on('click keypress', function (event) { 6007 // <button> fires a synthetic click on Enter/Space â skip keypress to avoid double-fire 6008 if (event.type === 'keypress' && this.tagName === 'BUTTON') { 6009 return; 6010 } 6011 if(event.which === 13 || event.which === 32 || event.type == 'click') { 6012 if (event.which === 32) { 6013 event.preventDefault(); 6014 } 6015 6016 closeHamburgerMenu(); 6017 } 6018 }) 6019 6020 $(window).resize(function () { 6021 if($(window).width() > 768) closeHamburgerMenu(); 6022 }) 6023 6024 function closeHamburgerMenu() {
6025 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 6026 panel.classList.remove('open'); 6027 }) 6028 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 6029 panel.classList.remove('active'); 6030 }) 6031 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 6032 // Restore main-list nav items to the tab order 6033 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 6034 $lastNavTrigger = null; 6035 document.body.classList.remove('no-scroll'); 6036 $('#mobile_hamburger_menu_template').removeClass('open') 6037 $('#mobile_hamburger_menu_template_overlay').removeClass('open') 6038 $('#mobile_hamburger_menu_template').attr('inert', 'inert') 6039 trap.deactivate() 6040 } 6041 6042 $('.header_container_3').on('click', '.hamburger-menu-nav-section', function() { 6043 6044 if ($(this).hasClass("active")) { 6045 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 6046 panel.classList.remove('open'); 6047 }) 6048 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 6049 panel.classList.remove('active'); 6050 }) 6051 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 6052 // Restore main-list nav items to the tab order 6053 $('.hamburger-menu-nav-section').removeAttr('tabindex'); 6054 } else { 6055 // For parent_men_arrow, the sub-menu-panel is after ham_menu_container, not after the button 6056 let $checkPanel = $(this).hasClass("parent_men_arrow") 6057 ? $(this).closest('.ham_menu_container').next('.sub-menu-panel') 6058 : $(this).next('.sub-menu-panel'); 6059 6060 if ($checkPanel.find('.nav_a_trd').length > 0 || $checkPanel.find('.custom_build_menu').length > 0) { 6061 document.querySelectorAll('.sub-menu-panel').forEach(panel => { 6062 panel.classList.remove('open'); 6063 }) 6064 document.querySelectorAll('.hamburger-menu-nav-section').forEach(panel => { 6065 panel.classList.remove('active'); 6066 }) 6067 $('.sub-menu-panel').find('a, button, .close_sub_menu').attr('tabindex', '-1'); 6068 6069 $(this).addClass('active'); 6070 $lastNavTrigger = $(this); 6071 6072 let $openedPanel = null; 6073 6074 if (!$(this).hasClass("parent_men")) { 6075 updatePanelWidth(); 6076 $(this).next('.sub-menu-panel').toggleClass('open'); 6077 $openedPanel = $(this).next('.sub-menu-panel'); 6078 } 6079 if ($(this).hasClass("parent_men_arrow")) { 6080 $(this).closest('.ham_menu_container').next('.sub-menu-panel').toggleClass('open'); 6081 $openedPanel = $(this).closest('.ham_menu_container').next('.sub-menu-panel'); 6082 } 6083 6084 if ($openedPanel && $openedPanel.hasClass('open')) { 6085 // Hide main-list nav items from tab order while panel is open 6086 $('.hamburger-menu-nav-section').attr('tabindex', '-1'); 6087 $openedPanel.find('a, button, .close_sub_menu').attr('tabindex', '0'); 6088 setTimeout(function() { 6089 $openedPanel.find('[tabindex="0"]').first().trigger('focus'); 6090 }, 50); 6091 } 6092 } 6093 } 6094 6095 }) 6096 }) 6097 6098 function setHamburgerInnerHeight() { 6099 const inner = document.querySelector('.hamburger-menu
6099-template-inner-m'); 6100 const offset = 0; // adjust this if there's a header/footer inside 6101 inner.style.height = `${window.innerHeight - offset - 70}px`; 6102 } 6103 6104 // Run on load and resize 6105 window.addEventListener('load', setHamburgerInnerHeight); 6106 window.addEventListener('resize', setHamburgerInnerHeight); 6107 6108 </script>
6108 6109</div> 6110 6111<style> 6112 #mobile_hamburger_menu_template>ul>li>a { 6113 color:#000000; display: flex; 6114 font-weight:400; font-style:normal; font-size:14px; font-family:ITC Avant Garde; text-transform:none; line-height:35px; } 6115 6116 #mobile_hamburger_menu_template>ul>li>a:hover { 6117 color:#000000; } 6118 6119 6120 6121</style> 6122 </div> 6123 6124 <div class="flex_col"> 6125 6126 6127 </div> 6128 6129 <div class="flex_col"> 6130 6131 6132 </div> 6133 6134 </div> 6135 6136 6137 6138 <div class="flex_row"> 6139 6140 6141 <div class="flex_col"> 6142 6143 6144 </div> 6145 6146 </div> 6147 6148 6149 </div> 6150 6151 6152 6153</header> 6154 6155<main id="main" class="main_page_container page_type_900 page_guid_3000016"> 6156
6156<script> 6157 // RS 2026-06-29 https://www.wrike.com/open.htm?id=4445249726 6158 // Current checkout step for sc-session-manager.js. 6159 window.scSession = window.scSession || {}; 6160 window.scSession.isCart = true; 6161 window.scSession.currentStep = "cart"; 6162 </script>
6162 6163 <form style="display:none" method="post" id="sc_session_form" action="" aria-label="Shopping cart session form"> 6164 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <!--input type="hidden" name="sc_session" id="sc_session"--> 6165 <textarea type="hidden" name="sc_session_info_bar" id="sc_session_info_bar"></textarea> 6166 </form> 6167 6168 <h1 class="title filter-title text-center mb-4 invisible d-none">Information</h1> 6169 6170 6171 <button type="button" id="final-offers-button" data-toggle="modal" data-target="#final-offers-modal" style="display:none;"></button> 6172 <div class="modal fade" id="final-offers-modal" tabindex="-1" role="dialog" aria-labelledby="final-offers-modal-label" 6173 aria-modal="true"> 6174 <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> 6175 <div class="modal-content"> 6176 <div class="modal-header position-relative"> 6177 <h5 class="modal-title flex-grow-1 text-center px-4 general_style" id="final-offers-modal-label">Products You May Also Like!</h5> 6178 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 6179 <span aria-hidden="true">×</span> 6180 </button> 6181 </div> 6182 <div class="modal-body"> 6183 <div class="final-offers"> 6184 <div class="item d-flex flex-column justify-content-between h-auto"> 6185 <div class="item-header"> 6186 <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/5x8/250/1254782_0.jpg" alt="Necklace" title="Necklace" loading="lazy" width="300" height="300"/> 6187 <h5 class="item-title general_style"> 6188 Ania Haie Mother's Day Heart Locket Necklace N099-06G </h5> 6189 </div> 6190 <div class="item-info"> 6191 <p class="item-in-cart d-none"> 6192 ADDED TO CART! 6193 </p> 6194 <form method="POST" class="offer-add-to-cart-form" data-image-link="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/original/1254782_0.jpg" data-sale-price="" data-retail-price="$99.00" data-warranty="" aria-label="Add Ania Haie Mother's Day Heart Locket Necklace N099-06G to cart"> 6195 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <input type="hidden" id="cart-title" name="cart[add][0][title]" value="Ania Haie Mother's Day Heart Locket Necklace N099-06G"/> 6196 <input type="hidden" id="cart-guid" name="cart[add][0][guid]" value="10820349"> 6197 <input type="hidden" id="cart-link" name="cart[add][0][link]" value="https://www.albertsjewelers.com/ania-haie/ania-haie-mother-s-day-heart-locket-necklace-n099-06g/10820349/en"> 6198 <input type="hidden" id="cart-brandname" name="brandname" value="ANIA HAIE"> 6199 <button type="button" class="btn btn-primary btn-add-to-cart general_style"> 6200 ADD TO CART 6201 </button> 6202 </form> 6203 <sp
6203an class="price"> 6204 $99.00 </span> 6205 <a href="https://www.albertsjewelers.com/ania-haie/ania-haie-mother-s-day-heart-locket-necklace-n099-06g/10820349/en" target="_blank" class="item-details-link general_style"> 6206 VIEW DETAILS 6207 </a> 6208 </div> 6209 </div> 6210 <div class="item d-flex flex-column justify-content-between h-auto"> 6211 <div class="item-header"> 6212 <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/5x8/250/116089_0.jpg" alt="Necklace" title="Necklace" loading="lazy" width="300" height="300"/> 6213 <h5 class="item-title general_style"> 6214 Albert's Sterling Silver 18'' .02ctw Diamond Heart Necklace FP1192-SSD </h5> 6215 </div> 6216 <div class="item-info"> 6217 <p class="item-in-cart d-none"> 6218 ADDED TO CART! 6219 </p> 6220 <form method="POST" class="offer-add-to-cart-form" data-image-link="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/original/116089_0.jpg" data-sale-price="" data-retail-price="$169.00" data-warranty="" aria-label="Add Albert's Sterling Silver 18'' .02ctw Diamond Heart Necklace FP1192-SSD to cart"> 6221 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <input type="hidden" id="cart-title" name="cart[add][0][title]" value="Albert's Sterling Silver 18'' .02ctw Diamond Heart Necklace FP1192-SSD"/> 6222 <input type="hidden" id="cart-guid" name="cart[add][0][guid]" value="5550620"> 6223 <input type="hidden" id="cart-link" name="cart[add][0][link]" value="https://www.albertsjewelers.com/albert-s-collections/albert-s-sterling-silver-18-02ctw-diamond-heart-necklace-fp1192-ssd/5550620/en"> 6224 <input type="hidden" id="cart-brandname" name="brandname" value="ALBERT'S"> 6225 <button type="button" class="btn btn-primary btn-add-to-cart general_style"> 6226 ADD TO CART 6227 </button> 6228 </form> 6229 <span class="price"> 6230 $169.00 </span> 6231 <a href="https://www.albertsjewelers.com/albert-s-collections/albert-s-sterling-silver-18-02ctw-diamond-heart-necklace-fp1192-ssd/5550620/en" target="_blank" class="item-details-link general_style"> 6232 VIEW DETAILS 6233 </a> 6234 </div> 6235 </div> 6236 <div class="item d-flex flex-column justify-content-between h-auto"> 6237 <div class="item-header"> 6238 <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/5x8/250/142320_0.jpg" alt="Earring" title="Earring" loading="lazy" width="300" height="300"/> 6239 <h5 class="item-title general_style"> 6240 Albert's Sterling Silver Heart Diamond E
6240arrings FE1133-SSD </h5> 6241 </div> 6242 <div class="item-info"> 6243 <p class="item-in-cart d-none"> 6244 ADDED TO CART! 6245 </p> 6246 <form method="POST" class="offer-add-to-cart-form" data-image-link="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/original/142320_0.jpg" data-sale-price="" data-retail-price="$169.00" data-warranty="" aria-label="Add Albert's Sterling Silver Heart Diamond Earrings FE1133-SSD to cart"> 6247 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <input type="hidden" id="cart-title" name="cart[add][0][title]" value="Albert's Sterling Silver Heart Diamond Earrings FE1133-SSD"/> 6248 <input type="hidden" id="cart-guid" name="cart[add][0][guid]" value="5550125"> 6249 <input type="hidden" id="cart-link" name="cart[add][0][link]" value="https://www.albertsjewelers.com/albert-s-collections/albert-s-sterling-silver-heart-diamond-earrings-fe1133/5550125/en"> 6250 <input type="hidden" id="cart-brandname" name="brandname" value="ALBERT'S"> 6251 <button type="button" class="btn btn-primary btn-add-to-cart general_style"> 6252 ADD TO CART 6253 </button> 6254 </form> 6255 <span class="price"> 6256 $169.00 </span> 6257 <a href="https://www.albertsjewelers.com/albert-s-collections/albert-s-sterling-silver-heart-diamond-earrings-fe1133/5550125/en" target="_blank" class="item-details-link general_style"> 6258 VIEW DETAILS 6259 </a> 6260 </div> 6261 </div> 6262 <div class="item d-flex flex-column justify-content-between h-auto"> 6263 <div class="item-header"> 6264 <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/5x8/250/160167_0.jpg" alt="Earring" title="Earring" loading="lazy" width="300" height="300"/> 6265 <h5 class="item-title general_style"> 6266 Albert's Sterling Silver .08ctw Diamond Hoop Earrings JY0789-RH*SW </h5> 6267 </div> 6268 <div class="item-info"> 6269 <p class="item-in-cart d-none"> 6270 ADDED TO CART! 6271 </p> 6272 <form method="POST" class="offer-add-to-cart-form" data-image-link="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/original/160167_0.jpg" data-sale-price="" data-retail-price="$179.00" data-warranty="" aria-label="Add Albert's Sterling Silver .08ctw Diamond Hoop Earrings JY0789-RH*SW to cart"> 6273 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <input type="hidden" id="cart-title" name="cart[add][0][title]" value="Albert's Sterling Silver .08ctw Diamond Hoop Earrings JY0789-RH*SW"/> 6274 <input type="hidden" id="cart-guid" name="cart[add][0][guid]" value="5555450"> 6275 <input type="hidden" id="cart-link" name="cart[add][0][link]" value="https://www.albertsjewelers.com/albert-s-collections/albert-s-sterling-silver-08ctw-diamond-hoop-earrings/5555450/en"> 6276 <input type="hidden" id="cart-brandname" name="brandname" value="ALBERT'S"> 6277 <button type="button" class="btn btn-primary btn-add-to-cart general_style"> 6278 ADD TO CART 6279 </button> 6280 </form> 6281 <sp
6281an class="price"> 6282 $179.00 </span> 6283 <a href="https://www.albertsjewelers.com/albert-s-collections/albert-s-sterling-silver-08ctw-diamond-hoop-earrings/5555450/en" target="_blank" class="item-details-link general_style"> 6284 VIEW DETAILS 6285 </a> 6286 </div> 6287 </div> 6288 <div class="item d-flex flex-column justify-content-between h-auto"> 6289 <div class="item-header"> 6290 <img src="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/5x8/250/674074_0.jpg" alt="Accessory" title="Accessory" loading="lazy" width="300" height="300"/> 6291 <h5 class="item-title general_style"> 6292 Albert's Lacquer Dipped Gold Trimmed Burgundy Starburst Rose With Box and Stand DY-5B-A-AU-75 </h5> 6293 </div> 6294 <div class="item-info"> 6295 <p class="item-in-cart d-none"> 6296 ADDED TO CART! 6297 </p> 6298 <form method="POST" class="offer-add-to-cart-form" data-image-link="https://s3.us-west-1.amazonaws.com/laravo-cloud/397/product_images/original/674074_0.jpg" data-sale-price="" data-retail-price="$79.95" data-warranty="" aria-label="Add Albert's Lacquer Dipped Gold Trimmed Burgundy Starburst Rose With Box and Stand DY-5B-A-AU-75 to cart"> 6299 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <input type="hidden" id="cart-title" name="cart[add][0][title]" value="Albert's Lacquer Dipped Gold Trimmed Burgundy Starburst Rose With Box and Stand DY-5B-A-AU-75"/> 6300 <input type="hidden" id="cart-guid" name="cart[add][0][guid]" value="5557341"> 6301 <input type="hidden" id="cart-link" name="cart[add][0][link]" value="https://www.albertsjewelers.com/albert-s-collections/albert-s-lacquer-dipped-gold-trimmed-burgundy-starburst-rose-with-box-and-stand-dy-5b-a-au-75/5557341/en"> 6302 <input type="hidden" id="cart-brandname" name="brandname" value="ALBERT'S"> 6303 <button type="button" class="btn btn-primary btn-add-to-cart general_style"> 6304 ADD TO CART 6305 </button> 6306 </form> 6307 <span class="price"> 6308 $79.95 </span> 6309 <a href="https://www.albertsjewelers.com/albert-s-collections/albert-s-lacquer-dipped-gold-trimmed-burgundy-starburst-rose-with-box-and-stand-dy-5b-a-au-75/5557341/en" target="_blank" class="item-details-link general_style"> 6310 VIEW DETAILS 6311 </a> 6312 </div> 6313 </div> 6314 </div> 6315 </div> 6316 </div> 6317 </div> 6318 </div> 6319
6319<script async="async"> 6320 $('#final-offers-modal .final-offers').slick({ 6321 infinite: true, 6322 slidesToShow: 3, 6323 slidesToScroll: 3, 6324 arrows: true, 6325 responsive: [ 6326 { 6327 breakpoint: 991, 6328 settings: { 6329 slidesToShow: 2, 6330 slidesToScroll: 2 6331 } 6332 }, 6333 { 6334 breakpoint: 768, 6335 settings: { 6336 slidesToShow: 1, 6337 slidesToScroll: 1 6338 } 6339 } 6340 ] 6341 }); 6342 6343 $(function () { 6344 let isPopupShown = localStorage.getItem("final-offers-shown") ?? false; 6345 6346 showPopupOnScroll() 6347 $(window).scroll(function(){ 6348 showPopupOnScroll() 6349 }); 6350 6351 function showPopupOnScroll() { 6352 if(isPopupShown) { 6353 return; 6354 } 6355 6356 if($(window).scrollTop() >= parseInt('0')){ 6357 isPopupShown = true; 6358 6359 const delay = parseInt('0') 6360 setTimeout(() => { 6361 localStorage.setItem("final-offers-shown", true); 6362 $('#final-offers-button').click(); 6363 if (typeof $('#final-offers-modal .final-offers').slick === 'function') 6364 $('#final-offers-modal .final-offers').slick('refresh'); 6365 setTimeout(function () { 6366 $('#final-offers-modal .final-offers').css('visibility', 'visible'); 6367 }, 1000); 6368 const duration = parseInt('15') 6369 setTimeout(() => { 6370 if ($('#final-offers-modal').hasClass('show')) { 6371 $('#final-offers-button').click(); 6372 } 6373 }, duration * 1000) 6374 }, delay * 1000) 6375 } 6376 } 6377 }); 6378 6379 $('.btn-add-to-cart').on('click', function () { 6380 const $form = $(this).closest('.offer-add-to-cart-form'); 6381 const $title = $form.find('#cart-title').val(); 6382 const $guid = $form.find('#cart-guid').val(); 6383 const $link = $form.find('#cart-link').val(); 6384 const $brandname = $form.find('#cart-brandname').val(); 6385 6386 $.ajax({
6387 type: "POST", 6388 url : "includes/assets/shopping_cart/sc_ws_functions.php", 6389 headers: {'X-CSRF-TOKEN': window.csrf_token}, 6390 data: { 6391 offer_add_to_cart: 1, 6392 cart: { 6393 add: [ 6394 { 6395 title: $title, 6396 guid: $guid, 6397 link: $link, 6398 qty: 1, 6399 type: 'guid' 6400 } 6401 ] 6402 }, 6403 brandname: $brandname, 6404 action: 'add_to_cart', 6405 tier_list: '', 6406 }, 6407 dataType: "json", 6408 cache: false, 6409 success: function( response ) { 6410 // console.log(response); 6411 6412 let firstItemAdded = false; 6413 if($('.non-empty-cart').hasClass('d-none')) { 6414 firstItemAdded = true; 6415 $('.empty-cart').addClass('d-none'); 6416 $('.non-empty-cart').removeClass('d-none'); 6417 } 6418 6419 if(response.success) { 6420 6421 let quantityInput = $('.quantity-input-' + $guid); 6422 6423 if(quantityInput.length > 0) { 6424 quantityInput.val(parseInt(quantityInput.val()) + 1); 6425 } else { 6426 let imageLink = $form.data('image-link'); 6427 let salePrice = $form.data('sale-price'); 6428 let retailPrice = $form.data('retail-price'); 6429 let hasWarranty = $form.data('warranty'); 6430 let hasGiftWrap = 0; 6431 let giftWrapping = 'Add Gift Wrapping ' 6432 let gwPrice = '0'; 6433 6434 $('#last-shopping-cart-item').before((!firstItemAdded ? '<hr class="w-50 mx-auto">' : '') + 6435 '<div class="table_row d-flex align-items-center justify-content-between mb-3">'+ 6436 ' <div class="item_image mr-3 mb-md-2">'+ 6437 ' <a href="' + imageLink + '">' + 6438 ' <img src="' + imageLink + '" class="img-thumbnail" title="' + $title + '" alt="' + $title + '" height="118" width="123"/>' + 6439 ' </a>' + 6440 ' </div>' + 6441 ' <div class="item_text mr-md-4 mb-md-2 mt-4 mt-md-0">' + 6442 ' <a href="' + $link + '" class="item_title_link general_style">' + $title + '</a>' + 6443 '<br/><small class="text-small item-quantity">Quantity: <span class="qty">1</span> </small>' + 6444 (hasWarranty ? '<button type="button" class="btn btn-primary apply_warranty general_style w-auto d-md-block d-none mt-3" data-guid="' + $guid + '">Add Warranty</button>' : '') + 6445 (hasGiftWrap ? 6446 '<form method="POST" name="form_'+ $guid +'_add_gift_wrap" id="form_'+ $guid +'_add_gift_wrap" aria-label="Add gift wrapping for ' + $title + '">' + 6447 '<input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"><input type="hidden" name="cmd" value="SHOPPING_CART"/>' + 6448 '<input type="hidden" name="action" value="add_gift_wrap"/>' + 6449 '<input type="hidden" name="type" value="guid"/>' + 6450 '<input type="hidden" name="guid" value="'+ $guid +'"/>' + 6451 '<input type="hidden" name="gift_wrap_price" value="'+ gwPrice +'"/>' + 6452 '<button type="submit" class="apply_gw a_general_style mt-3">' + 6453 '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-gift"><polyline points="20 12 20 22 4 22 4 12"></polyline><rect x="2" y="7" width="20" height="5"></rect><line x1="12" y1="22" x2="12" y2="7"></line><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path></svg>
6453' + 6454 giftWrapping + 6455 '</button>' + 6456 '</form>' : '' 6457 ) + 6458 ' </div>' + 6459 ' <div class="quancost mt-md-0 mt-3">' + 6460 (hasWarranty ? '<button type="button" class="btn btn-primary apply_warranty general_style w-auto d-md-none d-block mt-3 mr-auto" data-guid="' + $guid + '">Add Warranty</button>' : '') + 6461 ' <div class="quantity card_display" id="div_quantity_id">' + 6462 ' <form method="post" class="form_quantity_id" aria-label="Update quantity for ' + $title + '"><input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57">' + 6463 ' <input type="hidden" name="refresh_qty_info[guid]" value="' + $guid + '"/>' + 6464 ' <input type="hidden" name="refresh_qty_info[type]" value="guid"/>' + 6465 ' <input type="hidden" name="refresh_qty_info[action]" value="update_qty">' + 6466 ' <label for="quantity-input-' + $guid + '" class="d-none-i">Quantity</label>' + 6467 ' <input type="number" name="refresh_qty_info[qty]" id="quantity-input-' + $guid + '" class="form-control quantity-input quantity-input-' + $guid + '" min="1" max="99" value="1"/>' + 6468 ' </form>' + 6469 ' </div>' + 6470 ' <div class="item_cost">' + 6471 (salePrice ? '<small style="color:red;padding-right:1rem"><del>' + retailPrice + '</del></small>' + salePrice : retailPrice) + 6472 ' </div>' + 6473 ' <div class="remove_cart_item">' + 6474 ' <form method="POST" name="form_' + $guid + '_remove" id="form_' + $guid + '_remove" aria-label="Remove ' + $title + ' from cart">' + 6475 ' <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"><input type="hidden" name="cmd" value="SHOPPING_CART"/>' + 6476 ' <input type="hidden" name="action" value="remove"/>' + 6477 ' <input type="hidden" name="type" value="guid"/>' + 6478 ' <input type="hidden" name="guid" value="' + $guid + '"/>' + 6479 ' <input type="hidden" class="product_guid" value="' + $guid + '">' + 6480 ' <input type="hidden" class="product_name" value="' + $title + '">' + 6481 ' <span title="Remove ' + $title + ' from shopping cart" class="remove_svg" >' + 6482 ' <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M160 400C160 408.8 152.8 416 144 416C135.2 416 128 408.8 128 400V192C128 183.2 135.2 176 144 176C152.8 176 160 183.2 160 192V400zM240 400C240 408.8 232.8 416 224 416C215.2 416 208 408.8 208 400V192C208 183.2 215.2 176 224 176C232.8 176 240 183.2 240 192V400zM320 400C320 408.8 312.8 416 304 416C295.2 416 288 408.8 288 400V192C288 183.2 295.2 176 304 176C312.8 176 320 183.2 320 192V400zM317.5 24.94L354.2 80H424C437.3 80 448 90.75 448 104C448 117.3 437.3 128 424 128H416V432C416 476.2 380.2 512 336 512H112C67.82 512 32 476.2 32 432V128H24C10.75 128 0 117.3 0 104C0 90.75 10.75 80 24 80H93.82L130.5 24.94C140.9 9.357 158.4 0 177.1 0H270.9C289.6 0 307.1 9.358 317.5 24.94H317.5zM151.5 80H296.5L277.5 51.56C276 49.34 273.5 48 270.9 48H177.1C174.5 48 171.1 49.34 170.5 51.56L151.5 80zM80 432C80 449.7 94.33 464 112 464H336C353.7 464 368 449.7 368 432V128H80V432z"/></svg>
6482' + 6483 ' </span>' + 6484 ' </form>' + 6485 ' </div>' + 6486 '</div>'); 6487 } 6488 6489 $form.closest('.item-info').find('.item-in-cart').removeClass('d-none'); 6490 6491 $('#cart-total-subtotal').html(response.shopping_cart[0]['total']['subtotal']); 6492 6493 update_cart_layout(response.shopping_cart[0]); 6494 6495 const $shoppingCartItemCounter = $('.build-shopping-cart-item-counter') 6496 if (typeof $shoppingCartItemCounter !== undefined && $shoppingCartItemCounter) { 6497 $shoppingCartItemCounter.text(response.itemCount || 0) 6498 } 6499 } 6500 }, 6501 error: function (xhr, status, error) { 6502 // console.error(xhr); 6503 // If backend returned HTML page 6504 if (xhr.responseText) { 6505 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 6506 document.open(); 6507 document.write(xhr.responseText); 6508 document.close(); 6509 return; 6510 } 6511 } 6512 }); 6513 }); 6514 </script>
6514 6515 6516 <div class="shopping_content d-flex mt-4 cart_page "> 6517 6518 <div class="card_no_display visible-only-mobile show_order_sum"> 6519 <div class="show_order_inner px-3 px-sm-5"> 6520 <div> 6521 <span>Show Order Summary</span> 6522 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" aria-hidden="true" focusable="false"><path d="M27.66 224h264.7c24.6 0 36.89-29.78 19.54-47.12l-132.3-136.8c-5.406-5.406-12.47-8.107-19.53-8.107c-7.055 0-14.09 2.701-19.45 8.107L8.119 176.9C-9.229 194.2 3.055 224 27.66 224zM292.3 288H27.66c-24.6 0-36.89 29.77-19.54 47.12l132.5 136.8C145.9 477.3 152.1 480 160 480c7.053 0 14.12-2.703 19.53-8.109l132.3-136.8C329.2 317.8 316.9 288 292.3 288z"/></svg> 6523 </div> 6524 <span class="total_pay">$0</span> 6525 </div> 6526 </div> 6527 6528 <div class="shopping_left_div d-flex justify-content-lg-end card_no_display"> 6529 <div class="information_div p-3 py-sm-3 px-sm-5"> 6530 6531 <div class="dsteps content_information_step" style="display:none"> 6532 6533<nav aria-label="Shopping Cart Navigation" class="mb-5 cart_navigation"> 6534 <a href="javascript:void(0)" class="cart_step">Cart</a> ▸ 6535 <a href="javascript:void(0)" class="information_step active" aria-current="page">Information</a> ▸ 6536 <a href="/shopping-cart?step=shipping" class="shipping_step">Shipping</a> <span class="shipping_arrow" aria-hidden="true">▸</span> 6537 <a href="/shopping-cart?step=payment" class="payment_step">Payment</a> 6538</nav> 6539<form id="info-form" method="post" aria-label="Checkout contact and shipping information form"> 6540 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <div class="hiddenAmazon"> 6541<h5 class="mb-3 general_style">Contact Information</h5> 6542<span class="text-right d-block mb-1">Already have an account? <a href="javascript:void(0)" class="general_style" type="button" data-toggle="modal" data-target="#loginModal">Log in</a></span> 6543<div class="row no-gutters"> 6544 <div class="col-md-6 mb-4"> 6545 <div class="form-group floating mr-md-2"> 6546 <label class="sr-only" for="first_name">First Name</label> 6547 <input aria-label="First Name" id="first_name" class="form-control floating" type="text" name="fname" required value=""> 6548 <span class="floating-label" aria-hidden="true">First Name</span> 6549 </div> 6550 </div> 6551 <div class="col-md-6 mb-4"> 6552 <div class="form-group floating"> 6553 <label class="sr-only" for="last_name">Last Name</label> 6554 <input aria-label="Last Name" id="last_name" class="form-control floating" type="text" name="lname" required value=""> 6555 <span class="floating-label" aria-hidden="true">Last Name</span> 6556 </div> 6557 </div> 6558</div> 6559<div class="row mb-3"> 6560 <div class="col-md-12"> 6561 <div class="form-group floating mb-1"> 6562 <label class="sr-only" for="phone_number">Phone number</label> 6563 <input aria-label="Phone number" id="phone_number" class="form-control floating" type="text" name="phone" required value=""> 6564 <span class="floating-label" aria-hidden="true">Phone number</span> 6565 </div> 6566 </div> 6567</div> 6568<div class="row mb-3"> 6569 <div class="col-md-12"> 6570 <div class="form-group floating mb-1"> 6571 <label class="sr-only" for="email">Email</label> 6572 <input aria-label="Email" id="email" class="form-control floating" type="text" name="email" required value=""> 6573 <span class="floating-label" aria-hidden="true">Email</span> 6574 </div> 6575 </div> 6576</div> 6577</div> 6578 6579<div class="hiddenAmazon"> 6580 6581<div class="shipping_method_fields shipping_fields"> 6582 <h5 class="mb-3 mt-5 general_style">Shipping Address</h5> 6583 <div class="row no-gutters shipping_fields"> 6584 <div class="col-md-12 mb-4"> 6585 <div class="form-group floating"> 6586 <label class="sr-only" for="street_address">Street Address</label> 6587 <input aria-label="Street Address" id="street_address" class="form-control floating" type="text" name="add1" required value="">
6588 <span class="floating-label" aria-hidden="true">Street Address</span> 6589 </div> 6590 </div> 6591 </div> 6592 <div class="row no-gutters shipping_fields"> 6593 <div class="col-md-12 mb-4"> 6594 <div class="form-group floating"> 6595 <label class="sr-only" for="apt_suite">Apt / Suite</label> 6596 <input aria-label="Apt / Suite" id="apt_suite" class="form-control floating" type="text" name="add2" value=""> 6597 <span class="floating-label" aria-hidden="true">Apt / Suite</span> 6598 </div> 6599 </div> 6600 </div> 6601 6602 <div class="row no-gutters shipping_fields"> 6603 <div class="col-md-6 mb-4"> 6604 <div class="form-group floating mr-md-2"> 6605 <label class="sr-only" for="city">City</label> 6606 <input aria-label="City" id="city" class="form-control floating" type="text" name="city" required value=""> 6607 <span class="floating-label" aria-hidden="true">City</span> 6608 </div> 6609 </div> 6610 <div class="col-md-6 mb-4"> 6611 <div class="form-group floating"> 6612 <label class="sr-only" for="state">State/Province</label> 6613 <select id="state" required maxlength="80" data-placeholder="Select State/Province..." name="state" class="form-control floating state" data-type="frmselectbox" data-selected=""> 6614 <option value=""></option> 6615 </select> 6616 <span class="floating-label" aria-hidden="true">State/Province</span> 6617 </div> 6618 </div> 6619 </div> 6620 6621 <div class="row no-gutters shipping_fields"> 6622 <div class="col-md-6 mb-4"> 6623 <div class="form-group floating mr-md-2"> 6624 <label class="sr-only" for="zipcode">Zipcode</label> 6625 <input aria-label="Zipcode" id="zipcode" class="form-control floating" type="text" name="zip" required value=""> 6626 <span class="floating-label" aria-hidden="true">Zipcode</span> 6627 </div> 6628 </div> 6629 <div class="col-md-6 mb-4"> 6630 <div class="form-group floating"> 6631 <label class="sr-only" for="country">Country</label> 6632 <select id="country" class="form-control floating" type="text" name="country" required data-selected="UNITED STATES"> 6633<!-- <option value=""></option>--> 6634 <option value="United States" 6635 selected> 6636 United States </option> 6637 </select> 6638 <span class="floating-label" aria-hidden="true">Country</span> 6639 </div> 6640 6641 </div> 6642 6643 </div> 6644</div> 6645 6646 6647 6648 6649</div> 6650<div class="row mt-4 invalid_container" style=""> 6651 <div class="col-md-12"> 6652 <div class="alert alert-danger invalid_inputs_text" role="alert"> 6653 </div> 6654 </div> 6655</div> 6656 6657<div class="row mt-4 cta_section no-gutters"> 6658 <div class="col-md-6 align-items-center d-flex mb-4 justify-content-center justify-content-lg-start"> 6659 <a href="javascript:void(0)" class="cart_step d-flex align-items-center general_style" style="color: #3172ab"> 6660 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> 6661 Return to cart</a> 6662 </div> 6663 <div class="col-md-6 mb-4"> 6664 <div class="cta"> 6665 <button class="btn btn-primary btn-continue shipping_step general_style" area-label="Continue to Shipping page" title="Continue to Shipping page" type="button" >Continue to Shipping</button> 6666 </div> 6667 </div> 6668</div> 6669 6670 6671</form> 6672 6673 6674<!-- Log in Modal --> 6675<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-modal="true"> 6676 <div class="modal-dialog modal-dialog-centered" role="document"> 6677 <div class="modal-content"> 6678 <div class="modal-header"> 6679 <h5 class="modal-title" id="loginModalLabel">Login Form</h5> 6680 <button type="button" class="close" data-dismiss="modal" aria-label="Close" title="Close">
6681 <span aria-hidden="true">×</span> 6682 </button> 6683 </div> 6684 6685 <form method="post" class="registration-form" aria-label="Login form"> 6686 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <div class="modal-body"> 6687 <p>If you have already created an account, sign-in to expedite the checkout process.</p> 6688 <div class="row mb-3"> 6689 <div class="col-md-12"> 6690 <div class="form-group floating mb-1"> 6691 <input aria-label="Registration email" placeholder="Email" class="form-control floating" type="email" id="registration_email" name="email" value="" required autofocus> 6692 <label for="email_address">Email</label> 6693 </div> 6694 </div> 6695 </div> 6696 <div class="row mb-3"> 6697 <div class="col-md-12"> 6698 <div class="form-group floating mb-1"> 6699 <input aria-label="Registration password" placeholder="Password" class="form-control floating" type="password" id="registration_password" name="password" required> 6700 <label for="password">Password</label> 6701 </div> 6702 </div> 6703 </div> 6704 <div class="row mb-3"> 6705 <div class="col-md-12"> 6706 <a href="register" class="general_style">Register</a> | <a href="forgot-password" class="general_style">Forgot Password?</a> 6707 </div> 6708 </div> 6709 <div id="error-container" class="row d-none"> 6710 <div class="col-12"> 6711 <div class="alert alert-danger" role="alert"></div> 6712 </div> 6713 </div> 6714 </div> 6715 <div class="modal-footer"> 6716 <input type="hidden" name="token" value=""> 6717 <button type="button" id="registration-submit" class="btn btn-primary apply_coupon general_style" area-label="Log in and Continue" title="Log in and Continue"> 6718 <span id="loading" class="spinner-border spinner-border-sm d-none mr-2" role="status" aria-hidden="true"></span> 6719 Log in & Continue 6720 </button> 6721 </div> 6722 </form> 6723 6724 </div> 6725 </div> 6726</div> 6727 6728 6729
6730<script> 6731 window.states = {"United States":{"AL":{"name":"Alabama","excluded":false},"AK":{"name":"Alaska","excluded":false},"AZ":{"name":"Arizona","excluded":false},"AR":{"name":"Arkansas","excluded":false},"CA":{"name":"California","excluded":false},"CO":{"name":"Colorado","excluded":false},"CT":{"name":"Connecticut","excluded":false},"DE":{"name":"Delaware","excluded":false},"DC":{"name":"District Of Columbia","excluded":false},"FL":{"name":"Florida","excluded":false},"GA":{"name":"Georgia","excluded":false},"HI":{"name":"Hawaii","excluded":false},"ID":{"name":"Idaho","excluded":false},"IL":{"name":"Illinois","excluded":false},"IN":{"name":"Indiana","excluded":false},"IA":{"name":"Iowa","excluded":false},"KS":{"name":"Kansas","excluded":false},"KY":{"name":"Kentucky","excluded":false},"LA":{"name":"Louisiana","excluded":false},"ME":{"name":"Maine","excluded":false},"MD":{"name":"Maryland","excluded":false},"MA":{"name":"Massachusetts","excluded":false},"MI":{"name":"Michigan","excluded":false},"MN":{"name":"Minnesota","excluded":false},"MS":{"name":"Mississippi","excluded":false},"MO":{"name":"Missouri","excluded":false},"MT":{"name":"Montana","excluded":false},"NE":{"name":"Nebraska","excluded":false},"NV":{"name":"Nevada","excluded":false},"NH":{"name":"New Hampshire","excluded":false},"NJ":{"name":"New Jersey","excluded":false},"NM":{"name":"New Mexico","excluded":false},"NY":{"name":"New York","excluded":false},"NC":{"name":"North Carolina","excluded":false},"ND":{"name":"North Dakota","excluded":false},"OH":{"name":"Ohio","excluded":false},"OK":{"name":"Oklahoma","excluded":false},"OR":{"name":"Oregon","excluded":false},"PA":{"name":"Pennsylvania","excluded":false},"RI":{"name":"Rhode Island","excluded":false},"SC":{"name":"South Carolina","excluded":false},"SD":{"name":"South Dakota","excluded":false},"TN":{"name":"Tennessee","excluded":false},"TX":{"name":"Texas","excluded":false},"UT":{"name":"Utah","excluded":false},"VT":{"name":"Vermont","excluded":false},"VA":{"name":"Virginia","excluded":false},"WA":{"name":"Washington","excluded":false},"WV":{"name":"West Virginia","excluded":false},"WI":{"name":"Wisconsin","excluded":false},"WY":{"name":"Wyoming","excluded":false}}}; 6732 function update_cart_layout(sc){ 6733 if(typeof sc != 'undefined' ) { 6734 6735 let tx = 'Tax'; 6736 if(typeof sc.tax_inc_shipping != 'undefined' && sc.tax_inc_shipping > 0){ 6737 tx += ' Shipping Inc'; 6738 } 6739 $('#cart-total-tax_percent').html(tx); 6740 6741 if(sc['info']['validated']){ 6742 $('#cart-total-tax').html(sc['total']['tax']); 6743 }else{ 6744 $('#cart-total-tax').html('---'); 6745 } 6746 6747 if (sc['total']['show_discount']) { 6748 $('#cart-total-promo_discount').parent().removeClass('d-none-i'); 6749 } else { 6750 $('#cart-total-promo_discount').parent().addClass('d-none-i'); 6751 } 6752 $('#cart-total-promo_discount').html(' - ' + sc['total']['promo_discount']); 6753 $('#cart-total-shipping').html(sc['total']['shipping']); 6754 $('#cart-total-total').html(sc['total']['total']); 6755 6756 if(sc.has_shipping || sc.has_delivery){ 6757 $('.shipping_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').show(); 6758 $('.content_information_step .cta_section .payment_step').removeClass('payment_step').addClass('shipping_step').text('Continue to Shipping'); 6759 $('.content_payment_step .cta_section .information_step').removeClass('information_step').addClass('shipping_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Shipping'); 6760 $('.content_payment_step .billing_address_select').show(); 6761 }else{ 6762 $('.shipping_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').hide(); 6763 $('.content_information_step .cta_section .shipping_step').removeClass('shipping_step').addClass('payment_step').text('Continue to Payment'); 6764 $('.content_payment_step .cta_section .shipping_step').removeClass('shipping_step').addClass('information_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false">
6764<path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Information'); 6765 $('.content_payment_step .billing_address_select').hide(); 6766 $('.content_payment_step #billing_address2').prop('checked', true) 6767 $('.content_payment_step .billing_address_fields').show(); 6768 } 6769 6770 } 6771 } 6772 function check_cart_totals(bar,sc){ 6773 if(typeof bar != 'undefined') { 6774 $('#cart-total-tax_percent').parent().removeClass('d-none-i'); 6775 6776 if (bar['has_shipping'] && bar['ship']['validated']){ 6777 $('#cart-total-shipping').parent().removeClass('d-none-i'); 6778 }else{ 6779 $('#cart-total-shipping').parent().addClass('d-none-i'); 6780 } 6781 6782 if (bar['has_delivery']){ 6783 $('#cart-total-delivery-cost').parent().removeClass('d-none-i'); 6784 }else{ 6785 $('#cart-total-delivery-cost').parent().addClass('d-none-i'); 6786 } 6787 }else{ 6788 $('#cart-total-tax_percent').parent().addClass('d-none-i'); 6789 $('#cart-total-shipping').parent().addClass('d-none-i'); 6790 } 6791 } 6792 6793 function updateDetailSummary(bar, do_kl = false,shipping_content = true){ 6794 // console.log(bar,'anas') 6795 $('.selected_contact .content').html(bar['info']['phone'] + ' ' + bar['info']['email']); 6796 if (bar['has_shipping'] || bar['has_delivery']) { 6797 6798 $('.cart-shipping-container .sub_title').text('Shipping') 6799 $('.selected_shipping, .hr_selected_shipping').show(); 6800 $('.selected_shipping .content').html(bar['info']['add1'] + ' ' + bar['info']['add2'] + ' ' + bar['info']['city'] + ' ' + bar['info']['state'] + ' ' + bar['info']['zip'] + ' ' + bar['info']['country']); 6801 $('.selected_shipping').show(); 6802 6803 6804 6805 if(bar['has_shipping']) { 6806 $('#cart-total-shipping').parent().removeClass('d-none-i'); 6807 $('#shipping_options').show(); 6808 if (shipping_content) { 6809 // $('.selected_method .content').html($('.shipping_mehod_select input:checked + div').html()); 6810 $('.selected_method .content').html('<div class="shipping_method_time">' + bar['ship']['method'] + '</div><div class="shipping_price">' + bar['ship']['fee_shown'] + '</div> '); 6811 $('.selected_method_hr').show(); 6812 $('.selected_method').show(); 6813 } 6814 }else{ 6815 $('#cart-total-shipping').parent().addClass('d-none-i'); 6816 $('#shipping_options').hide(); 6817 $('.selected_method_hr').hide(); 6818 $('.selected_method').hide(); 6819 } 6820 6821 if(bar['has_instock_delivery']) { 6822 $('#delivery_options').show(); 6823 }else{ 6824 $('#delivery_options').hide(); 6825 } 6826 if(do_kl && window.klaviyo_get !== undefined){ 6827 klaviyo_get(); 6828 } 6829 }else{ 6830 $('.selected_method_hr').hide(); 6831 $('.selected_method').hide(); 6832 $('.selected_shipping').hide(); 6833 $('.selected_shipping, .hr_selected_shipping').hide(); 6834 } 6835 6836 } 6837 6838 $(document).ready(function(){ 6839 checkQty(); 6840 6841 //Log in & Continue 6842 $('#registration-submit').click(function(event) { 6843 event.preventDefault(); 6844 6845 const $submitButton = $(this) 6846 const $loading = $('#loading') 6847 $submitButton.prop('disabled', true) 6848 $loading.removeClass('d-none') 6849 const $errorContainer = $('#error-container') 6850 // // console.log($errorContainer) 6851 if (!$errorContainer.hasClass('d-none')) { 6852 $errorContainer.addClass('d-none') 6853 } 6854 6855 const data = $(this).closest('form').serializeArray() ; 6856 // console.log('registration-submit: data'); 6857 // console.log(data); 6858 6859 6860 $.ajax({ 6861 type: "POST", 6862 url : "includes/assets/shopping_cart/sc_ws_functions.php", 6863 headers: {'X-CSRF-TOKEN': window.csrf_token}, 6864 data: { 6865 account_login: data, 6866 }, 6867 dataType: "json", 6868 cache: false, 6869 success: function( response ) { 6870 6871 // // console.log(response); 6872 // console.log('response-success-1'); 6873 if(response.success){ 6874 //document.getElementById('sc_session').value = response.sc_
6874session_encoded; 6875 document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded; 6876 //session_setter(); 6877 6878 window.location.href = '/shopping-cart?&step=information'; 6879 6880 } else { 6881 6882 // console.log('response-success-error-1'); 6883 // // console.log(response); 6884 6885 $errorContainer.removeClass('d-none') 6886 $errorContainer.find('.alert').text('Invalid email or password!') 6887 6888 event.preventDefault(); 6889 } 6890 6891 }, 6892 error: function (xhr, status, error) { 6893 // console.error(xhr); 6894 // If backend returned HTML page 6895 if (xhr.responseText) { 6896 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 6897 document.open(); 6898 document.write(xhr.responseText); 6899 document.close(); 6900 return; 6901 } 6902 }, 6903 complete: function () { 6904 $submitButton.prop('disabled', false) 6905 $loading.addClass('d-none') 6906 } 6907 }); 6908 }); 6909 6910 6911 //update address 6912 $('#billAdd').change(function(){ 6913 var addressID = $(this).val(); 6914 //// console.log('something changed. check it out! ' + addressID); 6915 refresh_address = {}; 6916 refresh_address['addressID'] = addressID; 6917 refresh_address['userID'] = $(this).attr('data-user'); 6918 //// console.log('refresh_address-data'); 6919 // // console.log(refresh_address); 6920 6921 6922 6923 $.ajax({ 6924 url : "includes/assets/shopping_cart/sc_ws_functions.php", 6925 headers: {'X-CSRF-TOKEN': window.csrf_token}, 6926 data: {refresh_address: refresh_address}, 6927 type: 'post', 6928 success: function (resp) { 6929 // console.log('success-response-update address'); 6930 // // console.log(resp); 6931 6932 let state_value = false; 6933 let info = $.parseJSON(resp); 6934 $.each(info, function (i, item) { 6935 if (i == "state" || i == "country") { 6936 //alert(i);alert(item.toUpperCase()); 6937 item = item.toLowerCase().replace(/\b[a-z]/g, function (country) { 6938 return country.toUpperCase(); 6939 }); 6940 //alert(item); 6941 $('select[name="' + i + '"]').attr('data-selected', item); 6942 $('select[name="' + i + '"]').parents('.floating').addClass('filled'); 6943 6944 if (i == "country") { 6945 $('select[name="' + i + '"] option').attr('selected', false); 6946 $('select[name="' + i + '"] option[value="' + item + '"]').attr("selected", true); 6947 $('select[name="' + i + '"]').trigger("change"); 6948 $('select[name="' + i + '"]').trigger("chosen:updated"); 6949 } else { 6950 state_value = item; 6951 } 6952 } else { 6953 $('[name="' + i + '"]').val(item); 6954 $('[name="' + i + '"]').parents('.floating').addClass('filled'); 6955 } 6956 }); 6957 6958 if (state_value) { 6959 refresh_state_shipping(state_value); 6960 refresh_state_billing(state_value); 6961 } 6962 }, 6963 error: function (xhr, status, error) { 6964 // console.error(xhr); 6965 // If backend returned HTML page 6966 if (xhr.responseText) { 6967 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 6968 document.open(); 6969 document.write(xhr.responseText); 6970 document.close(); 6971 return; 6972 } 6973 } 6974 }); 6975 }); 6976 6977 $('#billAdd').trigger('change'); 6978 6979 $('#country').change(function() { 6980 refresh_state_shipping(); 6981 state_selected = ($('#country').attr('data-selected')); 6982 if(state_selected != '' && state_selected != undefined) { 6983 $("#country").parents('.floating').addClass('filled'); 6984 } else { 6985 $("#country").parents('.floating').removeClass('filled'); 6986 } 6987 $(this).trigger('chosen:updated'); 6988 }); 6989 6990 6991 $('#country').trigger("change"); 6992 6993 ///Continue to Shipping 6994 $('#state').on('change', function() { 6995 refresh_info('state'); 6996 }); 6997 6998 6999 if ($("#sc_session_info_bar").val().length > 0 ) { 7000 const sc_session_info_bar_obj_t = JSON.parse($("#sc_session_info_bar").val()); 7001 console.log(sc_session_info_bar_obj_t); 7002 7003 if (typeof sc_session_info_bar_obj_t != "undefined") { 7004 updateDetailSummary(sc_session_info_bar_obj_t, false, false); 7005 7006 check_cart_totals(sc_session_info_bar_obj_t); 7007 7008 $('#cart-total-tax_percent').parent().addClass('d-none-i'); 7009 7010 } 7011 } 7012 7013 $('.shipping_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').hide(); 7014 $('.content_information_step .cta_section .shipping_step').removeClass('shipping_step').addClass('payment_step').text('Continue to Payment'); 7015 $('.content_payment_step .cta_section .shipping_step').removeClass('shipping_step').addClass('information_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false">
7015<path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Information'); 7016 7017 7018 7019 }); 7020 7021 7022 document.addEventListener("DOMContentLoaded", function() { 7023 const inputs = document.querySelectorAll(".form-control"); 7024 7025 inputs.forEach(input => { 7026 input.addEventListener("input", function() { 7027 if (this.checkValidity()) { 7028 this.classList.remove("is-invalid"); 7029 this.classList.add("is-valid"); 7030 } else { 7031 this.classList.remove("is-valid"); 7032 this.classList.add("is-invalid"); 7033 } 7034 }); 7035 }); 7036 }); 7037 7038 // Abandoned Checkout Module - autosave contact info as it's entered, 7039 // regardless of whether the customer proceeds, refreshes, leaves, or goes back. 7040 (function() { 7041 const fields = ['first_name', 'last_name', 'phone_number', 'email']; 7042 7043 function save_abandoned_checkout_info() { 7044 const email = document.getElementById('email'); 7045 if (!email || email.value.indexOf('@') === -1) { 7046 return; 7047 } 7048 7049 $.ajax({ 7050 type: "POST", 7051 url: "includes/assets/shopping_cart/sc_ws_functions.php", 7052 headers: {'X-CSRF-TOKEN': window.csrf_token}, 7053 data: { 7054 save_abandoned_checkout: { 7055 fname: document.getElementById('first_name') ? document.getElementById('first_name').value : '', 7056 lname: document.getElementById('last_name') ? document.getElementById('last_name').value : '', 7057 phone: document.getElementById('phone_number') ? document.getElementById('phone_number').value : '', 7058 email: email.value 7059 } 7060 }, 7061 dataType: "json", 7062 cache: false 7063 }); 7064 } 7065 7066 fields.forEach(function(id) { 7067 const el = document.getElementById(id); 7068 if (el) { 7069 el.addEventListener('blur', save_abandoned_checkout_info); 7070 } 7071 }); 7072 })(); 7073 7074 7075 function refresh_info(st_field = null) { 7076 let data = $('#info-form').serializeArray(); 7077 7078 let res = false; 7079 if($('.completion-inner').length){ 7080 let terms_and_conditions = $('#terms_and_conditions'); 7081 let marketing_information = $('#marketing_information'); 7082 let policy_errors = []; 7083 7084 if(terms_and_conditions.prop('checked') === false){ 7085 policy_errors.push('You must accept the Terms and Conditions and Privacy Policy to proceed.'); 7086 } 7087 if(marketing_information.prop('checked') === false){ 7088 policy_errors.push('Please confirm that you agree to receive marketing information.'); 7089 7090 } 7091 7092 if(policy_errors.length){ 7093 $('.invalid_inputs_text').html(policy_errors.join('<br>')); 7094 $('.invalid_container').show(); 7095 7096 return; 7097 } 7098 } 7099 7100 7101 $.ajax({ 7102 type: "POST", 7103 async: false, 7104 url : "includes/assets/shopping_cart/sc_ws_functions.php", 7105 headers: {'X-CSRF-TOKEN': window.csrf_token}, 7106 data: { 7107 refresh_info: data, 7108 }, 7109 dataType: "json", 7110 cache: false, 7111 success: function(response) { 7112 // console.log(data); 7113 if(response.success) { 7114 if(response.reload){ 7115 7116 window.location.href = '/shopping-cart?&step=shipping'; 7117 return; 7118 } 7119 res = true; 7120 let state_value = false;
7121 let info = response.sc_session_info_bar.bill_info; 7122 $.each(info, function (i, item) { 7123 if (i == "state" || i == "country") { 7124 item = item.toLowerCase().replace(/\b[a-z]/g, function (country) { 7125 return country.toUpperCase(); 7126 }); 7127 $('#bill-bill_info-form select[name="' + i + '"]').attr('data-selected', item); 7128 7129 if (i == "country") { 7130 $('#bill-bill_info-form select[name="' + i + '"] option').attr('selected', false); 7131 $('#bill-bill_info-form select[name="' + i + '"] option[value="' + item + '"]').attr("selected", true); 7132 $('#bill-bill_info-form select[name="' + i + '"]').trigger("change"); 7133 $('#bill-bill_info-form select[name="' + i + '"]').trigger("chosen:updated"); 7134 }else{ 7135 state_value = item; 7136 } 7137 } else{ 7138 $('#bill-bill_info-form [name="' + i + '"]').val(item); 7139 } 7140 }); 7141 7142 if (state_value) { 7143 refresh_state_billing(state_value); 7144 } 7145 7146 $('.invalid_container').hide(); 7147 $('#info-form .is-invalid').removeClass('is-invalid'); 7148 7149 update_cart_layout(response.shopping_cart[0]); 7150 7151 let html_value = ""; 7152 $.each(response.shopping_cart[0]['shipping_options'], function (i, value) { 7153 if (value['status'] == 1) { 7154 let checked = ''; 7155 let key = value['id'] + '_' + value['range_id']; 7156 if (typeof response.shopping_cart[0]['ship'] === 'undefined' || response.shopping_cart[0]['ship'] === null || response.shopping_cart[0]['ship'] === '') { 7157 if (i == 0) { 7158 checked = 'checked'; 7159 } 7160 } else if ((typeof response.shopping_cart[0]['ship']['key'] !== 'undefined' || response.shopping_cart[0]['ship']['key'] !== undefined || response.shopping_cart[0]['ship']['key'] !== null) && key == response.shopping_cart[0]['ship']['key']) { 7161 checked = 'checked'; 7162 } 7163 7164 html_value += ' <label class="btn btn-outline-secondary rounded mb-1 text-left d-flex align-items-center active"> <input aria-label="Ship method" class="ship_method_radio" type="radio" name="ship_method" id="shipping_method_r' + key + '" value="' + value['method'] + '|' + value['rate'] + '|' + key + '" ' + checked + '>' 7165 + '<div class="h-100 d-flex justify-content-between w-100 align-items-center"><div class="shipping_method_time">' + value['method'] + '</div> <div class="shipping_price">' + value['shown_rate'] + '</div></div> </label> '; 7166 } 7167 }); 7168 if(html_value != ""){ 7169 $('#shipping_mehod_div_id').html(html_value); 7170 } 7171 $('#sc_session_info_bar').val(response.sc_session_info_bar_encoded); 7172 7173 if (typeof response.sc_session_info_bar != "undefined") { 7174 updateDetailSummary(response.sc_session_info_bar,false,false); 7175 7176 check_cart_totals(response.sc_session_info_bar,response.shopping_cart); 7177 7178 if (typeof gtag != 'undefined' && gData != '') { 7179 gtag("event", "add_shipping_info", gData); 7180 } 7181 } 7182 7183 } else { 7184 7185 7186 if(st_field !== 'state') { 7187 if (response.info_errors && response.info_errors[0]) { 7188
7189 $('.invalid_inputs_text').html(response.info_errors[0].msg); 7190 7191 let invalid_inputs = response.info_errors[0]; 7192 7193 if(response.has_shipping && !response.info_errors[0].state) { 7194 $('#cart-total-tax_percent').parent().removeClass('d-none-i'); 7195 $('#cart-total-shipping').parent().removeClass('d-none-i'); 7196 }else{ 7197 $('#cart-total-tax_percent').parent().addClass('d-none-i'); 7198 $('#cart-total-shipping').parent().addClass('d-none-i'); 7199 } 7200 7201 if(response.has_delivery && !response.info_errors[0].state) { 7202 $('#cart-total-tax_percent').parent().removeClass('d-none-i'); 7203 $('#cart-total-delivery-cost').parent().removeClass('d-none-i'); 7204 }else{ 7205 $('#cart-total-tax_percent').parent().addClass('d-none-i'); 7206 $('#cart-total-delivery-cost').parent().addClass('d-none-i'); 7207 } 7208 7209 7210 7211 for (key in invalid_inputs){ 7212 if (invalid_inputs[key] == 1) { 7213 $('input[name="'+key+'"]').addClass('is-invalid'); 7214 $('select[name="'+key+'"]').addClass('is-invalid'); 7215 } else { 7216 $('input[name="'+key+'"]').removeClass('is-invalid'); 7217 $('select[name="'+key+'"]').removeClass('is-invalid'); 7218 } 7219 } 7220 } else { 7221 $('.invalid_inputs_text').html(response.message); 7222 } 7223 7224 $('.invalid_container').show(); 7225 information_step(); 7226 } 7227 7228 } 7229 }, 7230 error: function (xhr, status, error) { 7231 // console.error(xhr); 7232 // If backend returned HTML page 7233 if (xhr.responseText) { 7234 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 7235 document.open(); 7236 document.write(xhr.responseText); 7237 document.close(); 7238 return; 7239 } 7240 } 7241 }); 7242 return res; 7243 } 7244 7245 let shouldTaxUpdate = true; 7246 function updateTax(data) { 7247 if (shouldTaxUpdate) { 7248 shouldTaxUpdate = false; 7249 return; 7250 } 7251 7252 $.ajax({ 7253 type: "POST", 7254 url : "includes/assets/shopping_cart/sc_ws_functions.php", 7255 headers: {'X-CSRF-TOKEN': window.csrf_token}, 7256 data: { 7257 refresh_tax_info: data, 7258 }, 7259 dataType: "json", 7260 cache: false, 7261 success: function( response ) { 7262 7263 // console.log(response); 7264 if(response.success){ 7265 $('#info-form .is-invalid').removeClass('is-invalid'); 7266 update_cart_layout(response.shopping_cart[0]); 7267 7268 check_cart_totals(response.sc_session_info_bar,response.shopping_cart); 7269 } else { 7270 // console.log('response-success-error-1'); 7271 // // console.log(response); 7272 } 7273 7274 }, 7275 error: function (xhr, status, error) { 7276 // console.error(xhr); 7277 // If backend returned HTML page 7278 if (xhr.responseText) { 7279 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 7280 document.open(); 7281 document.write(xhr.responseText); 7282 document.close(); 7283 return; 7284 } 7285 } 7286 }); 7287 } 7288 7289 function refresh_state_shipping(state_value) { 7290 // console.log('refresh_state_shipping',state_value); 7291 7292 country_info = {}; 7293 country_info['country'] = $('#country option:selected').val(); 7294 // console.log('refresh_state_shipping- country - ' + $('#country option:selected').val()); 7295 7296 // console.log('remove states from list'); 7297 $('#state option').each(function() { 7298 $(this).remove(); 7299 }); 7300 //II 2024-01-08 https://www.wrike.com/open.htm?id=1570699375 7301 //if(state_value === undefined) { 7302 // console.log('country_info=' + $('#country option:selected').val()); 7303 // console.log('state_value is not defined'); 7304 if(country_info['country'] && window.states[country_info['country']]){ 7305 let responseText = window.states[country_info['country']]; 7306 //// console.log('refresh_state_shipping responseText = ', responseText); 7307 eq_selected_state = 0; 7308 counter = 1; 7309 state_selected = ($('#state').attr('data-selected')); 7310 // console.log('state_selected anas='+state_selected); 7311 // console.log('eq_selected_state='+eq_selected_state); 7312 $('#state').append('<option value=""></option>'); 7313 $.each(responseText, function(state_code, state_info) { 7314 if (state_info.name != null && !state_info.excluded) { 7315 if (state_selected && (state_info.name.trim() == state_selected)) 7316 eq_selected_state = counter; 7317 $('#state').append('<option value="' + state_info.name.trim() + '">' + state_info.name.trim() + '</option>'); 7318 counter++; 7319 } 7320 }); 7321 // console.log('eq_selected_state 2 ='+eq_selected_state); 7322 $("#state option:eq(" + (eq_selected_state) + ")").attr("selected", true); 7323 $("#state").trigger("chosen:updated"); 7324 state_selected = ($('#state').attr('data-selected')); 7325 if(state_selected != '' && state_selected != undefined) { 7326 $("#state").parents('.floating').addClass('filled'); 7327 } else { 7328 $("#state").parents('.floating').removeClass('filled'); 7329 } 7330 updateTax($('#info-form').serializeArray()); 7331 } 7332 7333 /*} else { 7334 // console.log('state_value is defined', state_value); 7335 $('#state').val(state_value); 7336 }*/ 7337 // console.log('value 3 '+$('#state option:selected').val()) 7338 // console.log('text 3 '+$('#state option:selected').text()) 7339 // console.log('index 3 '+$('#state option:selected').index()) 7340 } 7341 7342 function shipping_step(goto = true) { 7343 $('.shopping_content').removeClass('payment_page'); 7344 // console.log('shipping_method-change-shipping_step-1'); 7345 $('.selected_contact .content').html($('#phone_number').val() + ' ' + $('#email').val()); 7346 7347 7348 7349 var PO_box_pattern = /\b(?:[Pp]\.?\s*[Oo]\.?|[Pp][Oo][Bb][Xx]|[Pp][Oo]#?|[Bb][Oo][Xx](?!\s+[A-Za-z]+)|[Pp]\.?\s*[Oo]\.?\s*[Bb][Oo][Xx]\.?|[Pp]ostal\s*[Oo]ffice|[Pp]ost\s*[Oo]ffice)(?:\s*\d+(?:\/\d+)?|\b)|\d+\s+[Pp][Oo]\b/; 7350 var disable_po_box = false 7351 if (disable_po_box && (PO_box_pattern.test($('#street_address').val()) || PO_box_pattern.test($('#apt_suite').val()))){ 7352 if (PO_box_pattern.test($('#street_address').val())){ 7353 $('#street_address').addClass('is-invalid'); 7354 }else{ 7355 $('#apt_suite').addClass('is-invalid'); 7356 }
7357 $('.invalid_inputs_text').html("Error: To ensure the security of your delivery, we can not deliver to P.O boxes "); 7358 $('.invalid_container').show(); 7359 }else { 7360 $('.dsteps').hide(); 7361 $('.content_shipping_step').show(); 7362 insertParam('step', 'shipping'); 7363 changeShipping(); 7364 } 7365 $("html, body").animate({ scrollTop: 0 }, 600); 7366 if(goto){ 7367 checkQty(); 7368 } 7369 7370 setTimeout(() => { 7371 $('#shipping_mehod_div_id label').focus(); 7372 }, 200); 7373 } 7374 7375 function information_step() { 7376 $('.shopping_content').removeClass('payment_page'); 7377 $('.dsteps').hide(); 7378 $('.content_information_step').show(); 7379 insertParam('step', 'information'); 7380 //checkQty(); 7381 setTimeout(() => { 7382 $('#info-form #first_name').focus(); 7383 }, 200); 7384 } 7385 7386 // function payment_step() { 7387 // $('.shopping_content').addClass('payment_page'); 7388 // $('.dsteps').hide(); 7389 // $('.content_payment_step').show(); 7390 // insertParam('step', 'payment'); 7391 // } 7392 function cart_step(goto = true) { 7393 $('.shopping_content').removeClass('not_cart_page').removeClass('payment_page').addClass('cart_page'); 7394 information_step(); 7395 insertParam('step', 'cart'); 7396 if(goto){ 7397 checkQty(); 7398 } 7399 $(".options-container").show(); 7400 $(".selected-method").hide(); 7401 7402 setTimeout(() => { 7403 $('.items_table').focus(); 7404 }, 200); 7405 } 7406 function checkQty(){ 7407 var data = true; 7408 $.ajax({ 7409 7410 type: "POST", 7411 url : "includes/assets/shopping_cart/sc_ws_functions.php", 7412 headers: {'X-CSRF-TOKEN': window.csrf_token}, 7413 data: { 7414 check_qty: data, 7415 }, 7416 dataType: "json", 7417 cache: false, 7418 success: function( response ) { 7419 7420 if(!response.success){ 7421 //window.location.href = '/shopping-cart'; 7422 7423 7424 cart_step(false); 7425 $('.empty-qty').removeClass('d-none'); 7426 $('.non-empty-cart').addClass('d-none'); 7427 } 7428 if(response.success && response.data){ 7429 console.log('rr', response.data); 7430 7431 $('.removed_products_in_cart').remove(); 7432 response.data.map(function(item){ 7433 if($('.products_in_cart_'+item.guid).length){ 7434 $('.products_in_cart_'+item.guid).remove(); 7435 } 7436 if(item.type && item.type == 'diamond'){ 7437 item.images[0] = item.image; 7438 item.pg_name = item.form_title; 7439 item.retail_price = item.price; 7440 } 7441 $('.items_table').append(` 7442 <hr> 7443 <div class="table_row d-flex align-items-center justify-content-between mb-3 removed_products_in_cart"> 7444 <div class="item_image mr-3 mb-md-2"> 7445 <a href="`+item.images[0]+`"> 7446 <img src="`+item.images[0]+`" class="img-thumbnail" title="`+item.pg_name+`" alt="`+item.pg_name+`" height="118" width="123"> 7447 </a> 7448 </div> 7449 <div class="item_text mr-md-4 mb-md-2 mt-4 mt-md-0"> 7450 <a href="${item.link}" class="item_title_link general_style"> 7451 ${item.pg_name} 7452 </a> 7453 <small class="text-small item-quantity">Quantity: <span class="qty">0</span> </small> 7454 </div> 7455 <div class="quancost mt-md-0 mt-3"> 7456 7457 <div class="quantity card_display" id="div_quantity_id"> 7458 7459 <label for="quantity-input-${item.guid}" class="d-none-i">Enter Quantity</label> 7460 <input type="number" class="form-control quantity-input quantity-input-${item.guid}
7460" value="0" disabled> 7461 7462 </div> 7463 <div class="item_cost"> 7464 Out of stock 7465 </div> 7466 </div> 7467 <div class="remove_cart_item"> 7468 <form method="POST" name="form_${item.guid}_remove" id="form_${item.guid}_remove" aria-label="Remove ${item.pg_name} from cart"> 7469 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <input type="hidden" name="action" value="remove_no_qty"/> 7470 <input type="hidden" name="guid" value="${item.guid}"/> 7471 <input type="hidden" class="product_guid" value="${item.guid}"> 7472 <input type="hidden" class="product_name" value="${item.pg_name}"> 7473 <button title="Remove ${item.pg_name} from shopping cart" class="remove_svg bg-transparent border-0" type="button"> 7474 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M160 400C160 408.8 152.8 416 144 416C135.2 416 128 408.8 128 400V192C128 183.2 135.2 176 144 176C152.8 176 160 183.2 160 192V400zM240 400C240 408.8 232.8 416 224 416C215.2 416 208 408.8 208 400V192C208 183.2 215.2 176 224 176C232.8 176 240 183.2 240 192V400zM320 400C320 408.8 312.8 416 304 416C295.2 416 288 408.8 288 400V192C288 183.2 295.2 176 304 176C312.8 176 320 183.2 320 192V400zM317.5 24.94L354.2 80H424C437.3 80 448 90.75 448 104C448 117.3 437.3 128 424 128H416V432C416 476.2 380.2 512 336 512H112C67.82 512 32 476.2 32 432V128H24C10.75 128 0 117.3 0 104C0 90.75 10.75 80 24 80H93.82L130.5 24.94C140.9 9.357 158.4 0 177.1 0H270.9C289.6 0 307.1 9.358 317.5 24.94H317.5zM151.5 80H296.5L277.5 51.56C276 49.34 273.5 48 270.9 48H177.1C174.5 48 171.1 49.34 170.5 51.56L151.5 80zM80 432C80 449.7 94.33 464 112 464H336C353.7 464 368 449.7 368 432V128H80V432z"/></svg> 7475 </button> 7476 </form> 7477 7478 </div> 7479 </div> 7480 `); 7481 }); 7482 } 7483 }, 7484 error: function (xhr, status, error) { 7485 // console.error(xhr); 7486 // If backend returned HTML page 7487 if (xhr.responseText) { 7488 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 7489 document.open(); 7490 document.write(xhr.responseText); 7491 document.close(); 7492 return; 7493 } 7494 } 7495 }); 7496 } 7497 7498 function insertParam(key, value) { 7499 key = encodeURIComponent(key); 7500 value = encodeURIComponent(value); 7501 7502 // console.log('insertParam-'); 7503 // console.log(value); 7504 7505 // kvp looks like ['key1=value1', 'key2=value2', ...] 7506 var kvp = document.location.search.substr(1).split('&'); 7507 let i=0; 7508 7509 for(; i<kvp.length; i++){ 7510 if (kvp[i].startsWith(key + '=')) { 7511 let pair = kvp[i].split('='); 7512 pair[1] = value; 7513 kvp[i] = pair.join('='); 7514 break; 7515 } 7516 } 7517 7518 if(i >= kvp.length){ 7519 kvp[kvp.length] = [key,value].join('='); 7520 } 7521 7522 // can return this or... 7523 let params = kvp.join('&'); 7524// console.log(params); 7525 // reload page with new params 7526 //document.location.search = params; 7527 window.history.replaceState(null, null, 'shopping-cart?'+params); 7528 } 7529</script>
7529 7530 </div> 7531 <div class="dsteps content_shipping_step" style="display:none"> 7532 7533 7534<nav aria-label="Shopping Cart Navigation" class="mb-5 cart_navigation"> 7535 <a href="javascript:void(0)" class="cart_step">Cart</a> ▸ 7536 <a href="javascript:void(0)" class="information_step">Information</a> ▸ 7537 <a href="javascript:void(0)" class="shipping_step active" aria-current="page">Shipping</a> <span class="shipping_arrow" aria-hidden="true">▸</span> 7538 <a href="javascript:void(0)" class="payment_step">Payment</a> 7539</nav> 7540 7541<div class="info_bar"> 7542 <div class="selected_contact justify-content-between align-items-center"> 7543 <span class="title"> 7544 Contact: 7545 </span> 7546 <span class="content"> 7547 </span> 7548 </div> 7549 <hr> 7550 <div class="selected_shipping justify-content-between align-items-center"> 7551 <span class="title"> 7552 Ship to: 7553 </span> 7554 <span class="content"> 7555 </span> 7556 </div> 7557</div> 7558 <div id="delivery_options" style="display:none"> 7559 <h5 class="mb-3 mt-5 general_style">Delivery Schedule</h5> 7560 <h6 class="general_style">Delivery Date:</h6> 7561 <div class="date-container"> 7562 <div class="date-boxes" id="date-container"> 7563 <div class="date-box" id="more-dates">ð <br> More Dates</div> 7564 </div> 7565 <h6 class="general_style">Delivery Window:</h6> 7566 <div class="time-boxes" id="time-container"></div> 7567 </div> 7568 </div> 7569 <form id="shipping-method-form" method="post" aria-label="Shipping method form"> 7570 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <div id="shipping_options"> 7571 <h5 class="mb-3 mt-5 general_style">Shipping Method</h5> 7572 <input type="hidden" name="country" value="UNITED STATES"> 7573 <div class="form-group shipping_mehod_select"> 7574 <div class="btn-group btn-group-toggle w-100 flex-wrap" data-toggle="buttons" id="shipping_mehod_div_id"> 7575 <label class="btn btn-outline-secondary rounded mb-1 text-left d-flex align-items-center active"> 7576 <input aria-label="Ship method" class="ship_method_radio" type="radio" name="ship_method" id="shipping_method_r5_1" 7577 value="Mandatory|14.25|5_1" checked > 7578 7579 <div class="h-100 d-flex justify-content-between w-100 align-items-center"> 7580 <div class="shipping_method_time"> 7581 Mandatory </div> 7582 <div class="shipping_price"> 7583 $14.25 </div> 7584 </div> 7585 </label> 7586 <p class="shipping_note_gift_card"></p> 7587 </div> 7588 </div> 7589 </div> 7590 <div class="mt-4" style="border-bottom: 1px solid rgba(0,0,0,.1); display: block;"> 7591 <p dir="auto"><span style="font-size: 14pt; color: #000000;"><strong>IN-STORE PICKUP IS AVAILABLE AND READY WITHIN 1 HOUR.</strong></span></p> 7592<p dir="auto"><span style="font-size: 14pt; color: #000000;"><strong><span style="color: #169179; font-size: 14pt;"><b tagname="b">ALL SHIPPING PURCHASES OVER $200.00 MUST BE SIGNED BY AN ADULT AT THE TIME OF DELIVERY.</b></span></strong></span></p> 7593<p dir="auto"><span style="font-size: 14pt; color: #000000;"><strong>WE ONLY SHIP MONDAY THROUGH FRIDAY. WE DO NOT SHIP TO P.O. BOXES.</strong></span></p> 7594<p><span style="font-size: 14pt;"><strong>ALBERT’S DIAMOND JEWELERS DOES NOT PROCESS, SHIP, OR DELIVER ORDERS ON WEEKENDS OR HOLIDAYS. ONCE AN ORDER HAS BEEN SHIPPED AND IS IN THE POSSESSION OF UPS, ALBERT’S DIAMOND JEWELERS IS NOT RESPONSIBLE FOR ANY DELIVERY DELAYS, DAMAGES, LOST OR STOLEN PACKAGES THAT MAY OCCUR WHILE IN TRANSIT WITH THE CARR
7594IER.</strong></span></p> 7595<p dir="auto"><span style="color: #000000; font-size: 14pt;"><b tagname="b">VISIT OUR <a href="/faq">FAQ PAGE</a> FOR MORE.</b></span></p> </div> 7596 7597 <div class="row mt-4 invalid_container_shipping" style="display: none;"> 7598 <div class="col-md-12"> 7599 <div class="alert alert-danger invalid_inputs_text_shipping" role="alert"> 7600 </div> 7601 </div> 7602 </div> 7603 </form> 7604 7605 <div class="row mt-4 cta_section no-gutters"> 7606 <div class="col-md-6 align-items-center d-flex mb-4 justify-content-center justify-content-lg-start"> 7607 <a href="javascript:void(0)" class="information_step d-flex align-items-center general_style" style="color: #3172ab"> 7608 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> 7609 Return to Information</a> 7610 </div> 7611 <div class="col-md-6 mb-4"> 7612 <div class="cta"> 7613 <button class="btn btn-primary btn-continue payment_step general_style" aria-label="Continue to Payment page" type="button" id='shipping_form_submit'>Continue to Payment</button> 7614 </div> 7615 </div> 7616 </div> 7617
7618<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
vendor: 2 bytes, line 7618
7618
7619<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js" defer ></script>
7619 7620<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> 7621
7622<script> 7623 $(document).ready(function() { 7624 const shoppingCart = {"items":[],"shipping_options":[{"country":"United States","method":"Mandatory","range":"0 - 999999999","rate":14.25,"shown_rate":"$14.25","status":"1","action":"","country_code":"US","id":"5","range_id":"1"}]}; 7625 const timeSlots = null; 7626 if(timeSlots) { 7627 let startDate = new Date(timeSlots.start_date); 7628 let selectedDate = ''; 7629 let selectedTime = ''; 7630 7631 loadAvailableDates(selectedDate, selectedTime); 7632 7633 // Populate available dates based on business hours 7634 function loadAvailableDates(date, slot = null) { 7635 date = new Date(date); 7636 let dateContainer = $("#date-container"); 7637 dateContainer.find(".date-box").not("#more-dates").remove(); // Clear previous dates 7638 7639 let count = 0; // To limit the number of displayed dates 7640 let newDate = new Date(date); 7641 for (let i = 0; i < 7; i++) { 7642 newDate.setDate(date.getDate() + i); 7643 let dayName = newDate.toLocaleDateString("en-US", {weekday: "long"}); 7644 7645 if (!timeSlots.closed_days.includes(dayName) && timeSlots.slots[dayName]) { 7646 let formattedDate = newDate.toLocaleDateString("en-US", {day: "numeric", month: "short"}); 7647 const ymdDate = newDate.toISOString().split('T')[0]; 7648 if (ymdDate == timeSlots.today) { 7649 dayName = 'Today'; 7650 } else if (ymdDate == timeSlots.tomorrow) { 7651 dayName = 'Tomorrow'; 7652 } 7653 7654 let dateBox = $("<div class='date-box' data-date='" + ymdDate + "'>" + dayName + ",<br> " + formattedDate + "</div>"); 7655 if (selectedDate === ymdDate) { 7656 loadAvailableTimeSlots(selectedDate, slot); 7657 dateBox.addClass("active"); 7658 } 7659 7660 dateBox.click(function () { 7661 $(".date-box").removeClass("active"); 7662 $(this).addClass("active"); 7663 selectedDate = $(this).data("date"); 7664 loadAvailableTimeSlots(selectedDate); 7665 }); 7666 7667 dateBox.insertBefore("#more-dates"); 7668 count++; 7669 if (count >= 2) break; // Show only 2 dates 7670 } 7671 } 7672 } 7673 7674 // Generate available time slots based on the selected date 7675 function loadAvailableTimeSlots(date, chosenSlot = null) { 7676 let timeContainer = $("#time-container"); 7677 timeContainer.empty(); // Clear previous times 7678 7679 let selectedDay = new Date(date); 7680 let selectedDayName = selectedDay.toLocaleDateString("en-US", {weekday: "long"}); 7681 7682 let slots = (selectedDay.toDateString() === startDate.toDateString()) ? timeSlots.start_day_window : timeSlots.slots[selectedDayName]; 7683 if (slots) { 7684 slots.forEach((slot, index) => { 7685 let timeSlot = $("<div class='time-box' data-time='" + slot + "'>" + slot + "</div>"); 7686 if (slot === chosenSlot) { 7687 timeSlot.addClass("active"); 7688 } 7689 if (!chosenSlot && index === 0) { 7690 timeSlot.addClass("active"); // Select the first available time slot 7691 selectedTime = slot; 7692 } 7693 7694 timeSlot.click(function () { 7695 $(".time-box").removeClass("active"); 7696 $(this).addClass("active"); 7697 selectedTime = $(this).data("time"); 7698 changeDeliverySchedule() 7699 }); 7700 7701 timeContainer.append(timeSlot); 7702 }); 7703 } 7704 if (chosenSlot == null) { 7705 mPicker.data('daterangepicker').setStartDate(selectedDay); 7706 mPicker.data('daterangepicker').setEndDate(null); 7707 changeDeliverySchedule() 7708 } 7709 } 7710 7711 const mPicker = $('#more-dates').daterangepicker({ 7712 singleDatePicker: true, 7713 startDate: new Date(selectedDate), // Set the start date for the date picker 7714 minDate: startDate, 7715 autoApply: true, 7716 isInvalidDate: function (date) { 7717 return timeSlots.closed_days.includes(date.format('dddd')); 7718 } 7719 }); 7720 // Event handler when a date is selected 7721 mPicker.on('apply.daterangepicker', function (ev, picker) { 7722 selectedDate = picker.startDate.format('YYYY-MM-DD'); 7723 loadAvailableDates(selectedDate) 7724 7725 }); 7726 7727 function changeDeliverySchedule() { 7728 $.ajax({
7729 type: "POST", 7730 url: "includes/assets/shopping_cart/sc_ws_functions.php", 7731 headers: {'X-CSRF-TOKEN': window.csrf_token}, 7732 data: { 7733 refresh_delivery_schedule: { 7734 delivery_date: selectedDate, 7735 delivery_window: selectedTime 7736 }, 7737 }, 7738 dataType: "json", 7739 cache: false, 7740 success: function (response) { 7741 if (response.success) { 7742 const newDate = new Date(selectedDate); 7743 let dayName = newDate.toLocaleDateString("en-US", {weekday: "short"}); 7744 if (selectedDate === timeSlots.today) { 7745 dayName = 'Today'; 7746 } else if (selectedDate === timeSlots.tomorrow) { 7747 dayName = 'Tomorrow'; 7748 } else { 7749 dayName = dayName + ' ' + newDate.toLocaleDateString("en-US", { 7750 day: "numeric", 7751 month: "short" 7752 }); 7753 } 7754 7755 $('.delivery-instock-msg').html(dayName); 7756 $('.d-schedule').html(dayName); 7757 $('.d-window').html(selectedTime); 7758 7759 // update_cart_layout(response.shopping_cart[0]); 7760 // 7761 // document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded; 7762 // $('#cart-total-shipping').parent().removeClass('d-none-i'); 7763 // event.preventDefault(); 7764 // 7765 // if (typeof response.sc_session_info_bar != "undefined") { 7766 // updateDetailSummary(response.sc_session_info_bar, true); 7767 // } 7768 } 7769 7770 }, 7771 error: function (xhr, status, error) { 7772 // console.error(xhr); 7773 // If backend returned HTML page 7774 if (xhr.responseText) { 7775 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 7776 document.open(); 7777 document.write(xhr.responseText); 7778 document.close(); 7779 return; 7780 } 7781 } 7782 }); 7783 } 7784 7785 } 7786 7787 $(document).on('change', '.ship_method_radio', function () { 7788 changeShipping(); 7789 }); 7790 7791 $('.content_information_step').on('change', 'input[name="shipping_method_r"]', function () { 7792 if ($(this).val() == 1) { 7793 $('.pickup_locations_fields').show(); 7794 $('.shipping_method_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').hide(); 7795 $('.content_information_step .cta_section .shipping_step').removeClass('shipping_step').addClass('payment_step').text('Continue to Payment'); 7796 $('.content_payment_step .cta_section .shipping_step').removeClass('shipping_step').addClass('information_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Information'); 7797 } else { 7798 $('.pickup_locations_fields').hide(); 7799 $('.shipping_method_fields, .cart_navigation .shipping_step, .cart_navigation .shipping_arrow').show(); 7800 $('.content_information_step .cta_section .payment_step').removeClass('payment_step').addClass('shipping_step').text('Continue to Shipping'); 7801 $('.content_payment_step .cta_section .information_step').removeClass('information_step').addClass('shipping_step').html('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false">
7801<path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> Return to Shipping'); 7802 } 7803 }); 7804 7805 7806 if ($("#sc_session_info_bar").val().length > 0 ) { 7807 const sc_session_info_bar_obj_t = JSON.parse($("#sc_session_info_bar").val()); 7808 7809 if (typeof sc_session_info_bar_obj_t != "undefined") { 7810 updateDetailSummary(sc_session_info_bar_obj_t); 7811 } 7812 } 7813 }); 7814 7815 7816 function changeShipping() { 7817 if ($('.ship_method_radio:checked').length == 0) { 7818 $('.ship_method_radio:first').prop('checked', true); 7819 } 7820 7821 const data = $('#shipping-method-form').serializeArray(); 7822 7823 // console.log(data); 7824 // console.log('data-shipping_radio-click-2'); 7825 7826 $.ajax({
7827 type: "POST", 7828 url : "includes/assets/shopping_cart/sc_ws_functions.php", 7829 headers: {'X-CSRF-TOKEN': window.csrf_token}, 7830 data: { 7831 refresh_shipping: data, 7832 }, 7833 dataType: "json", 7834 cache: false, 7835 success: function( response ) { 7836 7837 //// console.log(response); 7838 // console.log('response-success-shipping_radio-click-2'); 7839 7840 if(response.success){ 7841 update_cart_layout(response.shopping_cart[0]); 7842 7843 document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded; 7844 // $('#cart-total-shipping').parent().removeClass('d-none-i'); 7845 event.preventDefault(); 7846 7847 if (typeof response.sc_session_info_bar != "undefined") { 7848 updateDetailSummary(response.sc_session_info_bar, true); 7849 if(response.sc_session_info_bar['has_shipping'] && response.sc_session_info_bar['ship']){ 7850 $(".item-shipping").html(`<span>Option</span>:<span class="item-option">${response.sc_session_info_bar['ship']['method']}</span><br>`); 7851 } 7852 } 7853 } 7854 7855 }, 7856 error: function (xhr, status, error) { 7857 // console.error(xhr); 7858 // If backend returned HTML page 7859 if (xhr.responseText) { 7860 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 7861 document.open(); 7862 document.write(xhr.responseText); 7863 document.close(); 7864 return; 7865 } 7866 } 7867 }); 7868 } 7869</script>
7869 </div> 7870 <div class="dsteps content_payment_step" style="display:none"> 7871 <nav aria-label="Shopping Cart Navigation" class="mb-5 cart_navigation"> 7872 <a href="javascript:void(0)" class="cart_step">Cart</a> ▸ 7873 <a href="javascript:void(0)" class="information_step">Information</a> ▸ 7874 <a href="javascript:void(0)" class="shipping_step">Shipping</a> <span class="shipping_arrow" aria-hidden="true">▸</span> 7875 <a href="javascript:void(0)" class="payment_step active" aria-current="page">Payment</a> 7876</nav> 7877 7878<div class="bill_info_bar"> 7879 <div class="selected_contact justify-content-between align-items-center"> 7880 <span class="title"> 7881 Contact: 7882 </span> 7883 <span class="content"> 7884 </span> 7885 </div> 7886 <hr class="hr_selected_shipping"> 7887 <div class="selected_shipping justify-content-between align-items-center"> 7888 <span class="title"> 7889 Ship to: 7890 </span> 7891 <span class="content"> 7892 </span> 7893 </div> 7894 <hr class="selected_method_hr"> 7895 <div class="selected_method justify-content-between align-items-center"> 7896 <span class="title"> 7897 Method: 7898 </span> 7899 <span class="content d-sm-flex align-items-right ml-2"> 7900 </span> 7901 </div> 7902</div> 7903 7904<h5 class="mb-3 mt-5 general_style" id="bill-info-title">Billing address</h5> 7905<p class="general_style">Select the address that matches your card or payment method.</p> 7906 7907<form id="bill-bill_info-form" method="post" aria-label="Billing address form"> 7908 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> 7909 <div class="form-group billing_address_select" style="display: block"> 7910 <fieldset> 7911 <legend class="sr-only">Billing address selection</legend> 7912 <div class="btn-group btn-group-toggle w-100" data-toggle="buttons" role="radiogroup" aria-label="Billing address selection"> 7913 <label class="btn btn-outline-secondary d-flex align-items-center active text-left"> 7914 <input aria-label="Billing address 1" type="radio" name="billing_address" id="billing_address1" autocomplete="off" checked value="0"> 7915 <div>Same as shipping address</div> 7916 </label> 7917 <label class="btn btn-outline-secondary d-flex align-items-center text-left"> 7918 <input aria-label="Billing address 2" type="radio" name="billing_address" id="billing_address2" autocomplete="off" value="1"> 7919 <div>Different billing address</div> 7920 </label> 7921 </div> 7922 </fieldset> 7923 </div> 7924 7925 <div class="billing_address_fields" style="display: none"> 7926 <div class="row no-gutters"> 7927 <div class="col-md-6 mb-4"> 7928 <div class="form-group floating mr-md-2"> 7929 <label class="sr-only" for="first_name_b">First Name</label> 7930 <input id="first_name_b" class="form-control floating" type="text" name="fname" required value=""> 7931 <span class="floating-label" aria-hidden="true">First Name</span> 7932 </div> 7933 </div> 7934 <div class="col-md-6 mb-4"> 7935 <div class="form-group floating"> 7936 <label class="sr-only" for="last_name_b">Last Name</label> 7937 <input id="last_name_b" class="form-control floating" type="text" name="lname" required value=""> 7938 <span class="floating-label" aria-hidden="true">Last Name</span> 7939 </div> 7940 </div> 7941 </div> 7942 <div class="row no-gutters"> 7943 <div class="col-md-12 mb-4"> 7944 <div class="form-group floating"> 7945 <label class="sr-only" for="street_address_b">Street Address</label> 7946 <input id="street_address_b" class="form-control floating" type="text" name="add1" required value=""> 7947 <span class="floating-label" aria-hidden="true">Street Address</span> 7948 </div> 7949 </div> 7950 </div> 7951 <div class="row no-gutters"> 7952 <div class="col-md-12 mb-4"> 7953 <div class="form-group floating"> 7954 <label class="sr-only" for="apt_suite_b">Apt / Suite</label> 7955 <input id="apt_suite_b" class="form-control floating" type="text" name="add2" value="">
7956 <span class="floating-label" aria-hidden="true">Apt / Suite</span> 7957 </div> 7958 </div> 7959 </div> 7960 7961 <div class="row no-gutters"> 7962 <div class="col-md-6 mb-4"> 7963 <div class="form-group floating mr-md-2"> 7964 <label class="sr-only" for="city_b">City</label> 7965 <input id="city_b" class="form-control floating" type="text" name="city" required value=""> 7966 <span class="floating-label" aria-hidden="true">City</span> 7967 </div> 7968 </div> 7969 <div class="col-md-6 mb-4"> 7970 <div class="form-group floating"> 7971 <label class="sr-only" for="state_b">State/Province</label> 7972 <select id="state_b" required maxlength="80" data-placeholder="Select State/Province..." name="state" class="form-control floating state" data-type="frmselectbox" data-selected=""> 7973 <option value=""></option> 7974 </select> 7975 <span class="floating-label" aria-hidden="true">State/Province</span> 7976 </div> 7977 </div> 7978 </div> 7979 7980 <div class="row no-gutters"> 7981 <div class="col-md-6 mb-4"> 7982 <div class="form-group floating mr-md-2"> 7983 <label class="sr-only" for="zipcode_b">Zipcode</label> 7984 <input id="zipcode_b" class="form-control floating" type="text" name="zip" required value=""> 7985 <span class="floating-label" aria-hidden="true">Zipcode</span> 7986 </div> 7987 </div> 7988 <div class="col-md-6 mb-4"> 7989 <div class="form-group floating"> 7990 <label class="sr-only" for="country_b">Country</label> 7991 <select aria-label="Country" id="country_b" class="form-control floating" type="text" name="country" required data-selected="UNITED STATES"> 7992 <option value="United States" 7993 selected> 7994 United States </option> 7995 </select> 7996 <span class="floating-label" aria-hidden="true">Country</span> 7997 </div> 7998 </div> 7999 </div> 8000 </div> 8001 8002</form> 8003 8004<div class="row mt-4 invalid_container_payment"> 8005 <div class="col-md-12"> 8006 <div class="alert alert-danger invalid_inputs_text_payment" role="alert"> 8007 </div> 8008 </div> 8009</div> 8010<h5 class="mb-3 mt-5 general_style">Gift Card</h5> 8011 8012<a href="#" type="button" data-toggle="modal" data-target="#giftcardModal" class="btn btn-outline-primary redeem_gift_card"> 8013 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"/></svg> 8014 Redeem a Gift Card 8015</a> 8016 8017<div class="applied_gift_cards mt-3"></div> 8018 8019 8020<h5 class="mb-3 mt-5 general_style" >Payment</h5> 8021<p class="general_style">Select a payment method</p> 8022 8023<div class="form-group payment_mehod_select" id="payment_mehod_select_div" > 8024 <fieldset> 8025 <legend class="sr-only">Payment method selection</legend> 8026 <div class="btn-group btn-group-toggle w-100 flex-wrap" data-toggle="buttons" role="radiogroup" aria-label="Payment method selection"> 8027 8028 <label class="btn btn-outline-secondary cp-payment-btn rounded mb-1 text-left d-flex align-items-center" data-pid="#credit_card"> 8029 <input type="radio" aria-label="Payment" name="payment_r" id="payment_r2" value="Credit Card" checked > 8030 <div class="d-inline-flex align-items-center h-100"> 8031 Credit Card 8032 </div> 8033 </label> 8034 <label class="btn btn-outline-secondary cp-payment-btn rounded mb-1 text-left d-flex align-items-center only-safari" data-pid="#apple_pay"> 8035 <input type="radio" aria-label="Payment" name="payment_r" id="payment_r11" value="Apple Pay" > 8036 <div class="d-inline-flex align-items-center h-100"> 8037 Apple Pay 8038 </div> 8039 </label> 8040 <label class="btn btn-outline-secondary cp-payment-btn rounded mb-1 text-left d-flex align-items-center" data-pid="#google_pay"> 8041 <input aria-label="Payment" type="radio" name="payment_r" id="payment_r12" value="Google Pay" > 8042 <div class="d-inline-flex align-items-center h-100"> 8043 Google Pay 8044 </div> 8045 </label> 8046 8047 <label class="btn btn-outline-secondary cp-payment-btn rounded mb-1 text-left d-flex align-items-center" data-pid="#paypal"> 8048 <input aria-label="Payment" type="radio" name="payment_r" id="payment_r1" value="PayPal" > 8049 <div class="d-inline-flex align-items-center h-100"> 8050 PayPal 8051 </div> 8052 </label> 8053 <label class="btn btn-outline-secondary cp-payment-btn rounded mb-1 text-left d-flex align-items-center" data-pid="#affirm"> 8054 <input aria-label="Payment" type="radio" name="payment_r" id="payment_r3" value="Affirm" > 8055 <div class="d-inline-flex align-items-center h-100"> 8056 Buy with Monthly Payments (Affirm) 8057 </div> 8058 </label> 8059 <label class="btn btn-outline-secondary cp-payment-btn rounded mb-1 text-left d-flex align-items-center" data-pid="#acima"> 8060 <input aria-label="Payment" type="radio" name="payment_r" id="payment_r4" value="Acima" > 8061 <div class="d-inline-flex align-items-center h-100"> 8062 Acima 8063 </div> 8064 </label> 8065 <label class="btn btn-outline-secondary cp-payment-btn rounded mb-1 text-left d-flex align-items-center" data-pid="#wells_fargo"> 8066 <input aria-label="Payment" type="radio" name="payment_r" id="payment_r5" value="Wells Fargo" > 8067 <div class="d-inline-flex align-items-center h-100"> 8068 Wells Fargo 8069 </div> 8070 </label> 8071 </div> 8072 </fieldset> 8073</div> 8074 8075 8076 8077<div class="payment_mehods"> 8078 8079 8080 <div class="payment_option" id="credit_card" style="display: block"> 8081 <form class="shopping-cart-form-auth" id="credit_card_form" method="post" aria-label="Credit card payment form"> 8082 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <input type="hidden" name="payment_method" value="Credit Card" /> 8083 <p class="d-flex align-items-center"> 8084 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false">
8084<path d="M80 192V144C80 64.47 144.5 0 224 0C303.5 0 368 64.47 368 144V192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H80zM144 192H304V144C304 99.82 268.2 64 224 64C179.8 64 144 99.82 144 144V192z"/></svg> 8085 Secure credit card payment 8086 </p> 8087 <div class="row"> 8088 <div class="col-md-12 mb-4"> 8089 <div class="form-group"> 8090 <label class="sr-only" for="card_type">*Card Type</label> 8091 <select placeholder="Card Type" id="card_type" class="form-control floating" name="cc_type" class="frmselectbox"> 8092 <option value="American Express" >American Express</option> 8093 <option value="Discover" >Discover</option> 8094 <option value="Mastercard" >Mastercard</option> 8095 <option value="Visa" >Visa</option> 8096 </select> 8097 8098 </div> 8099 </div> 8100 </div> 8101 <div class="row"> 8102 <div class="col-md-12 mb-4"> 8103 <div class="form-group"> 8104 <label class="sr-only" for="card_num">*Card Number</label> 8105 <input aria-label="Card number" placeholder="Card Number" name="cc_num" required class="form-control floating" type="text" autocomplete="off" id="card_num" value="" /> 8106 </div> 8107 </div> 8108 </div> 8109 <div class="row"> 8110 <div class="col-6 mb-4"> 8111 <div class="form-group"> 8112 <label class="sr-only" for="cc_month">Expiration month</label> 8113 <label class="sr-only" for="cc_year">Expiration year</label> 8114 <div class="btn-group d-flex"> 8115 <select data-placeholder="select month:" name="cc_month" id="cc_month" style="min-width: 60px;" value="" class=" form-control floating cc_month" > 8116 <option value="01" >1</option> 8117 <option value="02" >2</option> 8118 <option value="03" >3</option> 8119 <option value="04" >4</option> 8120 <option value="05" >5</option> 8121 <option value="06" >6</option> 8122 <option value="07" >7</option> 8123 <option value="08" >8</option> 8124 <option value="09" >9</option> 8125 <option value="10" >10</option> 8126 <option value="11" >11</option> 8127 <option value="12" >12</option> 8128 </select> 8129 <select data-placeholder="select year:" name="cc_year" id="cc_year" style="min-width: 100px" value="" class="form-control floating"> 8130 <option value="26" >2026</option> 8131 <option value="27" >2027</option> 8132 <option value="28" >2028</option> 8133 <option value="29" >2029</option> 8134 <option value="30" >2030</option> 8135 <option value="31" >2031</option> 8136 <option value="32" >2032</option> 8137 <option value="33" >2033</option> 8138 <option value="34" >2034</option> 8139 <option value="35" >2035</option> 8140 <option value="36" >2036</option> 8141 <option value="37" >2037</option> 8142 <option value="38" >2038</option> 8143 </select> 8144 </div> 8145 </div> 8146 </div> 8147 <div class="col-6 mb-4"> 8148 <div class="form-group floating"> 8149 <label class="sr-only" for="card_ccv">Security code</label> 8150 <input placeholder="Security code" name="cc_ccv" class="form-control floating" required type="password" autocomplete="off" id="card_ccv" value="" /> 8151 </div> 8152 </div> 8153 </div> 8154 <div> 8155 <div class="error-container auth-error-container mb-2"></div> 8156 <div class="cta"> 8157 <button class="btn btn-primary btn-continue general_style" aria-label="Confirm Payment & Place Order" type="submit">Confirm Payment & Place Order</button> 8158 </div> 8159 <div class="inline-recaptcha mt-4" data-form="auth"></div> 8160 </div> 8161 </form> 8162 </div> 8163 8164 8165 <div class="payment_option" id="apple_pay" > 8166 <div style="height: 60px"> 8167 <apple-pay-button class="float-right" buttonstyle="black" onclick="onApplePayButtonClicked(1)" type="buy"></apple-pay-button> 8168 </div> 8169 </div> 8170 <div class="payment_option" id="google_pay" > 8171 <div style="height: 60px"> 8172 <div id="google-pay-button" class="float-right" style="width: 100%; "></div> 8173 </div> 8174 </div> 8175 8176 <div class="payment_option" id="paypal" > 8177 <!-- PayPal Logo <a href="https://www.paypal.com/webapps/mpp/paypal-popup" title="How PayPal Works" onclick="javascript:window.open('https://www.paypal.com/webapps/mpp/paypal-popup', 'WIPaypal', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=1060, height=700'); return false;"> 8178 <img src="https://www.paypalobjects.com/webstatic/mktg/logo/AM_mc_vs_dc_ae.jpg" border="0" alt="PayPal Acceptance Mark"></a> --> 8179 <!-- PayPal Logo --> 8180 <form id="shopping-cart-form-paypal" method="post" aria-label="PayPal payment form"> 8181 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <input type="hidden" name="payment_method" value="PayPal" /> 8182 <div> 8183 8184 <!-- PayPal Logo --> 8185 <table border="0" cellpadding="1" cellspacing="0" role="presentation"> 8186 <tr> 8187 <td> 8188 <div class="error-container" id="pp-error-container"></div> 8189 <a id="paypal_expch" class="my-2 d-block"> 8190 <img src="https://www.paypalobjects.com/digitalassets/c/website/marketing/apac/C2/logos-buttons/44_Yellow_CheckOut_Pill_Button.png" alt="Check out with PayPal" /> 8191 </a> 8192 </td> 8193 </tr> 8194 </table> 8195 <!-- PayPal Logo --> 8196 </div> 8197 <div class="inline-recaptcha mt-4" data-form="pp"></div> 8198 </form> 8199 </div> 8200 8201 <div class="payment_option" id="affirm" > 8202 8203 8204 <form method="post" id="shopping-cart-form-affirm" aria-label="Affirm payment form"> 8205 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <input type="hidden" name="payment_method" value="Affirm" /> 8206 8207 <a class="affirm-site-modal" data-page-type="banner" href="javascript:void(0);" role="button" aria-label="Affirm financing options (opens in modal)"> 8208 <img src="/skeleton/1.0/view/img/shopping/affirm_300x50.webp" alt="" aria-hidden="true"> 8209 </a> 8210 8211 <div class="affirm-promo" data-promo-key="W6WU7UK82RS34HDH" data-promo-size="468x60"></div> 8212 8213 <div> 8214 <div class="cta"> 8215 <button class="btn btn-primary btn-continue general_style" type="submit">Confirm Payment & Place Order with Affirm</button> 8216 </div> 8217 </div> 8218 8219 <div class="inline-recaptcha mt-4" data-form="affirm"></div> 8220 8221 <div class="error-container" id="affirm-error-container"></div> 8222 </form> 8223 8224 </div> 8225 <div class="payment_option" id="acima" > 8226 <!-- Acima Logo --> 8227 <img src="/includes/assets/shopping_cart/images/acima.png" border="0" alt="Acima Acceptance Mark"> 8228 <!-- Acima Logo --> 8229 8230 <form id="shopping-cart-form-acima" method="post" aria-label="Acima payment form"> 8231 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <input type="hidden" name="payment_method" value="Acima" /> 8232 <div class="cta mr-md-2"> 8233 <button id="shopping_cart_button_acima" class="btn btn-primary btn-continue general_style" type="submit">Confirm Payment & Place Order with Acima</button> 8234 </div> 8235 8236 <input type="hidden" id="Acima-response-code" name="Acima-response-code-value" value=""> 8237 <input type="hidden" id="Acima-response-message" name="Acima-response-message-value" value=""> 8238 <input type="hidden" id="Acima-response-leaseId" name="Acima-response-leaseId-value" value=""> 8239 <input type="hidden" id="Acima-response-leaseNumber" name="Acima-response-leaseNumber-value" value=""> 8240 <input type="hidden" id="Acima-response-checkoutToken" name="Acima-response-checkoutToken-value" value=""> 8241 <input type="hidden" id="Acima-recaptcha_tocken" name="recaptcha_tocken" value=""> 8242 8243 <div> 8244 <div id="iframe-container"></div> 8245
8245<script src="https://ecom.acimacredit.com/js/acima.min.js"></script>
8245 8246 </div> 8247 </form> 8248 <div class="error-container" id="acima-error-container"> 8249 <br> </div> 8250 <div class="inline-recaptcha mt-3" data-form="acima"></div> 8251 </div> 8252 8253 8254 <div class="payment_option" id="amazon" > 8255 </div> 8256 8257 <div class="payment_option" id="wells_fargo"> 8258 <form id="shopping-cart-form-wellsfargo" method="post" aria-label="Wells Fargo payment form"> 8259 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <input type="hidden" name="payment_method" value="Wells Fargo" /> 8260 <input type="hidden" name="shopping_cart_step" value="payment" /> 8261 <input type="hidden" id="wellsfargo_payload" name="wellsfargo_payload" value="" /> 8262 8263 8264 <div class="cta mr-md-2"> 8265 <button type="button" id="learnMore" onclick="fireWellsFargo();"class="btn btn-primary btn-continue" id="one-step-checkout-place-order" name="chng_page"> 8266 Confirm Payment & Place Order with Wells Fargo 8267 </button> 8268 <div class="inline-recaptcha mt-4" data-form="wellsfargo"></div> 8269 </div> 8270 <div class="error-container" id="wellsfargo-error-container"></div> 8271 </form> 8272 </div> 8273</div> 8274 8275<div class="mt-5"> 8276 <div class="row no-gutters"> 8277 <div class="col-md-12 mb-4"> 8278 <div class="form-group floating"> 8279 <label for="special_instruction">Special Order Instructions</label> 8280 <textarea id="special_instruction" class="form-control floating" type="text" name="special_instruction" value="" form="bill-bill_info-form"></textarea> 8281 </div> 8282 </div> 8283 </div> 8284</div> 8285 8286<div class="row mt-4 cta_section no-gutters"> 8287 <div class="col-md-6 align-items-center d-flex mb-4 justify-content-center justify-content-lg-start"> 8288 <a href="javascript:void(0)" class="shipping_step d-flex align-items-center general_style" style="color: #3172ab"> 8289 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true" focusable="false"><path d="M77.25 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C175.6 444.9 183.8 448 192 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L77.25 256zM269.3 256l137.4-137.4c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-160 160c-12.5 12.5-12.5 32.75 0 45.25l160 160C367.6 444.9 375.8 448 384 448s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L269.3 256z"/></svg> 8290 Return to Shipping</a> 8291 </div> 8292</div> 8293<!-- Gift Card Modal --> 8294 <div class="modal fade" id="giftcardModal" tabindex="-1" role="dialog" aria-labelledby="giftcardModalLabel" aria-modal="true"> 8295 <div class="modal-dialog" role="document"> 8296 <div class="modal-content"> 8297 <form id="shopping-cart-form-gift-card" method="post" aria-label="Redeem gift card form"> 8298 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <div class="modal-header"> 8299 <h5 class="modal-title" id="giftcardModalLabel">Secured gift card payment</h5> 8300 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 8301 <span aria-hidden="true">×</span> 8302 </button> 8303 </div> 8304 <div class="modal-body"> 8305 <p>Redeem a Gift Card</p> 8306 <div class="row mb-3"> 8307 <div class="col-md-12"> 8308 <div class="form-group floating mb-1"> 8309 <input aria-label="Giftcard number" id="giftcard_number" class="form-control floating" type="text" name="giftcard_number"> 8310 <label for="giftcard_number">Gift Card Number - 16 digits</label> 8311 </div> 8312 </div> 8313 </div> 8314 <div class="row mb-3"> 8315 <div class="col-md-12"> 8316 <div class="form-group floating mb-1"> 8317 <input id="giftcard_token" class="form-control floating" type="text" name="giftcard_token"> 8318 <label for="giftcard_token">Gift Card Token - 12 digits</label> 8319 </div> 8320 </div> 8321 </div> 8322 <div id="gift-card-error-container" class="row d-none"> 8323 <div class="col-12"> 8324 <div class="alert alert-danger"></div> 8325 </div> 8326 </div> 8327 </div> 8328 <div class="modal-footer"> 8329 <input type="hidden" name="payment_method" value="Gift Cards" /> 8330 <button type="submit" class="btn btn-primary add_giftcard">Add</button> 8331 </div> 8332 </form> 8333 </div> 8334 </div> 8335 </div> 8336 8337 8338
8339<script> 8340 function set_payment_total(response){ 8341 $('#cart-total-tax').html(response.shopping_cart[0]['total']['tax']); 8342 if (response.shopping_cart[0]['total']['show_discount']) { 8343 $('#cart-total-promo_discount').parent().removeClass('d-none-i'); 8344 } else { 8345 $('#cart-total-promo_discount').parent().addClass('d-none-i'); 8346 } 8347 $('#cart-total-promo_discount').html(' - ' + response.shopping_cart[0]['total']['promo_discount']); 8348 $('#cart-total-shipping').html(response.shopping_cart[0]['total']['shipping']); 8349 $('#cart-total-total').html(response.shopping_cart[0]['total']['total']); 8350 //document.getElementById('sc_session').value = response.sc_session_encoded; 8351 document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded; 8352 //session_setter(); 8353 window.location.href = '/shopping-cart?&step=payment'; 8354 } 8355 8356 let recaptcha = {}; 8357 function onRecaptchaLoadCallback() { 8358 document.querySelectorAll('.inline-recaptcha').forEach(function(badge) { 8359 const formId = badge.getAttribute('data-form'); 8360 recaptcha[formId] = grecaptcha.render(badge, { 8361 'sitekey': '6Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7', 8362 'badge': 'inline', 8363 'size': 'invisible' 8364 }); 8365 }); 8366 } 8367 /** 8368 * Get reCAPTCHA token for v2 or v3 8369 * @param {string} action - For v3, the action name (e.g., 'checkout') 8370 * @returns {Promise<string>} - Resolves with the token 8371 */ 8372 async function getRecaptchaToken(method) { 8373 return new Promise((resolve, reject) => { 8374 if (typeof grecaptcha === 'undefined') { 8375 reject('reCAPTCHA not loaded'); 8376 handleRecaptchaError('reCAPTCHA not loaded.'); 8377 reject({success: false, error: 'reCAPTCHA not loaded.'}); 8378 return; 8379 } 8380 grecaptcha.ready(() => { 8381 grecaptcha.execute(recaptcha[method], { action: 'form_builder_submissions' }) 8382 .then(token => resolve({success: true, token: token})) 8383 .catch(function(error) { 8384 handleRecaptchaError('reCAPTCHA error: A technical issue occurred. Please contact the administrator for support!'); 8385 reject({success: false, error: 'reCAPTCHA error: A technical issue occurred. Please contact the administrator for support!'}); 8386 }); 8387 }); 8388 }); 8389 } 8390 8391 function handleRecaptchaError(errorMessage) { 8392 $('.error_captcha').remove(); 8393 $('.inline-recaptcha').after(`<p class="error_captcha" style="color:red; margin-top:10px;">${errorMessage}</p>`); 8394 $('#loader_div').fadeOut(); 8395 } 8396 8397 8398 function refresh_method() { 8399 const method = $("input[name=payment_r]:checked").val(); 8400 $.ajax({
8401 type: "POST", 8402 url : "includes/assets/shopping_cart/sc_ws_functions.php", 8403 headers: {'X-CSRF-TOKEN': window.csrf_token}, 8404 data: { 8405 refresh_method: method, 8406 }, 8407 dataType: "json", 8408 cache: false, 8409 success: function(response) { 8410 // console.log(data); 8411 if(response.success) { 8412 8413 $('#sc_session_info_bar').val(response.sc_session_info_bar_encoded); 8414 update_cart_layout(response.shopping_cart[0]); 8415 8416 if (typeof response.sc_session_info_bar != "undefined") { 8417 8418 check_cart_totals(response.sc_session_info_bar,response.shopping_cart); 8419 8420 } 8421 } else { 8422 8423 } 8424 }, 8425 error: function (xhr, status, error) { 8426 // console.error(xhr); 8427 // If backend returned HTML page 8428 if (xhr.responseText) { 8429 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 8430 document.open(); 8431 document.write(xhr.responseText); 8432 document.close(); 8433 return; 8434 } 8435 } 8436 }); 8437 } 8438 8439 $(document).ready(function(){ 8440 // $("input[name=payment_r]:checked").closest('label').trigger('click'); 8441 window.billing_states = {"United States":{"AL":{"name":"Alabama","excluded":false},"AK":{"name":"Alaska","excluded":false},"AZ":{"name":"Arizona","excluded":false},"AR":{"name":"Arkansas","excluded":false},"CA":{"name":"California","excluded":false},"CO":{"name":"Colorado","excluded":false},"CT":{"name":"Connecticut","excluded":false},"DE":{"name":"Delaware","excluded":false},"DC":{"name":"District Of Columbia","excluded":false},"FL":{"name":"Florida","excluded":false},"GA":{"name":"Georgia","excluded":false},"HI":{"name":"Hawaii","excluded":false},"ID":{"name":"Idaho","excluded":false},"IL":{"name":"Illinois","excluded":false},"IN":{"name":"Indiana","excluded":false},"IA":{"name":"Iowa","excluded":false},"KS":{"name":"Kansas","excluded":false},"KY":{"name":"Kentucky","excluded":false},"LA":{"name":"Louisiana","excluded":false},"ME":{"name":"Maine","excluded":false},"MD":{"name":"Maryland","excluded":false},"MA":{"name":"Massachusetts","excluded":false},"MI":{"name":"Michigan","excluded":false},"MN":{"name":"Minnesota","excluded":false},"MS":{"name":"Mississippi","excluded":false},"MO":{"name":"Missouri","excluded":false},"MT":{"name":"Montana","excluded":false},"NE":{"name":"Nebraska","excluded":false},"NV":{"name":"Nevada","excluded":false},"NH":{"name":"New Hampshire","excluded":false},"NJ":{"name":"New Jersey","excluded":false},"NM":{"name":"New Mexico","excluded":false},"NY":{"name":"New York","excluded":false},"NC":{"name":"North Carolina","excluded":false},"ND":{"name":"North Dakota","excluded":false},"OH":{"name":"Ohio","excluded":false},"OK":{"name":"Oklahoma","excluded":false},"OR":{"name":"Oregon","excluded":false},"PA":{"name":"Pennsylvania","excluded":false},"RI":{"name":"Rhode Island","excluded":false},"SC":{"name":"South Carolina","excluded":false},"SD":{"name":"South Dakota","excluded":false},"TN":{"name":"Tennessee","excluded":false},"TX":{"name":"Texas","excluded":false},"UT":{"name":"Utah","excluded":false},"VT":{"name":"Vermont","excluded":false},"VA":{"name":"Virginia","excluded":false},"WA":{"name":"Washington","excluded":false},"WV":{"name":"West Virginia","excluded":false},"WI":{"name":"Wisconsin","excluded":false},"WY":{"name":"Wyoming","excluded":false}}}; 8442 8443 if ($('#billing_address1').length) { 8444 setTimeout(() => { 8445 $('#bill-bill_info-form #billing_address1').focus(); 8446 }, 200); 8447 } else { 8448 setTimeout(() => { 8449 $('#bill-bill_info-form #first_name_b').focus(); 8450 }, 200); 8451 } 8452 8453 8454 $('.cp-payment-btn').on('click', function(e) { 8455 e.preventDefault(); 8456 const _this = $(this); 8457 $('.cp-payment-btn').removeClass('active'); 8458 $("input[name=payment_r]:checked").removeAttr('checked') 8459 $('.payment_option').hide(); 8460 _this.addClass('active'); 8461 _this.find("input[name=payment_r]").attr('checked','checked') 8462 $(_this.data('pid')).show(); 8463 refresh_method(); 8464 }); 8465 8466 window.handleBillingError = function(response){ 8467 if (response.info_errors && response.info_errors[0]) {
8468 $('.invalid_inputs_text_payment').html(response.info_errors[0].msg); 8469 let invalid_inputs = response.info_errors[0]; 8470 8471 for (key in invalid_inputs){ 8472 if (invalid_inputs[key] == 1) { 8473 $('input[name="'+key+'"]').addClass('is-invalid'); 8474 $('select[name="'+key+'"]').addClass('is-invalid'); 8475 } else { 8476 $('input[name="'+key+'"]').removeClass('is-invalid'); 8477 $('select[name="'+key+'"]').removeClass('is-invalid'); 8478 } 8479 } 8480 } else { 8481 $('.invalid_inputs_text_payment').html(response.message); 8482 } 8483 8484 $('.invalid_container_payment').show(); 8485 window.scrollTo({ top: document.getElementById("bill-info-title").offsetTop, behavior: 'smooth'}); 8486 } 8487 8488 async function refresh_billing() { 8489 let data = $('#bill-bill_info-form').serializeArray(); 8490 // console.log(data); 8491 console.log('data-3'); 8492 8493 let res = false; 8494 $.ajax({
8495 type: "POST", 8496 async: false, 8497 url : "includes/assets/shopping_cart/sc_ws_functions.php", 8498 headers: {'X-CSRF-TOKEN': window.csrf_token}, 8499 data: { 8500 refresh_billing: data, 8501 }, 8502 dataType: "json", 8503 cache: false, 8504 success: function( response ) { 8505 8506 // console.log(response); 8507 console.log('response-success-3'); 8508 8509 if(response.success) { 8510 res = response; 8511 $('#bill-bill_info-form .is-invalid').removeClass('is-invalid'); 8512 $('.invalid_container_payment').hide(); 8513 } else { 8514 if (response.info_errors && response.info_errors[0]) { 8515 $('.invalid_inputs_text_payment').html(response.info_errors[0].msg); 8516 8517 let invalid_inputs = response.info_errors[0]; 8518 8519 for (key in invalid_inputs){ 8520 if (invalid_inputs[key] == 1) { 8521 $('input[name="'+key+'"]').addClass('is-invalid'); 8522 $('select[name="'+key+'"]').addClass('is-invalid'); 8523 } else { 8524 $('input[name="'+key+'"]').removeClass('is-invalid'); 8525 $('select[name="'+key+'"]').removeClass('is-invalid'); 8526 } 8527 } 8528 } else { 8529 $('.invalid_inputs_text_payment').html(response.message); 8530 } 8531 8532 $('.invalid_container_payment').show(); 8533 } 8534 }, 8535 error: function (xhr, status, error) { 8536 // console.error(xhr); 8537 // If backend returned HTML page 8538 if (xhr.responseText) { 8539 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 8540 document.open(); 8541 document.write(xhr.responseText); 8542 document.close(); 8543 return; 8544 } 8545 } 8546 }); 8547 return res; 8548 } 8549 8550 //Confirm Payment & Place Order - Amazon 8551 $("#shopping-cart-form-amazon").submit(async (event) => { 8552 event.preventDefault(); // avoid to execute the actual submit of the form. 8553 $('#loader_div').fadeIn(); 8554 $('#bill-bill_info-form .is-invalid').removeClass('is-invalid'); 8555 $('.invalid_container_payment').hide(); 8556 $('.error_captcha').remove(); 8557 8558 const data = { 8559 billing: $('#bill-bill_info-form').serializeArray(), 8560 complete_checkout: 'amazon', 8561 payload: $("#shopping-cart-form-amazon").serializeArray(), 8562 } 8563 8564 const result = await getRecaptchaToken('amazon'); 8565 if(!result.success){ 8566 return; 8567 } 8568 data.recaptcha_token = result.token; 8569 8570 $.ajax({
8571 type: "POST", 8572 url : "includes/assets/shopping_cart/sc_ws_functions.php", 8573 headers: {'X-CSRF-TOKEN': window.csrf_token}, 8574 data: data, 8575 dataType: "json", 8576 cache: false, 8577 success: function( response ) { 8578 $('#loader_div').fadeOut(); 8579 //console.log(response); 8580 console.log('response-success-amazon-form'); 8581 if (response.success) { 8582 //document.getElementById('sc_session').value = response.sc_session_encoded; 8583 document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded; 8584 8585 //session_setter(); 8586 //window.location.href = window.location.href; 8587 window.location.href = '/shopping-cart?&step=payment'; 8588 } else { 8589 if(response.type == "recaptcha"){ 8590 handleRecaptchaError(response.message); 8591 }else if(response.type == "billing"){ 8592 handleBillingError(response); 8593 }else{ 8594 console.log('response-not-success-form-amazon-error'); 8595 $('#amazon-error-container').html('<b style="color:red;">' + response.message + '</b>'); 8596 } 8597 } 8598 8599 }, 8600 error: function (xhr, status, error) { 8601 $('#loader_div').fadeOut(); 8602 $('#amazon-error-container').html('<b style="color:red;">' + response.message + '</b>'); 8603 // console.error(xhr); 8604 // If backend returned HTML page 8605 if (xhr.responseText) { 8606 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 8607 document.open(); 8608 document.write(xhr.responseText); 8609 document.close(); 8610 return; 8611 } 8612 } 8613 }); 8614 8615 }); 8616 8617 // Redeem Gift Card 8618 $("#shopping-cart-form-gift-card").submit(async (event) => { 8619 event.preventDefault(); // avoid to execute the actual submit of the form. 8620 8621 const $errorContainer = $('#gift-card-error-container') 8622 //console.log($errorContainer) 8623 if (!$errorContainer.hasClass('d-none')) { 8624 $errorContainer.addClass('d-none') 8625 } 8626 8627 const data = $('#shopping-cart-form-gift-card').serializeArray(); 8628 8629 console.log('data-form-gift-card-3', data); 8630 $.ajax({
8631 type: "POST", 8632 url : "includes/assets/shopping_cart/sc_ws_functions.php", 8633 headers: {'X-CSRF-TOKEN': window.csrf_token}, 8634 data: { 8635 refresh_shopping_cart_giftcard: data, 8636 }, 8637 dataType: "json", 8638 cache: false, 8639 success: function( response ) { 8640 8641 //console.log(response); 8642 console.log('response-success-refresh_shopping_cart_giftcard-1'); 8643 8644 if(response.success){ 8645 //console.log('response-success-refresh_shopping_cart_giftcard-success-1'); 8646 //document.getElementById('sc_session').value = response.sc_session_encoded; 8647 document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded; 8648 //session_setter(); 8649 window.location.href = '/shopping-cart?&step=payment'; 8650 8651 } else { 8652 8653 console.log('response-success-refresh_shopping_cart_giftcard-error-1'); 8654 //console.log(response); 8655 $errorContainer.removeClass('d-none') 8656 if(response.errors == ''){ 8657 $errorContainer.find('.alert').text('Gift Card Cant be redeemed!') 8658 } else { 8659 $errorContainer.find('.alert').text(response.errors || 'Gift Card Cant be redeemed!') 8660 } 8661 8662 } 8663 8664 }, 8665 error: function (xhr, status, error) { 8666 // console.error(xhr); 8667 // If backend returned HTML page 8668 if (xhr.responseText) { 8669 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 8670 document.open(); 8671 document.write(xhr.responseText); 8672 document.close(); 8673 return; 8674 } 8675 } 8676 }); 8677 8678 }); 8679 8680 8681 $("#shopping-cart-form-acima").submit(async (event) => { 8682 event.preventDefault(); // avoid to execute the actual submit of the form. 8683 $('#loader_div').fadeIn(); 8684 $('#bill-bill_info-form .is-invalid').removeClass('is-invalid'); 8685 $('.invalid_container_payment').hide(); 8686 $('.error_captcha').remove(); 8687 8688 const data = { 8689 billing: $('#bill-bill_info-form').serializeArray(), 8690 complete_checkout: 'acima', 8691 payload: [] 8692 } 8693 8694 const result = await getRecaptchaToken('acima'); 8695 if(!result.success){ 8696 return; 8697 } 8698 data.recaptcha_token = result.token; 8699 8700 $.ajax({
8701 type: "POST", 8702 url : "includes/assets/shopping_cart/sc_ws_functions.php", 8703 headers: {'X-CSRF-TOKEN': window.csrf_token}, 8704 data: data, 8705 dataType: "json", 8706 cache: false, 8707 success: function(response ) { 8708 console.log('response-success-form-3'); 8709 $('#loader_div').fadeOut(); 8710 8711 if (response.success) { 8712 if(response.checkout){ 8713 const acima = new Acima.Client({ 8714 merchantId: "loca-39fa0ad0-4d90-4718-884f-15a34ee20e47", 8715 iframeUrl: "https://ecom.acimacredit.com/" 8716 }); 8717 acima.checkout(response.checkout).then(({ leaseId, leaseNumber, checkoutToken }) => { 8718 // Listen for the pre-approval result 8719 //console.log('leaseId',leaseId); 8720 //console.log('leaseNumber',leaseNumber); 8721 //console.log('checkoutToken',checkoutToken); 8722 8723 document.getElementById('Acima-response-leaseId').value = leaseId; 8724 document.getElementById('Acima-response-leaseNumber').value = leaseNumber; 8725 document.getElementById('Acima-response-checkoutToken').value = checkoutToken; 8726 document.getElementById('shopping-cart-form-acima').submit(); 8727 //document.getElementById('one-step-checkout-acima-form').submit(); 8728 }).catch(({ code, message }) => { 8729 // Listen for any errors or interruptions in the customer's application 8730 //console.log('code',code); 8731 //console.log('message',message); 8732 8733 document.getElementById('Acima-response-code').value = code; 8734 document.getElementById('Acima-response-message').value = message; 8735 document.getElementById('acima-error-container').innerHTML = "Acima did not process , please try again or select different payment method"; 8736 8737 }) 8738 8739 } 8740 } else { 8741 if(response.type == "recaptcha"){ 8742 handleRecaptchaError(response.message); 8743 }else if(response.type == "billing"){ 8744 handleBillingError(response); 8745 }else{ 8746 console.log('response-success-form-3-error'); 8747 console.log(response); 8748 } 8749 8750 } 8751 8752 }, 8753 error: function (xhr, status, error) { 8754 $('#loader_div').fadeOut(); 8755 // console.error(xhr); 8756 // If backend returned HTML page 8757 if (xhr.responseText) { 8758 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 8759 document.open(); 8760 document.write(xhr.responseText); 8761 document.close(); 8762 return; 8763 } 8764 } 8765 }); 8766 }); 8767 8768 8769 $("#paypal_expch").on("click", async function (event) { 8770 //alert('kk'); 8771 event.preventDefault(); 8772 $('#bill-bill_info-form .is-invalid').removeClass('is-invalid'); 8773 $('.invalid_container_payment').hide(); 8774 $('.error_captcha').remove(); 8775 8776 if (typeof gtag != 'undefined') { 8777 gtag("event", "paypal_button_click"); 8778 console.error('gtag("event", "paypal_button_click")'); 8779 } 8780 8781 const data = { 8782 billing: $('#bill-bill_info-form').serializeArray(), 8783 complete_checkout: 'paypal', 8784 payload: $("#shopping-cart-form-paypal").serializeArray(), 8785 } 8786 8787 const result = await getRecaptchaToken('paypal'); 8788 if(!result.success){ 8789 return; 8790 } 8791 data.recaptcha_token = result.token; 8792 //console.log(data); 8793 console.log('data-form-paypal-3'); 8794 //const sc_session_value = document.getElementById('sc_session').value ; 8795 //console.log(sc_session_value); 8796 console.log('data-form-paypal-sc_session_value-3'); 8797 8798 $.ajax({
8799 type: "POST", 8800 url : "includes/assets/shopping_cart/sc_ws_functions.php", 8801 headers: {'X-CSRF-TOKEN': window.csrf_token}, 8802 data: data, 8803 dataType: "json", 8804 cache: false, 8805 success: function( response ) { 8806 $('#loader_div').fadeOut(); 8807 8808 //console.log(response); 8809 console.log('response-success-3'); 8810 if (response.success) { 8811 //document.getElementById('sc_session').value = response.sc_session_encoded; 8812 document.getElementById('sc_session_info_bar').value = response.sc_session_info_bar_encoded; 8813 //session_setter(); 8814 //window.open(response.payPalURL); 8815 window.open(response.payPalURL,"_self") 8816 } else { 8817 if(response.type == "recaptcha"){ 8818 handleRecaptchaError(response.message); 8819 }else if(response.type == "billing"){ 8820 handleBillingError(response); 8821 }else{ 8822 $('#pp-error-container').html('<b style="color:red;">' + response.message + '</b>'); 8823 } 8824 } 8825 }, 8826 error: function (xhr, status, error) { 8827 $('#loader_div').fadeOut(); 8828 // console.error(xhr); 8829 // If backend returned HTML page 8830 if (xhr.responseText) { 8831 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 8832 document.open(); 8833 document.write(xhr.responseText); 8834 document.close(); 8835 return; 8836 } 8837 } 8838 }); 8839 }); 8840 //Confirm Payment & Place Order - Credit Card 8841 $(".shopping-cart-form-auth").on('submit', async (e) => { 8842 e.preventDefault(); // avoid to execute the actual submit of the form. 8843 $('#loader_div').fadeIn(); 8844 $('#bill-bill_info-form .is-invalid').removeClass('is-invalid'); 8845 $('.invalid_container_payment').hide(); 8846 $('.error_captcha').remove(); 8847 8848 const formID = e.target.id; 8849 console.log(formID); 8850 8851 var $submitBtn = $(`#${formID} button[type=submit]`), submitBtnOrigText = $submitBtn.html(); 8852 8853 $submitBtn.html('Order Processing'); 8854 8855 const data = { 8856 billing: $('#bill-bill_info-form').serializeArray(), 8857 complete_checkout: 'auth', 8858 payload: $("#"+ formID).serializeArray(), 8859 } 8860 8861 const result = await getRecaptchaToken('auth'); 8862 if(!result.success){ 8863 return; 8864 } 8865 data.recaptcha_token = result.token; 8866 8867 $.ajax({
8868 type: "POST", 8869 url : "includes/assets/shopping_cart/sc_ws_functions.php", 8870 headers: {'X-CSRF-TOKEN': window.csrf_token}, 8871 data: data, 8872 dataType: "json", 8873 cache: false, 8874 success: function(response ) { 8875 // console.log(response); 8876 $('#loader_div').fadeOut(); 8877 8878 console.log('response-success-form-3'); 8879 8880 if (response.success) { 8881 set_payment_total(response); 8882 } else { 8883 $submitBtn.html(submitBtnOrigText); 8884 $('#loader_div').fadeOut(); 8885 if(response.type == "recaptcha"){ 8886 handleRecaptchaError(response.message); 8887 }else if(response.type == "info"){ 8888 window.location.href = '/shopping-cart?&step=information'; 8889 }else if(response.type == "billing"){ 8890 handleBillingError(response); 8891 }else{ 8892 console.log('response-success-form-3-error'); 8893 console.log(response); 8894 $(`#${formID} .auth-error-container`).html('<b style="color:red;">' + response.message + '</b>'); 8895 if(response.info_errors) { 8896 let invalid_inputs = response.info_errors[0]; 8897 8898 for (key in invalid_inputs) { 8899 if (invalid_inputs[key] == 1) { 8900 $('input[name="' + key + '"]').addClass('is-invalid'); 8901 } else { 8902 $('input[name="' + key + '"]').removeClass('is-invalid'); 8903 } 8904 } 8905 } 8906 } 8907 8908 } 8909 8910 }, 8911 error: function (xhr, status, error) { 8912 $('#loader_div').fadeOut(); 8913 $submitBtn.html(submitBtnOrigText); 8914 // console.error(xhr); 8915 // If backend returned HTML page 8916 if (xhr.responseText) { 8917 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 8918 document.open(); 8919 document.write(xhr.responseText); 8920 document.close(); 8921 return; 8922 } 8923 } 8924 }); 8925 8926 }); 8927 8928 //Confirm Payment & Place Order - Gift Card 8929 $("#shopping-cart-form-gift-pay").submit(async (e) => { 8930 e.preventDefault(); // avoid to execute the actual submit of the form. 8931 $('#loader_div').fadeIn(); 8932 $('#bill-bill_info-form .is-invalid').removeClass('is-invalid'); 8933 $('.invalid_container_payment').hide(); 8934 $('.error_captcha').remove(); 8935 //console.log('data-form-gift-pay-3', data); 8936 const data = { 8937 billing: $('#bill-bill_info-form').serializeArray(), 8938 complete_checkout: 'giftcard', 8939 payload: $(this).closest('form').serializeArray() 8940 } 8941 8942 const result = await getRecaptchaToken('giftcard'); 8943 if(!result.success){ 8944 return; 8945 } 8946 data.recaptcha_token = result.token; 8947 8948 $.ajax({
8949 type: "POST", 8950 url : "includes/assets/shopping_cart/sc_ws_functions.php", 8951 headers: {'X-CSRF-TOKEN': window.csrf_token}, 8952 data: data, 8953 dataType: "json", 8954 cache: false, 8955 success: function( response ) { 8956 console.log('response-success-form-gift-3'); 8957 $('#loader_div').fadeOut(); 8958 if (response.success) { 8959 set_payment_total(response) 8960 } else { 8961 if(response.type == "recaptcha"){ 8962 handleRecaptchaError(response.message); 8963 }else if(response.type == "billing"){ 8964 handleBillingError(response); 8965 }else{ 8966 console.log('response-success-form-3-error'); 8967 //console.log(response); 8968 $('#auth-error-container').html('<b style="color:red;">' + response.message + '</b>'); 8969 } 8970 } 8971 8972 }, 8973 error: function (xhr, status, error) { 8974 $('#loader_div').fadeOut(); 8975 // console.error(xhr); 8976 // If backend returned HTML page 8977 if (xhr.responseText) { 8978 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 8979 document.open(); 8980 document.write(xhr.responseText); 8981 document.close(); 8982 return; 8983 } 8984 } 8985 }); 8986 }); 8987 8988 8989 8990 $('.content_payment_step').on('change', 'input[name="billing_address"]', function () { 8991 if ($(this).val() == 1) { 8992 $('.billing_address_fields').show(); 8993 } else { 8994 $('.billing_address_fields').hide(); 8995 } 8996 }); 8997 8998 $('#country_b').change(function() { 8999 refresh_state_billing(); 9000 $(this).trigger('chosen:updated'); 9001 }); 9002 9003 $('#country_b').trigger("change"); 9004 9005 }); 9006 9007 function refresh_state_billing(state_value) { 9008 // console.log('refresh_state_billing'); 9009 9010 country_info = {}; 9011 country_info['country'] = $('#country_b option:selected').val(); 9012 // console.log('country - ' + $('#country_b option:selected').val()); 9013 9014 // console.log('remove states from list'); 9015 $('#state_b option').each(function() { 9016 $(this).remove(); 9017 }); 9018 // console.log('country_info=' + $('#country_b option:selected').val()); 9019 if(state_value == undefined) { 9020 if(country_info['country'] && window.states[country_info['country']]) { 9021 let responseText = window.states[country_info['country']]; 9022 eq_selected_state = 0; 9023 counter = 1; 9024 state_selected = ($('#state_b').attr('data-selected')); 9025 $('#state_b').append('<option value=""></option>'); 9026 // console.log('eq_selected_state='+eq_selected_state); 9027 $.each(responseText, function(state_code, state_info) { 9028 if (state_info.name != null) { 9029 if (state_selected && (state_info.name.trim() == state_selected)) 9030 eq_selected_state = counter; 9031 $('#state_b').append('<option value="' + state_info.name.trim() + '">' + state_info.name.trim() + '</option>'); 9032 counter++; 9033 } 9034 }); 9035 $("#state_b option:eq(" + (eq_selected_state) + ")").attr("selected", true); 9036 $("#state_b").trigger("chosen:updated"); 9037 state_selected = ($('#state_b').attr('data-selected')); 9038 if(state_selected != '' && state_selected != undefined) { 9039 $("#state_b").parents('.floating').addClass('filled'); 9040 } else { 9041 $("#state_b").parents('.floating').removeClass('filled'); 9042 } 9043 } 9044 } else { 9045 // console.log('state_value is defined', state_value); 9046 $('#state_b').val(state_value); 9047 } 9048 9049} 9050 9051 9052function abbrState(input, to){ 9053 9054 var states = [ 9055 ['Arizona', 'AZ'], 9056 ['Alabama', 'AL'], 9057 ['Alaska', 'AK'], 9058 ['Arkansas', 'AR'], 9059 ['California', 'CA'], 9060 ['Colorado', 'CO'], 9061 ['Connecticut', 'CT'], 9062 ['Delaware', 'DE'], 9063 ['Florida', 'FL'], 9064 ['Georgia', 'GA'], 9065 ['Hawaii', 'HI'], 9066 ['Idaho', 'ID'], 9067 ['Illinois', 'IL'], 9068 ['Indiana', 'IN'], 9069 ['Iowa', 'IA'], 9070 ['Kansas', 'KS'], 9071 ['Kentucky', 'KY'], 9072 ['Louisiana', 'LA'], 9073 ['Maine', 'ME'], 9074 ['Maryland', 'MD'], 9075 ['Massachusetts', 'MA'], 9076 ['Michigan', 'MI'], 9077 ['Minnesota', 'MN'], 9078 ['Mississippi', 'MS'], 9079 ['Missouri', 'MO'], 9080 ['Montana', 'MT'], 9081 ['Nebraska', 'NE'], 9082 ['Nevada', 'NV'], 9083 ['New Hampshire', 'NH'], 9084 ['New Jersey', 'NJ'], 9085 ['New Mexico', 'NM'], 9086 ['New York', 'NY'], 9087 ['North Carolina', 'NC'], 9088 ['North Dakota', 'ND'], 9089 ['Ohio', 'OH'], 9090 ['Oklahoma', 'OK'], 9091 ['Oregon', 'OR'], 9092 ['Pennsylvania', 'PA'], 9093 ['Rhode Island', 'RI'], 9094 ['South Carolina', 'SC'], 9095 ['South Dakota', 'SD'], 9096 ['Tennessee', 'TN'], 9097 ['Texas', 'TX'], 9098 ['Utah', 'UT'], 9099 ['Vermont', 'VT'], 9100 ['Virginia', 'VA'],
9101 ['Washington', 'WA'], 9102 ['West Virginia', 'WV'], 9103 ['Wisconsin', 'WI'], 9104 ['Wyoming', 'WY'], 9105 9106 ['Newfoundland and Labrador', 'NL'], 9107 ['Prince Edward Island', 'PE'], 9108 ['Nova Scotia', 'NS'], 9109 ['New Brunswick', 'NB'], 9110 ['Quebec', 'QC'], 9111 ['Ontario', 'ON'], 9112 ['Saskatchewan', 'SK'], 9113 ['Manitoba', 'MB'], 9114 ['Alberta', 'AB'], 9115 ['British Columbia', 'BC'], 9116 ['Yukon', 'YT'], 9117 ['Northwest Territories', 'NT'], 9118 ['Nunavut', 'NU'] 9119 ]; 9120 9121 if (to == 'abbr'){ 9122 input = input.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();}); 9123 for(i = 0; i < states.length; i++){ 9124 if(states[i][0] == input){ 9125 return(states[i][1]); 9126 } 9127 } 9128 } else if (to == 'name'){ 9129 input = input.toUpperCase(); 9130 for(i = 0; i < states.length; i++){ 9131 if(states[i][1] == input){ 9132 return(states[i][0]); 9133 } 9134 } 9135 } 9136} 9137</script>
vendor: 2 bytes, line 9137
9137
9138<script> 9139 // Affirm script can inject a broken aria-label with raw HTML; keep a stable accessible name. 9140 (function () { 9141 function normalizeAffirmModalA11y() { 9142 document.querySelectorAll('.affirm-site-modal').forEach(function (el) { 9143 el.setAttribute('aria-label', 'Affirm financing options (opens in modal)'); 9144 }); 9145 } 9146 9147 document.addEventListener('DOMContentLoaded', normalizeAffirmModalA11y); 9148 setTimeout(normalizeAffirmModalA11y, 0); 9149 setTimeout(normalizeAffirmModalA11y, 500); 9150 })(); 9151</script>
9151 9152 </div> 9153 9154 </div> 9155 </div> 9156 9157 <div class="shopping_right_div justify-content-center justify-content-lg-start hide-summary"> 9158 9159<div class="offcanvas left offcanvas-md" id="customSidebar"> 9160 <div class="offcanvas-header border-bottom"> 9161 <h5>Select a Store</h5> 9162 <button aria-label="Close menu" class="close-offcanvas btn-close"tabindex="-1"></button> 9163 </div> 9164 <div class="offcanvas-body"> 9165 </div> 9166</div> 9167 9168<div class="empty-cart "> 9169 <div class="selected_items p-3 p-sm-5 text-center"> 9170 Your cart is empty 9171 </div> 9172</div> 9173 9174<div class="removed-qty d-none "> 9175 <div class="selected_items p-3 p-sm-5 text-center"> 9176 Sorry! This item is no longer in stock. 9177 </div> 9178</div> 9179 9180<div class="non-empty-cart d-none"> 9181 <div class="selected_items p-3 p-sm-5"> 9182 <div class="items_table"> 9183 <div class="table_row align-items-center justify-content-between mb-3 card_display invisible-mobile"> 9184 <div class="item_image mr-3"> 9185 9186 </div> 9187 <div class="item_text mr-4"> 9188 Product 9189 </div> 9190 <div class="quancost"> 9191 <div class="quantity"> 9192 Quantity 9193 </div> 9194 <div class="item_cost"> 9195 Price 9196 </div> 9197 </div> 9198 </div> 9199 <hr> 9200 9201 <div id="last-shopping-cart-item" class="d-none"></div> 9202 </div> 9203 <hr> 9204 <div class="table_row d-flex align-items-center justify-content-between mb-2"> 9205 <span class="sub_title">Subtotal</span> 9206 <span 9207 id="cart-total-subtotal">$0.00</span> 9208 </div> 9209 <div 9210 class="table_row d-flex align-items-center justify-content-between mb-2 cart-total-warranty-container d-none-i"> 9211 <span class="sub_title">Warranty</span> 9212 <span 9213 id="cart-total-warranty">$0.00</span> 9214 </div> 9215 <div 9216 class="table_row d-flex align-items-center justify-content-between mb-2 cart-total-engraving-container d-none-i"> 9217 <span class="sub_title">Engraving</span> 9218 <span 9219 id="cart-total-engraving">$0.00</span> 9220 </div> 9221 <div 9222 class="table_row d-flex align-items-center justify-content-between mb-2 cart-total-resizing_fee-container d-none-i"> 9223 <span class="sub_title">Resizing Fee</span> 9224 <span 9225 id="cart-total-resizing_fee">$0.00</span> 9226 </div> 9227 <div 9228 class="table_row d-flex align-items-center justify-content-between mb-2 d-none-i"> 9229 <span class="sub_title">Delivery</span> 9230 <span id="cart-total-delivery-cost"> 9231 $0.00</span> 9232 </div> 9233 <div 9234 class="table_row d-flex align-items-center justify-content-between mb-2 cart-shipping-container d-none-i"> 9235 <span 9236 class="sub_title">Shipping</span> 9237 <span 9238 id="cart-total-shipping">Free</span> 9239 </div> 9240 <div 9241 class="table_row d-flex align-items-center justify-content-between mb-2 d-none-i"> 9242 <span class="sub_title">Discount </span> 9243 <span id="cart-total-promo_discount"> - 9244 $0.00</span> 9245 </div> 9246 <div class="table_row d-flex align-items-center justify-content-between mb-2 cart-total-tax-container"> 9247 <span class="sub_title" id="cart-total-tax_percent">Tax</span> 9248 <span 9249 id="cart-total-tax">---</span> 9250 </div> 9251 <div class="fees_div"></div> 9252 <hr> 9253 <div class="table_row d-flex align-items-center justify-content-between total_results"> 9254 <span>Total</span> 9255 <span id="cart-total-total" 9256 class="total_pay">$0.00</span> 9257 </div> 9258 </div> 9259 <hr class="my-0"> 9260 9261 <div class="selected_items p-5"> 9262 <div class="row w-100 no-gutters"> 9263 <div class="col"> 9264 <form id="info-form" method="post" aria-label="Coupon code form"> 9265 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <div class="row no-gutters"> 9266 <div class="col-8"> 9267 <div class="form-group floating mb-1 mr-2"> 9268 <label class="sr-only" for="coupon_code">Enter Coupon here</label> 9269 <input placeholder="Enter Coupon here" id="coupon_code" class="form-control floating" 9270 type="text" name="coupon_code" value=""> 9271 </div> 9272 </div> 9273 <div class="col-4"> 9274 <button type="submit" class="btn btn-primary apply_coupon general_style" id="apply_coupon" 9275 name="apply_coupon" aria-label="Apply coupon">Apply</button> 9276 </div> 9277 </div> 9278 </form> 9279 <div class="card_display align-items-center d-flex invisible-mobile"> 9280 <a href="https://www.albertsjewelers.com/" class="cart_step general_style">Continue Shopping</a> 9281 </div> 9282 </div> 9283 <div class="col-md-6 offset-md-6 col-lg-4 pl-lg-5 offset-lg-3 col-xl-3 offset-xl-4 pl-xl-0 card_display"> 9284 <div class="w-100 cta flex-column d-flex"> 9285 <button class="btn btn-primary btn-continue proceed_to_checkout mb-3 general_style" 9286 id="proceed_to_checkout_id" type="button" area-label="Proceed to Checkout">Proceed to 9287 Checkout</button> 9288 <div class="mb-3 easyPay" > 9289 <div id="google-button" class="float-right" style="width: 100%; height: 58px;"></div> 9290 </div> 9291 <div class="mb-3 easyPay apple-pay-display" > 9292 <apple-pay-button class="float-right" buttonstyle="black" 9293 onclick="onApplePayButtonClicked(0, true)" type="buy"></apple-pay-button> 9294 </div> 9295 </div> 9296 </div> 9297 </div> 9298 </div> 9299 </div> 9300
9300<script> 9301 if (typeof window.gpayConfig === 'undefined') { 9302 window.gpayConfig = {"paymentDataRequest":{"apiVersion":2,"apiVersionMinor":0,"allowedPaymentMethods":[{"type":"CARD","parameters":{"allowedCardNetworks":["VISA","MASTERCARD","AMEX","DISCOVER"],"allowedAuthMethods":["PAN_ONLY"],"billingAddressRequired":true,"billingAddressParameters":{"format":"FULL","phoneNumberRequired":true}},"tokenizationSpecification":{"type":"PAYMENT_GATEWAY","parameters":{"gateway":"authorizenet","gatewayMerchantId":"2608973"}}}],"transactionInfo":{"countryCode":"US","currencyCode":"USD","totalPriceStatus":"NOT_CURRENTLY_KNOWN","totalPriceLabel":"Total"},"merchantInfo":{"merchantId":"BCR2DN4TZ3FYN234","merchantName":"Albert's Diamond Jewelers"},"callbackIntents":["SHIPPING_ADDRESS","SHIPPING_OPTION","PAYMENT_AUTHORIZATION","OFFER"],"shippingAddressRequired":true,"emailRequired":true,"shippingAddressParameters":{"allowedCountryCodes":["US"],"phoneNumberRequired":true},"shippingOptionRequired":true},"env":"PRODUCTION"}; 9303 window.isGpSet = 1; 9304 window.onlyPay = 0; 9305 } 9306 9307 function loadGooglePay() { 9308 if (typeof onGooglePayLoaded === 'undefined') { 9309 var script = document.createElement('script'); 9310 script.src = "/skeleton/1.0/view/js/google-pay.js?v=1790764354"; 9311 script.onload = function () { 9312 var payScript = document.createElement('script'); 9313 payScript.src = "https://pay.google.com/gp/p/js/pay.js"; 9314 payScript.async = true; 9315 payScript.onload = function () { 9316 if (typeof onGooglePayLoaded === 'function') { 9317 onGooglePayLoaded(); 9318 } 9319 }; 9320 document.head.appendChild(payScript); 9321 }; 9322 document.head.appendChild(script); 9323 } else { 9324 onGooglePayLoaded(); 9325 } 9326 } 9327 loadGooglePay(); 9328 </script>
9328 9329 <style> 9330 apple-pay-button { 9331 --apple-pay-button-width: 100%; 9332 --apple-pay-button-height: 58px; 9333 --apple-pay-button-border-radius: 0px; 9334 --apple-pay-button-padding: 10px 0px; 9335 --apple-pay-button-box-sizing: border-box; 9336 } 9337 </style> 9338
9338<script> 9339 if (typeof ApplePaySession !== 'undefined') { 9340 if (!document.querySelector('script[src*="apple-pay-sdk.js"]')) { 9341 var script = document.createElement('script'); 9342 script.src = "https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js"; 9343 document.head.appendChild(script); 9344 } 9345 }else{ 9346 $(".apple-pay-display").hide(); 9347 } 9348 </script>
9348 9349
9349<script> 9350 if (typeof window.isApSet === 'undefined') { 9351 window.isApSet = 1; 9352 } 9353 </script>
9353 9354
9354<script> 9355 if (!document.querySelector('script[src*="apple-pay.js"]')) { 9356 var script = document.createElement('script'); 9357 script.src = "/skeleton/1.0/view/js/apple-pay.js?v=1790764354"; 9358 document.head.appendChild(script); 9359 } 9360 </script>
9360 9361<div class="modal fade" id="warranty-modal" tabindex="-1" role="dialog" aria-labelledby="warranty-modal-label" 9362 aria-hidden="true"> 9363 <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> 9364 <div class="modal-content"> 9365 <div class="modal-header"> 9366 <h5 class="modal-title" id="warranty-modal-label"> 9367 Would you like to add warranty? </h5> 9368 <button type="button" class="close" data-dismiss="modal" aria-label="Close" title="Close"> 9369 <span aria-hidden="true">×</span> 9370 </button> 9371 </div> 9372 <div class="modal-body"> 9373 <div class="items_table"> 9374 <div class="table_row align-items-center justify-content-between mb-3 card_display" 9375 style="min-height: auto"> 9376 <div class="item_image mr-3 invisible-mobile"> 9377 Image 9378 </div> 9379 <div class="item_quantity mr-4"> 9380 Item Quantity 9381 </div> 9382 <div class="warranty_unit_price mr-3"> 9383 Warranty Unit Price 9384 </div> 9385 <div class="warranty_cost"> 9386 Warranty Total Cost 9387 </div> 9388 </div> 9389 <hr> 9390 <div class="table_row warranty_content d-flex align-items-center justify-content-between mb-3"> 9391 <div class="item_image mr-3 invisible-mobile"> 9392 <a href="" class="item_link" aria-label="Warranty link"> 9393 <img src="" class="img-thumbnail" title="" alt="Warranty image" height="118" 9394 width="123" /> 9395 </a> 9396 </div> 9397 <div class="item_quantity mr-4"></div> 9398 <div class="warranty_unit_price mr-3"></div> 9399 <div class="warranty_cost"></div> 9400 </div> 9401 </div> 9402 </div> 9403 <div class="modal-footer"> 9404 <button type="button" class="btn btn-primary apply_warranty_btn general_style" data-dismiss="modal">Add 9405 Warranty</button> 9406 </div> 9407 </div> 9408 </div> 9409</div> 9410
9411<script> 9412 $(document).ready(function () { 9413 $('.shopping_content').on('click', '.proceed_to_checkout', function (e) { 9414 proceedCheckout(); 9415 }); 9416 function renderCartTotals(response) { 9417 const sc = response.shopping_cart[0]; 9418 if (sc['info']['validated']) { 9419 $('#cart-total-tax').html(sc['total']['tax']); 9420 } else { 9421 $('#cart-total-tax').html('---'); 9422 } 9423 9424 $('#cart-total-subtotal').html(sc['total']['subtotal']); 9425 $('#cart-total-total').html(sc['total']['total']); 9426 9427 $('#cart-total-warranty').html(sc['total']['warranty']); 9428 if (sc['total']['show_warranty']) { 9429 $('.cart-total-warranty-container').removeClass('d-none-i'); 9430 } else { 9431 $('.cart-total-warranty-container').addClass('d-none-i'); 9432 } 9433 9434 $('#cart-total-resizing_fee').html(sc['total']['resizing_fee']); 9435 if (sc['total']['show_resizing_fee']) { 9436 $('.cart-total-resizing_fee-container').removeClass('d-none-i'); 9437 } else { 9438 $('.cart-total-resizing_fee-container').addClass('d-none-i'); 9439 } 9440 9441 if (sc['has_delivery']) { 9442 $('#cart-total-delivery-cost').html(sc['total']['delivery_cost']); 9443 $('#cart-total-delivery-cost').parent().removeClass('d-none-i'); 9444 } else { 9445 $('#cart-total-delivery-cost').parent().addClass('d-none-i'); 9446 } 9447 9448 if (sc['has_shipping'] && sc['ship']['validated']) { 9449 $('#cart-total-shipping').html(sc['total']['shipping']); 9450 $('#cart-total-shipping').parent().removeClass('d-none-i'); 9451 } else { 9452 $('#cart-total-shipping').parent().addClass('d-none-i'); 9453 } 9454 9455 9456 if (sc['total']['show_discount']) { 9457 $('#cart-total-promo_discount').parent().removeClass('d-none-i'); 9458 } else { 9459 $('#cart-total-promo_discount').parent().addClass('d-none-i'); 9460 } 9461 $('#cart-total-promo_discount').html(' - ' + sc['total']['promo_discount']); 9462 9463 } 9464 9465 9466 window.gData = {"currency":"USD","coupon":"","items":[]}; 9467 9468 9469 ///Cart item quantity change 9470 $(document).on('change', '.form_quantity_id .quantity-input', function () { 9471 $(this).closest('.form_quantity_id').submit(); 9472 }) 9473 9474 $(document).on('change', '.warranty_quantity_form input[name=qty]', function (event) { 9475 9476 event.preventDefault(); 9477 const $this = $(this); 9478 9479 const $form = $(this).closest('form') 9480 const data = $form.serializeArray() 9481 9482 // console.log('warranty_qty_form_submit : '); 9483 // console.log(data); 9484 9485 $.ajax({ 9486 type: "POST", 9487 url: "includes/assets/shopping_cart/sc_ws_functions.php", 9488 headers: {'X-CSRF-TOKEN': window.csrf_token}, 9489 data: { 9490 update_warranty: data, 9491 }, 9492 dataType: "json", 9493 cache: false, 9494 success: function (response) { 9495 if (response.success) { 9496 // console.log(response); 9497 // console.log('response-success-update_warranty:'); 9498 renderCartTotals(response); 9499 } else { 9500 // console.log('response-success-error-update_warranty :'); 9501 // console.log(response); 9502 } 9503 }, 9504 error: function (xhr, status, error) { 9505 // console.error(xhr); 9506 // If backend returned HTML page 9507 if (xhr.responseText) { 9508 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 9509 document.open(); 9510 document.write(xhr.responseText); 9511 document.close(); 9512 return; 9513 } 9514 } 9515 }); 9516 9517 9518 }) 9519 9520 $('.promotion_div .remove_gift_card').click(function () { 9521 9522 $(this).closest('form').submit(); 9523 9524 }); 9525 9526 $(document).on('click', '.remove_cart_item .remove_svg', function () { 9527 9528 parent_div = $(this).closest('.remove_cart_item'); 9529 9530 product_guid = parent_div.find(".product_guid").val(); 9531 product_name = parent_div.find(".product_name").val(); 9532 9533 swal.fire({ 9534 title: `Are you sure you want to remove ` + product_name, 9535 icon: "question", 9536 showCancelButton: true, 9537 confirmButtonText: "Yes, remove it!", 9538 confirmButtonColor: '#df4759', 9539 cancelButtonText: "No, cancel!", 9540 focusConfirm: true, 9541 //didOpen: () => Swal.getCancelButton().focus() 9542 }).then((result) => { 9543 if (result.value) { 9544 // $(this).closest('form').submit(); 9545 //// console.log('form_3000016_remove'); 9546 //alert('form_'+ product_guid + '_remove'); 9547 $('#form_' + product_guid + '_remove').submit(); 9548 } 9549 }); 9550 }); 9551 9552 // Open sidebar 9553 $(".store-link").click(function () { 9554 $("#customSidebar .offcanvas-body").html(''); 9555 const _this = $(this); 9556 9557 $.ajax({ 9558 type: "POST", 9559 url: "includes/assets/shopping_cart/sc_ws_functions.php", 9560 headers: {'X-CSRF-TOKEN': window.csrf_token}, 9561 data: { 9562 module_get_item_stock_details: true, 9563 guid: _this.data('id'), 9564 }, 9565 success: function (response) { 9566 $("#customSidebar .offcanvas-body").html(response) 9567 }, 9568 error: function (xhr, status, error) { 9569 // console.error(xhr); 9570 // If backend returned HTML page 9571 if (xhr.responseText) { 9572 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 9573 document.open(); 9574 document.write(xhr.responseText); 9575 document.close(); 9576 return; 9577 } 9578 } 9579 }); 9580 }); 9581 9582 $(".stock-box").click(function () { 9583 const el = $(this); 9584 const parent = el.parent().parent(); 9585 const current_method = parent.data('method'); 9586 const method = el.data('method');
9587 const qty_input = el.closest('.table_row').find('.quantity-input'); 9588 9589 if (method != current_method) { 9590 if (qty_input.val() > el.data('stock-qty')) { 9591 parent.parent().find('.stock-alert').text("Please reduce order qty to select this method!").fadeIn().delay(8000).fadeOut(); 9592 return; 9593 } 9594 9595 9596 const id = parent.data('guid'); 9597 parent.find(".stock-box").removeClass('active'); 9598 el.addClass('active'); 9599 parent.data('method', method) 9600 const selectedBox = parent.closest('.stock-main').find('.selected-method'); 9601 if (method === 'pickup') { 9602 selectedBox.find('.item-method').text('Pickup'); 9603 selectedBox.find('.item-store').text(el.data('storename')); 9604 9605 selectedBox.find('.item-shipping').hide(); 9606 selectedBox.find('.item-delivery').hide(); 9607 selectedBox.find('.item-pickup').show(); 9608 9609 } else if (method === 'delivery') { 9610 selectedBox.find('.item-method').text('Delivery'); 9611 9612 selectedBox.find('.item-shipping').hide(); 9613 selectedBox.find('.item-pickup').hide(); 9614 selectedBox.find('.item-delivery').show(); 9615 9616 } else { 9617 selectedBox.find('.item-method').text('Shipping'); 9618 selectedBox.find('.item-pickup').hide(); 9619 selectedBox.find('.item-delivery').hide(); 9620 9621 9622 selectedBox.find('.item-shipping').show(); 9623 } 9624 9625 $.ajax({ 9626 type: "POST", 9627 url: "includes/assets/shopping_cart/sc_ws_functions.php", 9628 dataType: "json", 9629 cache: false, 9630 headers: {'X-CSRF-TOKEN': window.csrf_token}, 9631 data: { 9632 module_update_item_method: true, 9633 guid: id, 9634 method: method, 9635 store: el.data('store') 9636 }, 9637 success: function (response) { 9638 if (response.success) { 9639 qty_input.attr('max', response.max_qty); 9640 if (response.shopping_cart[0]['has_delivery']) { 9641 $('.easyPay').hide(); 9642 } else { 9643 $('.easyPay').show(); 9644 } 9645 renderCartTotals(response); 9646 } 9647 console.log(response); 9648 }, 9649 error: function (xhr, status, error) { 9650 // console.error(xhr); 9651 // If backend returned HTML page 9652 if (xhr.responseText) { 9653 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 9654 document.open(); 9655 document.write(xhr.responseText); 9656 document.close(); 9657 return; 9658 } 9659 } 9660 }); 9661 } 9662 }); 9663 9664 }); 9665</script>
9665 </div> 9666 9667 9668 </div> 9669</div> 9670</main> 9671
9672<script> 9673 const BASEURL = "https://www.albertsjewelers.com/"; 9674 9675 function session_setter() { 9676 9677 9678 //const data = document.getElementById('sc_session').value; 9679 const data1 = document.getElementById('sc_session_info_bar').value; 9680 console.log('data-session_setter'); 9681 //console.log(data); 9682 9683 $.ajax({ 9684 type: "POST", 9685 url : "includes/assets/shopping_cart/session_setter.php", 9686 headers: {'X-CSRF-TOKEN': window.csrf_token}, 9687 data: { 9688 //sc_session: data, 9689 sc_session_info_bar: data1, 9690 }, 9691 dataType: "json", 9692 cache: false, 9693 async: false, 9694 success: function( response ) { 9695 // console.log(response); 9696 console.log('data-result-session_setter'); 9697 9698 if (response.success) { 9699 console.log('success-session_setter'); 9700 } 9701 }, 9702 error: function (xhr, status, error) { 9703 // console.error(xhr); 9704 // If backend returned HTML page 9705 if (xhr.responseText) { 9706 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 9707 document.open(); 9708 document.write(xhr.responseText); 9709 document.close(); 9710 return; 9711 } 9712 } 9713 }); 9714 } 9715 </script>
9715 9716 9717 9718 <div class="my-scope fas"> 9719 9720 <div class="fas-tab-wrap"> 9721 <input type="radio" id="fas-tab1" name="fas-tabGroup1" class="fas-tab" checked style='display: none'> 9722 <h3 class="show-in-calendar general_style" id="bookInStore">Please select the store you wish to book your appointment with</h3> 9723 <button class="close-fas-btn bg-white border-0 d-block"> 9724 <svg xmlns="http://www.w3.org/2000/svg" class="w-100 h-100" viewBox="0 0 21.03 21.03" aria-label="Close" 9725 title="Close"> 9726 <path id="x" fill="#979bc0" 9727 d="M1283.15,3219.45l9.81-9.81-0.7-.7-9.81,9.81-9.81-9.81-0.7.7,9.81,9.81-9.81,9.81,0.7,0.7,9.81-9.81,9.81,9.81,0.7-.7Z" 9728 transform="translate(-1271.94 -3208.94)"/> 9729 </svg> 9730 </button> 9731 <div class="fas-actions hide-in-calendar"> 9732 <div class="map-btn"><a href="/store-locator?map" class="a_general_style"> 9733 View Map</a> 9734 </div> 9735 <div id="search-by-zip" class="input_general_style general_style"> 9736 <label for="sl_zipcode" class="general_style">Search by Zip Code</label> 9737 <input type="text" class="form-control" id="sl_zipcode" inputmode="numeric" pattern="[0-9]*" placeholder="Search by Zip Code"> 9738 <button type="button" class="form-control" tabindex="-1"> 9739 <svg style="width: 15px" role="img" aria-label="Search" viewBox="0 0 512 512"> 9740 <path class="path_class" 9741 d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"></path> 9742 </svg> 9743 </button> 9744 </div> 9745 <button type="button" class="form-control get-location a_general_style" onclick="getLocation()"> 9746 <svg style="" xmlns="http://www.w3.org/2000/svg" 9747 xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" id="Layer_1" width="800px" height="800px"
9748 viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve"> 9749 <path fill="#231F20", 9750 d="M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.051,0.094,0.059,0.199,0.117,0.289l16,24 C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289C54.289,34.008,56,29.219,56,24 C56,10.746,45.254,0,32,0z M32,32c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S36.418,32,32,32z"></path> 9751 </svg> 9752 Use My Location 9753 </button> 9754 </div> 9755 <p class="find-ts-error"></p> 9756 9757 9758 9759 <div class="fas-tab__content"> 9760 <table class="table" id="store-locator"> 9761 <thead style="display: none"><tr><th></th><th></th></tr></thead> 9762 <tbody> 9763 <tr data-lat="41.495073" data-lng="-87.469032"> 9764 <td class="fas-row-store"> 9765 <div class="fas-logo-store"> 9766 <img src="https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png" width="200px"> 9767 </div> 9768 <div style="width: 400px"> 9769 <h4 class="general_style">SCHERERVILLE STORE</h4> 9770 <p class="p2_general_style"> 9771 711 MAIN STREET<br> 9772 SCHERERVILLE, Indiana, 46375<br> 9773 219-322-2700 </p> 9774 9775 <div class="text-success hide-in-calendar">You're Currently Shopping</div> 9776 9777 </div> 9778 </td> 9779 9780 <td class="fas-row-distance hide-in-calendar" style="display: block"> 9781 <div class="p2_general_style">Distance <b>6041.33</b> miles 9782 </div> 9783 </td> 9784 <td class="fas-row-actions"> 9785 <div class="d-flex" style="align-items: center"> 9786 <div class='hide-in-calendar'><a class="btn d-flex flex-column mr-2 general_style phone_number_click" style="align-items: center" href="tel:219-322-2700"> 9787 <img src="/skeleton/1.0/view/img/itemPage/find-the-store/phone.png" alt="phone" title="phone" width="20px" style="padding: 4px 0px; padding-bottom: 10px;"> 9788 Call</a></div> 9789 <div class='hide-in-calendar'><a class="btn d-flex flex-column mr-2 general_style email_click" style="align-items: center" href="/cdn-cgi/l/email-protection#84e9e5f6efe1f0edeae3c4e5e8e6e1f6f0f7eee1f3e1e8e1f6f7aae7ebe9"> 9790 <img src="/skeleton/1.0/view/img/itemPage/find-the-store/mail.png" alt="mail" title="mail" width="20px" style="padding: 8px 0px; padding-bottom: 10px;"> 9791 Email</a></div> 9792 <div class='hide-in-calendar'><a class="btn d-flex flex-column mr-2 general_style get_directions_click" style="align-items: center" href="https://goo.gl/maps/Yb8vj7hvRahHMHtJ8" style="padding: 12px 8px" target="blank"> 9793 <img src="/skeleton/1.0/view/img/itemPage/find-the-store/directions.png" alt="directions" title="directions" width="15px" style="padding: 4px 0px; padding-bottom: 10px;"> 9794 Directions</a></div> 9795 <div class='hide-in-calendar'> 9796 <a class="btn d-flex flex-column mr-2 general_style req_app_click" id="store_locator" href="javascript:void(0);" style="padding: 12px 8px; align-items: center" data-toggle="modal" data-target="#appointment-modal" title="Book an appointment" aria-label="Book an appointment" 9797 data-location_id="3"> 9798 <img src="/skeleton/1.0/view/img/itemPage/find-the-store/loc_app_3.png" alt="Appointment" title="Ap
9798pointment" width="30px" style="padding: 0px; padding-bottom: 10px;"> 9799 Appointment</a> 9800 </div> 9801 <div class='show-in-calendar'> 9802 <button class="btn primary-button req_app_click" id="in_store_try" href="javascript:void(0);" data-toggle="modal" data-target="#appointment-modal" title="Book an appointment" aria-label="Book an appointment" 9803 data-location_id="3"> 9804 Select 9805 </button> 9806 </div> 9807 </div> 9808 </td> 9809 </tr> 9810 </tbody> 9811 </table> 9812 </div> 9813 9814 <div class="fas-tab__content"> 9815 <div id="map"></div> 9816 </div> 9817 </div> 9818 9819 9820 </div> 9821 <form method="POST" id="r-app-form"> 9822 <input type="hidden" name="_csrf_token" value="4cb7f049a9f3cf52d6cb8bb2b1286566b6fbaf29a80251037edd0e005581af57"> <style id="rApp-MainSettings"> 9823 :root { 9824 --calendar-left-background: #022d57; 9825 --calendar-store-info: #ffffff; 9826 --calendar-color: 255, 255, 255; 9827 --calendar-opp-color: 17, 24, 39; 9828 --calendar-text-opacity: 1; 9829 --calendar-bg-opacity: 1; 9830 --calendar-btn-bg-opacity: 0.25; 9831 --calendar-hover-bg-opacity: 0.35; 9832 --calendar-3-step-confirm-color: #15803d; 9833 --rdp-color: 255,255,255; 9834 --rdp-opp-color: 17, 24, 39; 9835 --rdp-text-opacity: 1; 9836 --rdp-bg-opacity: 1; 9837 --rdp-btn-bg-opacity: 0.25; 9838 --rdp-hover-bg-opacity: 0.35; 9839 } 9840</style> 9841 9842<div class="rApp-container"> 9843 <div class="antialiased font-sans w-full h-full md:p-4 sm:bg-gray-100 flex items-center h-event" 9844 style="border-color: rgb(0, 0, 0); position: fixed; top: 0; display: none; z-index: 9999" id="rApp"> 9845 <div class="md:max-w-4xl h-full mx-auto w-full text-gray-700 flex flex-col justify-between md:max-h-800" 9846 style="transition: width 0.2s;"> 9847 <div 9848 class="relative flex h-full flex-grow flex-col overflow-hidden rounded-b bg-white shadow md:rounded-lg"> 9849 <button type="button" data-dismiss="modal" aria-label="Close" class="close" style="display: none"><span aria-hidden="true">Ã</span></button> 9850 <div class="flex h-full" id="steps"> 9851 <div 9852 class="active md:w-1/2 w-full h-full px-4 py-3 overflow-x-hidden overflow-y-auto text-center text-white rounded-b md:rounded-lg" 9853 style="transition: width 0.2s; background-color: var(--calendar-left-background);" id="calendar"> 9854 <div class="flex min-h-full flex-col"> 9855 <div class="justify-center flex flex-col flex-grow relative" id="store-info"> 9856 <div class="flex-2"> 9857 <div class="mt-4 sm:mt-2"> 9858 <div id="l_store_img" class="inline-block h-28 w-28 rounded-full overflow-hidden bg-gray-100 bg-cover bg-center border border-gray-100"></div> 9859 </div> 9860 <div class="px-2 mt-2 text-center h4_general_style" id="l_name" style="color: var(--calendar-store-info) !important;">SCHERERVILLE STORE</div> 9861 <div class="px-2 mt-2 text-center h5_general_style" id="l_address" style="color: var(--calendar-store-info) !important;">711 MAIN STREET<br>SCHERERVILLE, Indiana, 46375</div> 9862 </div> 9863 </div> 9864 <div class="noselect notranslate relative mx-2 mt-5 pb-2 sm:mx-4"> 9865 9866 <div class="absolute flex h-full w-full items-center justify-center appLoader calendar hidden" style="background: #00000036;z-index: 9;border-radius: 25px;margin: -10px 0;"><span class="spinner">loading</span></div> 9867 <div class="rdp " dir="ltr"> 9868 <div class="calendar-months"> 9869 <div class="calendar-month calendar-caption_start calendar-caption_end"> 9870 <div class="calendar-caption relative z-20 space-x-2" style="direction: ltr;"> 9871 <button type="button" id="prevMonth" 9872 class="calendar-button_reset calendar-button calendar-nav_button calendar-nav_button_previous focu
9872s:outline-none" 9873 style="width: 10%;" disabled> 9874 <svg width="16px" height="16px" viewBox="0 0 120 120" class="calendar-nav_icon focus:outline-none"> 9875 <path 9876 d="M69.490332,3.34314575 C72.6145263,0.218951416 77.6798462,0.218951416 80.8040405,3.34314575 C83.8617626,6.40086786 83.9268205,11.3179931 80.9992143,14.4548388 L80.8040405,14.6568542 L35.461,60 L80.8040405,105.343146 C83.8617626,108.400868 83.9268205,113.317993 80.9992143,116.454839 L80.8040405,116.656854 C77.7463184,119.714576 72.8291931,119.779634 69.6923475,116.852028 L69.490332,116.656854 L18.490332,65.6568542 C15.4326099,62.5991321 15.367552,57.6820069 18.2951583,54.5451612 L18.490332,54.3431458 L69.490332,3.34314575 Z" 9877 fill="currentColor" fill-rule="nonzero"></path> 9878 </svg> 9879 </button> 9880 <div class="calendar-caption_label" aria-live="polite" role="presentation" id="react-day-picker-1"> 9881 April 2025 9882 </div> 9883 <button type="button" id="nextMonth" 9884 class="calendar-button_reset calendar-button calendar-nav_button calendar-nav_button_next focus:outline-none" 9885 style="width: 10%;"> 9886 <svg width="16px" height="16px" viewBox="0 0 120 120" class="calendar-nav_icon focus:outline-none"> 9887 <path 9888 d="M49.8040405,3.34314575 C46.6798462,0.218951416 41.6145263,0.218951416 38.490332,3.34314575 C35.4326099,6.40086786 35.367552,11.3179931 38.2951583,14.4548388 L38.490332,14.6568542 L83.8333725,60 L38.490332,105.343146 C35.4326099,108.400868 35.367552,113.317993 38.2951583,116.454839 L38.490332,116.656854 C41.5480541,119.714576 46.4651794,119.779634 49.602025,116.852028 L49.8040405,116.656854 L100.804041,65.6568542 C103.861763,62.5991321 103.926821,57.6820069 100.999214,54.5451612 L100.804041,54.3431458 L49.8040405,3.34314575 Z" 9889 fill="currentColor"></path> 9890 </svg> 9891 </button> 9892 </div> 9893 <table class="calendar-table" role="grid" aria-labelledby="react-day-picker-141"> 9894 <thead class="rdp-head"><tr class="rdp-head_row"><th scope="col" class="rdp-head_cell" aria-label="Monday">Mo</th><th scope="col" class="rdp-head_cell" aria-label="Tuesday">Tu</th><th scope="col" class="rdp-head_cell" aria-label="Wednesday">We</th><th scope="col" class="rdp-head_cell" aria-label="Thursday">Th</th><th scope="col" class="rdp-head_cell" aria-label="Friday">Fr</th><th scope="col" class="rdp-head_cell" aria-label="Saturday">Sa</th><th scope="col" class="rdp-head_cell" aria-label="Sunday">Su</th></tr></thead> 9895 <tbody class="calendar-tbody"></tbody> 9896 </table> 9897 </div> 9898 </div> 9899 </div> 9900 </div> 9901 </div> 9902 </div> 9903 <div id="time" class="relative flex h-full w-full flex-col overflow-x-hidden px-6 py-6 text-gray-600 md:w-1/2 md:px-10 md:py-10"> 9904 <div class="absolute flex flex-col h-full w-full justify-center items-center appLoader hidden"><span style="display: inherit; position: relative; width: 42px; height: 42px; animation: 2s linear 0s infinite normal forwards running react-spinners-DotLoader-rotate;"><span style="position: absolute; top: 0px; bottom: auto; height: 21px; width: 21px; background-color: rgb(31, 42, 55); border-radius: 100%; animation: 2s linear 0s infinite normal forwards running react-spinners-DotLoader-bounce;"></span><span style="position: absolute; top: auto; bottom: 0px; height: 21px; width: 21px; background-color: rgb(31, 42, 55); border-radius: 100%; animation: 2s linear -1s infinite normal forwards running react-spinners-DotLoader-bounce;"></span></span></div> 9905 9906 <div class="cursor-default rounded bg-gray-100 px-4 py-2 text-center font-semibold text-gray-600 appLoader-hide"> 9907 <div class="truncate appDate"></div> 9908 </div> 9909 <div class="flex mt-5 font-semibold capitalize appLoader-hide"> 9910 timezone: 9911 <div class="ml-2">
9912 <span class="l_timeZ"></span> 9913 <span class="l_timeZ_now" style="display: none;">(Now 11:11)</span> 9914 </div> 9915 </div> 9916 <div class="-mr-4 mt-1 flex h-full min-h-160 flex-col overflow-y-scroll pr-2 pt-1 md:h-auto appLoader-hide" id="time-select"></div> 9917 </div> 9918 <div id="confirm" class="relative h-full flex-grow flex-col overflow-hidden rounded-b bg-white shadow md:rounded-lg md:border md:border-gray-100 px-6 pt-8 md:px-10" style="display: none"> 9919 <div class="booking-top mx-auto flex h-full max-w-lg flex-col"> 9920 <div class="space-y-2"> 9921 <div class="rApp-product-image-tablet"> 9922 <img src="" style="display: none"> 9923 </div> 9924 <div class="text-xl font-semibold">Confirm booking</div> 9925 <div class="flex text-base font-semibold"> 9926 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 flex-shrink-0"> 9927 <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z"></path> 9928 </svg> 9929 <span class="ml-2"> 9930 <span class="appDate"></span>, <span class="appYear"></span> 9931 <br> 9932 <span class="appTime"></span> 9933 (<span class="appTimeZone">PST</span>) 9934 </span> 9935 </div> 9936 </div> 9937 <div class="flex items-center text-base font-semibold mt-2"> 9938 <div class="flex"> 9939 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 flex-shrink-0"> 9940 <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path> 9941 </svg> 9942 <span class="ml-2 appDiff"></span></div> 9943 </div> 9944 <div class="mt-6 flex w-full flex-1 flex-col justify-between"> 9945 <div class="booking-form h-full w-full overflow-x-hidden overflow-y-scroll px-1">
vendor: 147 bytes, lines 9945-9946
9945 9946 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
9946<script>$("#store-info img").remove();</script>
9946 9947 <input name="store_locator_book_appointment[last_name]" type="hidden"> 9948 <input name="store_locator_book_appointment[pg_type]" type="hidden" value="900"> 9949 <input name="store_locator_book_appointment[guid]" type="hidden" value="3000016"> 9950 <input name="store_locator_book_appointment[title]" type="hidden" value="Shopping Cart"> 9951 <input name="store_locator_book_appointment[module]" type="hidden" value="store_locator_book_appointment"> 9952 <input name="store_locator_book_appointment[location_id]" type="hidden" id="location_id"> 9953 <input name="store_locator_book_appointment[date]" type="hidden" id="date_field"> 9954 <input name="store_locator_book_appointment[timezone]" type="hidden" id="timezone"> 9955 <input name="store_locator_book_appointment[appointment_type]" type="hidden" id="formType"> 9956 <input name="store_locator_book_appointment[time]" type="hidden" id="appointmentTime" > 9957 <div id='calendarForm'> 9958 <div class="-mx-2 flex flex-wrap sm:mt-6"> 9959 <div class="w-full px-2 sm:w-1/2 "> 9960 <div class="flex w-full flex-col"> 9961 <div class="block"> 9962 <label class="flex text-sm leading-5 font-semibold text-gray-700" for="name">Name * </label> 9963 </div> 9964 <input type="text" required name="store_locator_book_appointment[first_name]" maxlength="50" id="rApp_name" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary"> 9965 </div> 9966 </div> 9967 </div> 9968 <div class="-mx-2 flex flex-wrap sm:mt-6"> 9969 <div class="w-full px-2 sm:w-1/2 "> 9970 <div class="flex w-full flex-col"> 9971 <div class="block"> 9972 <label class="flex text-sm leading-5 font-semibold text-gray-700" for="phone">Phone * </label> 9973 </div> 9974 <input type="tel" required name="store_locator_book_appointment[phone]" maxlength="50" id="rApp_phone" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary"> 9975 </div> 9976 </div> 9977 </div> 9978 <div class="-mx-2 flex flex-wrap sm:mt-6"> 9979 <div class="w-full px-2 sm:w-1/2 "> 9980 <div class="flex w-full flex-col"> 9981 <div class="block"> 9982 <label class="flex text-sm leading-5 font-semibold text-gray-700" for="email">Email * </label> 9983 </div> 9984 <input type="email" required name="store_locator_book_appointment[email]" maxlength="50" id="rApp_email" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary"> 9985 </div> 9986 </div> 9987 </div> 9988 <div class="-mx-2 flex flex-wrap sm:mt-6"> 9989 <div class="w-full px-2 w-full "> 9990 <div class="flex w-full flex-col"> 9991 <div class="block"> 9992 <label class="flex text-sm leading-5 font-semibold text-gray-700" for="comments">Comment * </label> 9993 </div> 9994 <textarea maxlength="500" required name="store_locator_book_appointment[comments]" id="rApp_comments" step="any" class="undefined px-3 appearance-none block w-full border rounded-md placeholder-gray-400 focus:outline-none px-3 py-2 sm:text-sm sm:leading-5 border-gray-300 focus:ring-indigo-500 focus:border-indigo-500 focus-primary "></textarea> 9995 </div> 9996 </div> 9997 </div> 9998 <div class="mt-5 " id="req-app-recaptcha" data-form="r-
9998app-form"></div> 9999 </div> 10000 </div> 10001 <div class="form-buttons bottom-0 left-0 mt-6 flex w-full flex-shrink-0 flex-col pb-6 text-right sm:mt-0 sm:pt-4"> 10002 <div class="flex w-full justify-between"> 10003 <button id="back-step-1" class="flex items-center rounded border border-gray-500 bg-white px-6 py-2 text-sm text-gray-700 focus:outline-none " type="button"> 10004 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-4 w-4"> 10005 <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5"></path> 10006 </svg> 10007 <span class="ml-2">Back</span></button> 10008 10009 <button class="ml-2 text-sm rounded focus:outline-none py-2 px-6 cursor-pointer bg-calendar-btn text-white " type="submit">Confirm 10010 </button> 10011 </div> 10012 </div> 10013 </div> 10014 </div> 10015 </div> 10016 </div> 10017 </div> 10018 </div> 10019 </div> 10020 10021 </div> 10022 10023
10023<script> 10024 10025 $(function () { 10026 $('#r-app-form').on('submit', function (event) { 10027 const $form = $(this); 10028 event.preventDefault() 10029 grecaptcha.ready(function() { 10030 grecaptcha.execute('6Le0_CEiAAAAAO2SprdEh3a5J5OGgtavg30c0ya7', {action: 'form_builder_submissions'}).then(function(token) { 10031 $form.prepend(`<input type="hidden" name="g-recaptcha-response" value="${token}">`) 10032 $form.unbind('submit').submit() 10033 }); 10034 }); 10035 }); 10036 }) 10037 </script>
vendor: 1 bytes, line 10037
10037
10038<script> 10039 10040 let step = 1; 10041 let today = new Date(); 10042 let currentMonthIndex = 0; 10043 let currentYear = today.getFullYear(); 10044 10045 const monthTitle = $("#react-day-picker-1"); 10046 const months = [ 10047 {month: today.getMonth(), year: today.getFullYear()}, 10048 {month: (today.getMonth() + 1) % 12, year: today.getFullYear() + (today.getMonth() === 11 ? 1 : 0)} 10049 ]; 10050 10051 const prevButton = $("#prevMonth"); 10052 const nextButton = $("#nextMonth"); 10053 10054 businessHours = {}; 10055 renderCalendar(currentMonthIndex); 10056 10057 function addCalendarStylesheet() { 10058 if ($('link[href="/skeleton/1.0/view/css/calendar.css?v=1.66"]').length === 0) { 10059 var link = $('<link>', { 10060 rel: 'stylesheet', 10061 href: '/skeleton/1.0/view/css/calendar.css?v=1.66' 10062 }); 10063 $("head").append(link); 10064 } 10065 } 10066 10067 $(document).ready(function () { 10068 addCalendarStylesheet(); 10069 }); 10070 10071 $("#back-step-1").click(function () { 10072 $('#calendar').toggleClass('md:w-1/2 md:w-1/3').addClass('active'); 10073 $('#store-info').toggleClass('justify-center justify-start'); 10074 $('#store-info img').toggle(); 10075 $("#time, #confirm, .noselect").toggle(); 10076 step = 2 10077 }); 10078 10079 $("#back-step-2").click(function () { 10080 $("#time").addClass('active') 10081 $("#confirm, #calendar").removeClass('active') 10082 step = 1 10083 }); 10084 10085 $(".rApp-container .close").on('click', function() { 10086 $('#rApp').hide(); 10087 $('body').removeClass('overflow-hidden'); 10088 }) 10089 let updateLocation = true; 10090 10091 $(document).on("click", ".req_app_click", function () { 10092 var formType = $(this).attr('id'); 10093 10094 updateLocation = true; 10095 addCalendarStylesheet(); 10096 var productImage = $(".item-image img").attr("src"); 10097 10098 // Create product image div if it doesn't exist (separate from store image) 10099 if ($("#store-info img").length === 0 && productImage) { 10100 $("#store-info").append('<div><img src="" style="display: none"></div>'); 10101 } 10102 $("#store-info img, .rApp-product-image-tablet img, #rApp-image").attr("src", productImage); 10103 10104 $(".rApp-product-image-tablet img").each(function() { 10105 if (!$(this).attr("src")) { 10106 $(this).closest(".rApp-product-image-tablet").css("height", "0"); 10107 } else { 10108 $(this).closest(".rApp-product-image-tablet").css("height", ""); // Reset height if src is not empty 10109 } 10110 }); 10111 10112 $(".appLoader").toggleClass("hidden") 10113 $("#l_name, #l_address, #l_store_img").hide(); 10114 10115 if ($(this).attr('id') == 'virtual') { 10116 updateLocation = false; 10117 } else { 10118 $("#l_name").show(); 10119 $("#rApp").removeClass('hide-product'); 10120 } 10121 10122 if (!isDesktop()) { 10123 $(".rApp-product-image-tablet img").show(); 10124 } else { 10125 $(".rApp-product-image-tablet img").hide(); 10126 } 10127 10128 var location_id = $(this).data("location_id"); 10129 $("body").addClass("overflow-hidden"); 10130 setTimeout(function(){ 10131 $("#rApp").toggle(); 10132 },200) 10133 10134 if ($(".fas").length) { 10135 $(".fas").removeClass("open"); 10136 $(".fas-overlay").addClass("d-none"); 10137 } 10138 10139 $.post({ 10140 url: "/skeleton/1.0/view/ws/ajax_calendar.php", 10141 data: { location_id: location_id }, 10142 headers: { 10143 'X-CSRF-TOKEN': window.csrf_token 10144 }, 10145 dataType: "json", 10146 success: function(response) { 10147 if (response.status === "success") { 10148 let { l_BusinessHours, l_Address, l_Name, l_Store_img, l_TimeZone} = response.message; 10149 10150 businessHours = JSON.parse(l_BusinessHours || "{}"); 10151 10152 if (updateLocation) { 10153 10154 $("#l_name").html(l_Name); 10155 $("#l_address").html(l_Address.replace(/<br>/g, "<br>")); 10156 } 10157 10158 if (l_TimeZone == null || l_TimeZone == '') { 10159 l_TimeZone = "Pacific Time"; 10160 } 10161 10162 $(".l_timeZ, .appTimeZone").html(l_TimeZone); 10163 $("#timezone").val(l_TimeZone); 10164 if (formType == "in_store_try") formType = "in-store"; 10165 $("#formType").val(formType); 10166 10167 if (l_Store_img.length > 1 && updateLocation) { 10168 $("#l_store_img").fadeIn(); 10169 $("#l_store_img").css("background-image", `url("${l_Store_img}")`); 10170 } 10171 10172 if (updateLocation) { 10173 $("#l_name, #l_address").fadeIn(); 10174 } else { 10175 $("#l_address").fadeIn(); 10176 } 10177 console.log(updateLocation); 10178 if (updateLocation == false) { 10179 $("#l_name").hide(); 10180 $("#l_address").html('Book a zoom meeting <br>to view the above product'); 10181 $("#l_address").fadeIn(); 10182 $("#l_store_img").fadeIn(); 10183 $("#l_store_img").css("background-image", `url("${productImage}")`); 10184 $("#rApp").addClass('hide-product'); 10185 } 10186 10187 renderCalendar(currentMonthIndex); 10188 10189 setTimeout(function () { 10190 $(".appLoader").toggleClass("hidden") 10191 }, 500) 10192 } 10193 }, 10194 error: function(xhr, textStatus, errorThrown) { 10195 // console.error(xhr.responseText); 10196 } 10197 }); 10198 10199 $("#location_id").val(location_id); 10200 }); 10201 10202 $(document).on('click', function(e) { 10203 if ($(e.target).closest('#rApp > div').length === 0 && $(e.target).is('.antialiased')) { 10204 $('#rApp').hide(); 10205 $('body').removeClass('overflow-hidden'); 10206 } 10207 }); 10208 10209 function isDesktop() { 10210 return window.matchMedia("(min-width: 768px)").matches; 10211 } 10212 10213 isDesktop(); 10214 window.addEventListener("resize", function () { 10215 isDesktop(); 10216 10217 if (!isDesktop()) { 10218 $(".rApp-product-image-tablet img").show(); 10219 } else { 10220 $(".rApp-product-image-tablet img").hide(); 10221 } 10222 }); 10223 10224 function renderCalendar(monthIndex) { 10225 populateMonthDropdown(monthIndex); 10226 const calendarBody = $(".calendar-tbody"); 10227 calendarBody.empty(); 10228 10229 const {month, year} = months[monthIndex]; 10230 const daysInMonth = new Date(year, month + 1, 0).getDate(); 10231 const firstDayOfMonth = new Date(year, month, 1).getDay(); 10232 10233 let dayToSelect = null; 10234 if (isDesktop()) { 10235 const todayWeekDay = today.getDay(); 10236 const isTodayOpen = isBusinessDay(todayWeekDay); 10237 10238 if (isTodayOpen) { 10239 dayToSelect = new Date(today); 10240 } else { 10241 dayToSelect = findNextOpenDay(); 10242 } 10243 } 10244 10245 let startOffset = (firstDayOfMonth === 0) ? 6 : firstDayOfMonth - 1; 10246 let day = 1; 10247 10248 while (day <= daysInMonth) { 10249 let row = $("<tr></tr>").addClass("calendar-row"); 10250 10251 for (let i = 0; i < 7; i++) { 10252 let cell = $("<td></td>").addClass("calendar-cell").attr("role", "presentation"); 10253 10254 if (startOffset > 0) { 10255 cell.append("<div role='gridcell'></div>"); 10256 startOffset--; 10257 } else if (day <= daysInMonth) { 10258 let currentDate = new Date(year, month, day); 10259 let button = $("<button></button>") 10260 .addClass("calendar-button_reset calendar-button calendar-day") 10261 .attr("role", "gridcell") 10262 .attr("type", "button") 10263 .attr("data-day", day) 10264 .attr("data-month", month) 10265 .attr("data-year", year) 10266 .text(day); 10267 10268 let isToday = 10269 today.getFullYear() === year && 10270 today.getMonth() === month && 10271 today.getDate() === day; 10272 10273 let isFirstDayOfMonth = 1 === day; 10274 10275 if ((isToday || isFirstDayOfMonth) && isDesktop()) { 10276 $(".calendar-day_selected").removeClass("calendar-day_selected"); 10277 button.addClass("calendar-day_selected"); 10278 selectDate(button); 10279 } 10280 10281 let weekDay = currentDate.getDay(); 10282 let isDayDisabled = false;
10283 10284 if (typeof isBusinessDay(weekDay) !== 'undefined') { 10285 if (currentDate < new Date().setHours(0, 0, 0, 0) || !isBusinessDay(weekDay)) { 10286 button.addClass("calendar-day_disabled").prop("disabled", true); 10287 isDayDisabled = true; 10288 } else { 10289 button.on("click", function () { 10290 $(".calendar-day_selected").removeClass("calendar-day_selected"); 10291 $(this).addClass("calendar-day_selected"); 10292 selectDate($(this)); 10293 }); 10294 } 10295 } else if (weekDay === 0 || weekDay === 6 || currentDate < new Date().setHours(0, 0, 0, 0)) { 10296 button.addClass("calendar-day_disabled").prop("disabled", true); 10297 isDayDisabled = true; 10298 } else { 10299 button.on("click", function () { 10300 $(".calendar-day_selected").removeClass("calendar-day_selected"); 10301 $(this).addClass("calendar-day_selected"); 10302 selectDate($(this)); 10303 }); 10304 } 10305 10306 let shouldAutoSelect = false; 10307 if (dayToSelect && isDesktop() && !isDayDisabled) { 10308 shouldAutoSelect = 10309 dayToSelect.getFullYear() === year && 10310 dayToSelect.getMonth() === month && 10311 dayToSelect.getDate() === day; 10312 } 10313 10314 if (shouldAutoSelect) { 10315 $(".calendar-day_selected").removeClass("calendar-day_selected"); 10316 button.addClass("calendar-day_selected"); 10317 selectDate(button); 10318 } 10319 10320 cell.append(button); 10321 day++; 10322 } 10323 10324 row.append(cell); 10325 } 10326 10327 calendarBody.append(row); 10328 } 10329 } 10330 10331 function isBusinessDay(weekDay) { 10332 if (!businessHours || typeof businessHours !== "object") return false; 10333 const dayHours = businessHours[weekDay]; 10334 return dayHours && !dayHours.closed && dayHours.open && dayHours.close; 10335 } 10336 10337 function findNextOpenDay() { 10338 let checkDate = new Date(today); 10339 checkDate.setHours(0, 0, 0, 0); 10340 10341 // Check up to 30 days ahead 10342 for (let i = 0; i < 30; i++) { 10343 const weekDay = checkDate.getDay(); 10344 const dateValue = checkDate.getTime(); 10345 10346 // Skip if date is in the past 10347 if (dateValue < new Date().setHours(0, 0, 0, 0)) { 10348 checkDate.setDate(checkDate.getDate() + 1); 10349 continue; 10350 } 10351 10352 // Check if it's a business day 10353 if (isBusinessDay(weekDay)) { 10354 return checkDate; 10355 } 10356 10357 checkDate.setDate(checkDate.getDate() + 1); 10358 } 10359 10360 return null; // No open day found 10361 } 10362 10363 let selectedMonth = today.getMonth(); 10364 let selectedYear = today.getFullYear(); 10365 10366 function selectDate(day) { 10367 if (day.hasClass("calendar-day_disabled")) return; 10368 10369 const selectedDay = day.html().split('<br>')[0].trim(); 10370 const selectedMonth = parseInt(day.attr('data-month')); 10371 const selectedYear = parseInt(day.attr('data-year')); 10372 10373 const formattedDate = `${selectedYear}-${String(selectedMonth + 1).padStart(2, '0')}-${String(selectedDay).padStart(2, '0')}`; 10374 $("#date_field").val(formattedDate); 10375 10376 let selectedDateObj = new Date(selectedYear, selectedMonth, selectedDay); 10377 updateTimeSlots(selectedDateObj); 10378 // console.log("111111") 10379 10380 if (!isDesktop()) { 10381 $("#calendar").removeClass('active'); 10382 $("div#time").addClass('active'); 10383 } 10384 } 10385 10386 function updateTimeSlots(selectedDay) { 10387 const selectedWeekday = selectedDay.getDay(); 10388 const selectedMonth = selectedDay.toLocaleString('en-US', {month: 'long'}); 10389 const selectedDate = selectedDay.getDate(); 10390 const selectedYear = selectedDay.getFullYear(); 10391 10392 const weekdayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; 10393 const weekdayName = weekdayNames[selectedWeekday]; 10394 10395 $(".appDate").each(function () { 10396 $(this).html(`${weekdayName}, ${selectedMonth} ${selectedDate}`); 10397 }); 10398 10399 $('.appYear').html(selectedYear); 10400 10401 const buttonsContainer = document.getElementById("time-select"); 10402 const hiddenInput = document.getElementById("appointmentTime"); 10403 buttonsContainer.innerHTML = ""; 10404 10405 const defaultTimes = ["10:00 AM", "11:00 AM", "1:00 PM", "2:00 PM", "3:00 PM", "4:00 PM"]; 10406
10407 try { 10408 const hoursObj = businessHours; 10409 const hours = hoursObj ? hoursObj[selectedWeekday] : null; 10410 let timeSlots = defaultTimes; 10411 10412 if (hours && !hours.closed) { 10413 timeSlots = generateTimeSlots(parseTime(hours.open), parseTime(hours.close)); 10414 } 10415 10416 timeSlots.forEach((time, index) => { 10417 const wrapperDiv = document.createElement("div"); 10418 wrapperDiv.className = "relative first:mt-0 w-full border mt-2 border-gray-300 hover:border-gray-400 bg-white text-gray-600 text-base rounded"; 10419 10420 const timeDiv = document.createElement("div"); 10421 timeDiv.className = "font-light w-full py-3 hover:bg-gray-100 cursor-pointer text-center rounded"; 10422 timeDiv.setAttribute("data-testid", `time-slot-${index}`); 10423 timeDiv.textContent = time; 10424 10425 10426 timeDiv.onclick = function () { 10427 let [h, m] = time.split(' ')[0].split(':').map(Number); 10428 let period = time.includes('PM') ? 'PM' : 'AM'; 10429 10430 if (time.includes('PM') && h !== 12) h += 12; 10431 if (time.includes('AM') && h === 12) h = 0; 10432 10433 h = (h + 1) % 24; 10434 10435 let newPeriod = h >= 12 ? 'PM' : 'AM'; 10436 let displayH = h % 12 || 12; 10437 10438 let newTime = `${displayH}:${String(m).padStart(2, '0')} ${newPeriod}`; 10439 hiddenInput.value = `${String(h - 1).padStart(2, '0')}
10439:${String(m).padStart(2, '0')}`; 10440 10441 10442 $('#calendar').toggleClass('md:w-1/2 md:w-1/3'); 10443 $('#store-info').toggleClass('justify-center justify-start'); 10444 $('#store-info img').toggle(); 10445 $("#time, #confirm, .noselect").toggle(); 10446 step = 3; 10447 $("#confirm").addClass('active') 10448 10449 $("#time, #calendar").removeClass('active') 10450 10451 $('.appTime').html(`${time} - ${newTime}`); 10452 10453 // Difference in days 10454 let timeDiff = Math.ceil((selectedDay - new Date()) / (1000 * 60 * 60 * 24)); 10455 10456 if (timeDiff === 0) { 10457 timeDiff = "Today"; 10458 } else if (timeDiff > 1) { 10459 timeDiff = "In <b>" + timeDiff + "</b>" + " days"; 10460 } else { 10461 timeDiff = "In <b>" + timeDiff + "</b>" + " day"; 10462 } 10463 10464 $(".appDiff").html(timeDiff); 10465 }; 10466 10467 wrapperDiv.appendChild(timeDiv); 10468 buttonsContainer.appendChild(wrapperDiv); 10469 }); 10470 } catch (error) { 10471 console.error("Invalid businessHours data", e); 10472 } 10473 } 10474 10475 function generateTimeSlots(openTime, closeTime) { 10476 let slots = []; 10477 let currentTime = new Date(openTime); 10478 10479 while (currentTime < closeTime) { 10480 let hours = currentTime.getHours(); 10481 let minutes = currentTime.getMinutes(); 10482 let period = hours >= 12 ? "PM" : "AM"; 10483 let formattedHours = hours % 12 || 12; // 12-hours format 10484 10485 slots.push(`${formattedHours}:${String(minutes).padStart(2, '0')} ${period}`); 10486 currentTime.setHours(currentTime.getHours() + 1); 10487 } 10488 10489 return slots; 10490 } 10491 10492 function parseTime(timeString) { 10493 const [time, modifier] = timeString.split(" "); 10494 let [hours, minutes] = time.split(":").map(num => parseInt(num)); 10495 10496 if (modifier === "PM" && hours < 12) { 10497 hours += 12; 10498 } else if (modifier === "AM" && hours === 12) { 10499 hours = 0; 10500 } 10501 10502 const now = new Date(); 10503 now.setHours(hours, minutes, 0, 0); 10504 10505 return now; 10506 } 10507 10508 function populateMonthDropdown(currentMonthIndex) { 10509 monthTitle.empty(); 10510 10511 currentMonthIndex = today.getMonth() + currentMonthIndex; 10512 let date = new Date(currentYear, (currentMonthIndex) % 12, 1); 10513 10514 monthTitle.text(date.toLocaleString("en", {month: "long", year: "numeric"})); 10515 } 10516 10517 prevButton.on("click", () => { 10518 renderCalendar(0); 10519 populateMonthDropdown(0); 10520 prevButton.attr("disabled", true); 10521 nextButton.attr("disabled", false); 10522 }); 10523 10524 nextButton.on("click", () => { 10525 renderCalendar(1); 10526 populateMonthDropdown(1); 10527 prevButton.attr("disabled", false); 10528 nextButton.attr("disabled", true); 10529 }); 10530 10531 // fields Validation 10532 $('#r-app-form input, #r-app-form textarea').on('input', function() { 10533 const $this = $(this); 10534 const maxLength = $this.attr('maxlength'); 10535 const currentLength = $this.val().length; 10536 const $maxLengthMessage = $this.next('.max-length-message'); 10537 10538 if (maxLength < currentLength) { 10539 if (!$maxLengthMessage.length) { 10540 $this.after('<div class="max-length-message text-gray-500 text-sm mt-1"></div>'); 10541 } 10542 $this.next('.max-length-message').text(`The max allowed amount - ${currentLength} symbols`); 10543 10544 if (currentLength > maxLength) { 10545 $this.addClass('border-red-500'); 10546 $this.next('.max-length-message').addClass('text-red-500'); 10547 } else { 10548 $this.removeClass('border-red-500'); 10549 $this.next('.max-length-message').removeClass('text-red-500'); 10550 } 10551 } else { 10552 $maxLengthMessage.remove(); 10553 $this.removeClass('border-red-500'); // Ensure red border is removed if no max length 10554 } 10555 }); 10556 10557 $('#r-app-form button[type=submit]').on('click', function(e) { 10558 10559 let isValid = true; 10560 let errors = {}; 10561 10562 let email = $('#rApp_email').val().trim(); 10563 let emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 10564 const $maxLengthMessage = $('#rApp_email').next('.error-message'); 10565 10566 if (!emailRegex.test(email)) { 10567 $this.after('<div class="error-message text-gray-500 text-sm mt-1"></div>'); 10568 isValid = false;
10569 $('#rApp_email').next('.error-message').text(`Invalid email format.`); 10570 $('#rApp_email').addClass('border-red-500'); 10571 } else { 10572 $maxLengthMessage.remove(); 10573 $('#rApp_email').removeClass('border-red-500'); 10574 } 10575 10576 $('.error-message').remove(); 10577 for (let field in errors) { 10578 let errorMsg = errors[field]; 10579 $('#' + field).after('<div class="error-message text-red-500 text-sm">' + errorMsg + '</div>'); 10580 } 10581 10582 if (!isValid) { 10583 e.preventDefault(); 10584 } 10585 }); 10586 10587 // Load location image 10588 $('#l_store_img').css('background-image', 'url(https://www.albertsjewelers.com/public/1.0/uploads/source/alberts-logo-footer-1.png)'); 10589 10590</script>
10590 10591 </form> 10592 <div class="fas-overlay d-none"></div> 10593 10594
10594<script> 10595 function isStoreDesktop() { 10596 return window.matchMedia("(min-width: 1102px)").matches; 10597 } 10598 10599 function updateLogoStoreVisibility() { 10600 document.querySelectorAll('.fas-logo-store').forEach(logoStore => { 10601 if (!isStoreDesktop() && !logoStore.querySelector('img')) { 10602 logoStore.style.display = 'none'; 10603 } else { 10604 logoStore.style.display = ''; 10605 } 10606 }); 10607 } 10608 10609 updateLogoStoreVisibility(); 10610 10611 window.addEventListener("resize", updateLogoStoreVisibility); 10612 10613 var storeCount = 1; 10614 10615 $(document).ready(function () { 10616 var images = $('#store-locator img'), 10617 table = $('#store-locator_wrapper table'); 10618 10619 var loadedImages = 0; 10620 var totalImages = images.length; 10621 10622 function forceDisplay(selector, value) { 10623 document.querySelectorAll(selector).forEach(function(el) { 10624 if (value === 'none') { 10625 el.style.setProperty('display', value, 'important'); 10626 } else { 10627 el.style.removeProperty('display'); 10628 el.style.display = value; 10629 } 10630 }); 10631 } 10632 10633 10634 table.on('page.dt', function() { 10635 $('html, body, .fas').animate({ scrollTop: 0 }, 'slow'); 10636 }); 10637 10638 $(".hide-in-calendar").each(function() { 10639 $(this).show(); 10640 }) 10641 $(".show-in-calendar").each(function() { 10642 $(this).hide(); 10643 $(this).css("display", "none !important"); 10644 }) 10645 10646 $('.fas-store, .fas-btn, .close-fas-btn, .fas-overlay').on('click', function () { 10647 $('body').toggleClass('overflow-hidden'); 10648 $('.fas').toggleClass('open'); 10649 $('.fas-overlay').toggleClass('d-none'); 10650 }) 10651 10652 // RS 2025-06-25 Hide zip-code sort on Map page 10653 const $mapRadio = $("#fas-tab2"); // Map 10654 const $listRadio = $("#fas-tab1"); // List 10655 const $zipSearch = $("#search-by-zip"); 10656 const $useLocationButton = $(".get-location"); 10657 10658 function toggleVisibility() { 10659 if ($mapRadio.is(":checked")) { 10660 $zipSearch.hide(); 10661 $useLocationButton.hide(); 10662 } else { 10663 $zipSearch.css("display", "flex"); // или .show(), еÑли Ð¿Ð¾Ð´Ð¾Ð¹Ð´ÐµÑ 10664 $useLocationButton.show(); 10665 } 10666 } 10667 10668 // Initial check 10669 toggleVisibility(); 10670 10671 // Add event listeners 10672 $mapRadio.on("change", toggleVisibility); 10673 $listRadio.on("change", toggleVisibility); 10674 }); 10675 10676 $(".fas-tab-wrap label").on('keydown', function(event) { 10677 if (event.key === 'Enter') { 10678 var id = $(this).attr("for"); 10679 10680 $(".fas-tab-wrap input").each(function() { 10681 $(this).removeAttr('checked') 10682 }); 10683 10684 $("#"+id).attr('checked', 'checked') 10685 } 10686 }) 10687 10688 function errorMessage(type = 'show', message) { 10689 var $container = $('.find-ts-error'); 10690 if (type == 'show') { 10691 $container.animate({"opacity": "1", "height": "24px", "margin-top": "20px", "margin-bottom": "35px"}, 900); 10692 $container.html(message); 10693 10694 setTimeout(function () { 10695 $container.animate({"opacity": "0", "height": "0px", "margin-top": "0px", "margin-bottom": "0px"}, 900); 10696 }, 2000); 10697 } else { 10698 $container.animate({"opacity": "0", "height": "0px", "margin-top": "0px", "margin-bottom": "0px"}, 900); 10699 $container.html(""); 10700 } 10701 } 10702 10703 const $searchInput = $('#search-by-zip input'); 10704 const $searchButton = $('#search-by-zip button'); 10705 10706 $searchInput.on('keydown', function(event) { 10707 if (event.key === 'Enter') { 10708 $searchButton.click(); 10709 } 10710 }); 10711 10712 $('#search-by-zip button').on("click", function () { 10713 var $input = $('#search-by-zip input'); 10714 var zipCode = $input.val(); 10715 var $table = $('#store-locator_wrapper table'); 10716 10717 if (isValidZipCode(zipCode)) { 10718 $table.fadeOut(); 10719 $.ajax({
10720 url: '/skeleton/1.0/view/ws/ajax_find_a_store.php', 10721 type: 'POST', 10722 headers: {'X-CSRF-TOKEN': window.csrf_token}, 10723 data: { 10724 action: 'GET_LOCATION', 10725 zipCode: zipCode 10726 }, 10727 dataType: 'json', 10728 success: function (response) { 10729 if (response.status === 'success') { 10730 var targetLat = response.message.lat; 10731 var targetLng = response.message.lng; 10732 10733 var rows = $('#store-locator tr').get(); 10734 var uniqueRows = {}; 10735 10736 rows.forEach(function (row) { 10737 var lat = parseFloat($(row).data('lat')); 10738 var lng = parseFloat($(row).data('lng')); 10739 10740 if (!isNaN(lat) && !isNaN(lng)) { 10741 var distance = getDistanceFromLatLonInMiles(targetLat, targetLng, lat, lng); 10742 var roundedDistance = Math.round(distance); 10743 10744 $(row).find("td:nth-child(2) b").text(roundedDistance); 10745 $(row).find("td:nth-child(2)").css('display', 'block'); 10746 $(".fas-row-actions").each(function() { 10747 $(this).css('bottom', '30px'); 10748 }) 10749 10750 var key = lat.toFixed(6) + ',' + lng.toFixed(6); 10751 10752 if (!uniqueRows.hasOwnProperty(key)) { 10753 uniqueRows[key] = { element: row, distance: distance }; 10754 } 10755 } 10756 }); 10757 10758 var uniqueRowsArray = Object.values(uniqueRows); 10759 uniqueRowsArray.sort(function (a, b) { 10760 return a.distance - b.distance; 10761 10762 }); 10763 10764 // Select the parent container of the table rows 10765 var tableBody = $('#store-locator tbody'); 10766 10767 tableBody.empty(); // Ensure tbody is empty before appending new rows 10768 uniqueRowsArray.forEach(function (row) { 10769 tableBody.append(row.element); 10770 }); 10771 10772 // Reinitialize DataTable 10773 setTimeout(function () { 10774 $table.fadeIn(); // Show table after DataTable initialization 10775 }, 500); 10776 } else { 10777 console.log('Error message:', response.message); 10778 errorMessage('show', response.message); 10779 $table.fadeIn(); // Ensure table is visible even in case of error 10780 } 10781 }, 10782 error: function (xhr, status, error) { 10783 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 10784 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 10785 // console.error(xhr); 10786 // If backend returned HTML page 10787 if (xhr.responseText) { 10788 document.open(); 10789 document.write(xhr.responseText); 10790 document.close(); 10791 return; 10792 } 10793 } 10794 }); 10795 } else { 10796 console.log('Invalid ZIP Code'); 10797 errorMessage('show', 'ZIP code not found.'); 10798 $table.fadeIn(); // Ensure table is visible even in case of invalid ZIP 10799 } 10800 }); 10801 10802 function getDistanceFromLatLonInMiles(lat1, lon1, lat2, lon2) { 10803 var R = 3958.8; 10804 var dLat = deg2rad(lat2 - lat1); 10805 var dLon = deg2rad(lon2 - lon1); 10806 var a = 10807 Math.sin(dLat / 2) * Math.sin(dLat / 2) + 10808 Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) * 10809 Math.sin(dLon / 2) * Math.sin(dLon / 2); 10810 var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); 10811 var d = R * c; 10812 return d; 10813 } 10814 10815 function deg2rad(deg) { 10816 return deg * (Math.PI / 180); 10817 } 10818 10819 function getLocation() { 10820 if (navigator.geolocation) { 10821 navigator.geolocation.getCurrentPosition(showPosition, showError); 10822 } else { 10823 document.getElementById("location").innerHTML = "Geolocation is not supported by this browser."; 10824 } 10825 } 10826 10827 // subhan code to make the store selection 10828 $('body').on("click",".select-store", function () { 10829 const storeId = $(this).data('store'); 10830 // const storeId = ''; 10831 $.ajax({
10832 url: '/skeleton/1.0/view/ws/ajax_find_a_store.php', 10833 type: 'POST', 10834 headers: {'X-CSRF-TOKEN': window.csrf_token}, 10835 data: { 10836 action: 'SELECT_STORE', 10837 storeId: storeId 10838 }, 10839 dataType: 'json', 10840 success: function (response) { 10841 if (response.status === 'success') { 10842 window.location.reload(); 10843 } else { 10844 console.log('Error message:', response.message); 10845 // toastr.success(response.message); 10846 } 10847 }, 10848 error: function (xhr, status, error) { 10849 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 10850 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 10851 // console.error(xhr); 10852 // If backend returned HTML page 10853 if (xhr.responseText) { 10854 document.open(); 10855 document.write(xhr.responseText); 10856 document.close(); 10857 return; 10858 } 10859 } 10860 }); 10861 }); 10862 10863 10864 function showPosition(position) { 10865 console.log(position) 10866 const targetLat = position.coords.latitude; 10867 const targetLng = position.coords.longitude; 10868 10869 $.ajax({
10870 url: '/skeleton/1.0/view/ws/ajax_find_a_store.php', 10871 type: 'POST', 10872 headers: {'X-CSRF-TOKEN': window.csrf_token}, 10873 data: { 10874 action: 'UPDATE_LOCATION_BY_COORDINATES', 10875 lat: targetLat, 10876 lon: targetLng 10877 }, 10878 dataType: 'json', 10879 success: function (response) { 10880 if (response.success) { 10881 document.location.reload() 10882 } else { 10883 // errorMessage('show', response.message); 10884 10885 var $table = $('#store-locator_wrapper table'); 10886 var $tbody = $('#store-locator tbody'); 10887 10888 $table.fadeOut(); 10889 10890 setTimeout(function () { 10891 var rows = $tbody.find('tr').get(); 10892 10893 var uniqueRows = {}; 10894 10895 rows.forEach(function (row) { 10896 var lat = parseFloat($(row).data('lat')); 10897 var lng = parseFloat($(row).data('lng')); 10898 10899 if (!isNaN(lat) && !isNaN(lng)) { 10900 var distance = getDistanceFromLatLonInMiles(targetLat, targetLng, lat, lng); 10901 var roundedDistance = Math.round(distance); 10902 10903 $(row).find("td:nth-child(2) b").text(roundedDistance); 10904 $(row).find("td:nth-child(2)").css('display', 'block'); 10905 $(".fas-row-actions").css('bottom', '30px'); 10906 10907 var key = lat.toFixed(6) + ',' + lng.toFixed(6); 10908 10909 if (!uniqueRows.hasOwnProperty(key)) { 10910 uniqueRows[key] = {element: row, distance: distance}; 10911 } 10912 } 10913 }); 10914 10915 var uniqueRowsArray = Object.values(uniqueRows); 10916 10917 uniqueRowsArray.sort(function (a, b) { 10918 return a.distance - b.distance; 10919 }); 10920 10921 $tbody.empty(); 10922 uniqueRowsArray.forEach(function (row) { 10923 $tbody.append(row.element); 10924 }); 10925 10926 setTimeout(function () { 10927 $table.fadeIn(); 10928 }, 200); 10929 }, 200); 10930 } 10931 }, 10932 error: function (xhr, status, error) { 10933 // RS 2026-07-06 https://www.wrike.com/open.htm?id=4445249726 10934 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 10935 // console.error(xhr); 10936 // If backend returned HTML page 10937 if (xhr.responseText) { 10938 document.open(); 10939 document.write(xhr.responseText); 10940 document.close(); 10941 return; 10942 } 10943 } 10944 }); 10945 } 10946 10947 function showError(error) { 10948 switch (error.code) { 10949 case error.PERMISSION_DENIED: 10950 errorMessage("show", "You denied the request for Geolocation."); 10951 break; 10952 case error.POSITION_UNAVAILABLE: 10953 errorMessage("show", "Location information is unavailable, please enter ZIP Code"); 10954 break; 10955 case error.TIMEOUT: 10956 errorMessage("show", "The request to get user location timed out."); 10957 break; 10958 case error.UNKNOWN_ERROR: 10959 errorMessage("show", "An unknown error occurred."); 10960 break; 10961 } 10962 } 10963</script>
10963 10964
10964<script> 10965 const zipcode = document.getElementById('sl_zipcode'); 10966 if(zipcode){ 10967 zipcode.addEventListener('input', function (e) { 10968 this.value = this.value.replace(/\D/g, ''); 10969 }); 10970 } 10971 </script>
10971 10972 10973 <style> 10974 #bookInStore { 10975 background: transparent !important; 10976 display: flex !important; 10977 width: 75%; 10978 align-items: center; 10979 padding-left: 30px; 10980 } 10981 10982 #store-locator { 10983 width: 100% !important; 10984 } 10985 .page-item .page-link { 10986 color: black !important; 10987 box-shadow: none; 10988 } 10989 .page-item.active .page-link { 10990 border-color: #dee2e6!important; 10991 background: #f2f2f2 !important; 10992 } 10993 .page-item.disabled .page-link { 10994 color: gray !important; 10995 } 10996 10997 .page-item.active .page-link:hover { 10998 opacity: 0.7!important; 10999 } 11000 11001 .fas .col-md-5 { 11002 display: none; 11003 } 11004 11005 .fas .col-md-7 { 11006 max-width: 100%; 11007 flex: 100%; 11008 display: flex; 11009 justify-content: center; 11010 } 11011 11012 #store-locator_length, #store-locator_filter, #store-locator_info { 11013 display: none; 11014 } 11015 .fas-btn:hover { 11016 background-color: #3172ab; 11017 } 11018 11019 #store-locator_wrapper { 11020 overflow-x: hidden; 11021 } 11022 11023 .fas:not(.landing) { 11024 position: fixed; 11025 left: 50%; 11026 right: 0; 11027 top: 0; 11028 bottom: 0; 11029 z-index: 1045; 11030 background: white; 11031 transition: 300ms; 11032 transform: translateX(105%); 11033 box-shadow: 0 0 12px 2px rgba(0, 0, 0, .35); 11034 overflow-y: scroll; 11035 } 11036 11037 .fas:not(.landing) .fas-logo-store { 11038 display: none; 11039 } 11040 11041 label svg { 11042 width: 19px; 11043 height: 21px; 11044 margin: 0 13px 2px -13px; 11045 } 11046 11047 .fas.landing { 11048 max-width: 1260px; 11049 margin: 20px auto 0 auto; 11050 position: relative; 11051 } 11052 11053 .fas.landing label { 11054 z-index: 10; 11055 } 11056 11057 .fas-actions { 11058 align-items: center; 11059 margin-bottom: 20px; 11060 padding: 0 20px; 11061 right: 0; 11062 z-index: 9; 11063 width: 100%; 11064 display: grid !important; 11065 grid-template-columns: repeat(3, minmax(0, 1fr)); 11066 } 11067 11068 .fas.landing .fas-actions { 11069 position: absolute; 11070 } 11071 11072 .find-ts-error { 11073 text-align: center; 11074 margin: 0 auto; 11075 color: #8f0000; 11076 height: 0; 11077 font-weight: 600; 11078 } 11079 11080 .fas-tab__content table tr { 11081 position: relative; 11082 min-height: 150px; 11083 padding: 30px; 11084 display: flex; 11085 align-items: center; 11086 border-bottom: 1px solid #dbdbdb; 11087 } 11088 .fas-tab__content .row{ 11089 margin: 0!important; 11090 } 11091 11092 #search-by-zip { 11093 display: flex; 11094 align-items: center; 11095 margin: auto; 11096 } 11097 11098 .fas-row-store { 11099 width: 100%; 11100 padding-left: 0; 11101 display: flex; 11102 align-items: center; 11103 border: none; 11104 justify-content: left !important; 11105 } 11106 11107 .fas-row-store p { 11108 margin-bottom: 0 !important; 11109 } 11110 11111 .fas-logo-store { 11112 margin-bottom: 20px; 11113 } 11114 11115 .fas-logo-store { 11116 margin-right: 40px; 11117 display: flex; 11118 align-items: center; 11119 width: 150px; 11120 height: 150px; 11121 display: flex; 11122 align-items: center; 11123 justify-content: center; 11124 overflow: hidden; 11125 border-radius: 50%; 11126 } 11127 11128 .fas-logo-store img { 11129 width: 100%; 11130 height: 100%; 11131 object-fit: cover; 11132 object-position: center; 11133 } 11134 11135 .fas-row-distance { 11136 border: none; 11137 align-items: center; 11138 justify-content: end !important; 11139 display: none; 11140 position: absolute; 11141 right: 0; 11142 top: 5px; 11143 } 11144 11145 .fas-row-distance > div { 11146 align-items: center; 11147 display: flex; 11148 font-size: 18px; 11149 padding-right: 20px; 11150 justify-content: end; 11151 } 11152 11153 .fas-row-distance > div > b { 11154 margin: 15px; 11155 font-size: 20px; 11156 } 11157 11158 .fas-row-actions { 11159 border: none; 11160 align-items: center; 11161 display: flex; 11162 position: absolute; 11163 right: 0; 11164 } 11165 11166 .fas-row-actions svg { 11167 width: 25px; 11168 height: 25px; 11169 margin-bottom: 10px; 11170 } 11171 11172 .fas.landing #search-by-zip { 11173 justify-content: center 11174 } 11175 11176 #search-by-zip input { 11177 width: 180px!important; 11178 box-shadow: none !important; 11179 border: none!important;; 11180 border-radius: 0!important;; 11181 border-bottom: 1px solid darkgrey!important;; 11182 padding: 0 10px!important;; 11183 } 11184 11185 #search-by-zip button { 11186 width: auto; 11187 height: 28px; 11188 border-top-left-radius: 0; 11189 border-bottom-left-radius: 0; 11190 box-shadow: none !important; 11191 border-color: #ced4da; 11192 border: none; 11193 padding: 5px; 11194 padding-right: 10px; 11195 border-left: 0; 11196 } 11197 11198 .get-location { 11199 margin: 0 5px!important; 11200 padding: 0 5px !important; 11201 border: 1px solid white!important; 11202 text-align: end!important; 11203 width: auto!important; 11204 position: absolute!important; 11205 right: 0!important; 11206 } 11207 11208 .get-location svg { 11209 width: 18px;
11210 height: 16px; 11211 margin-top: 4px; 11212 margin-right: 3px; 11213 float: left; 11214 } 11215 11216 .fas-actions .map-btn { 11217 width: 100%; 11218 padding: 0 20px; 11219 } 11220 .map-btn a{ 11221 color: inherit; 11222 } 11223 11224 .fas.landing .fas-actions { 11225 max-width: 1260px; 11226 margin: auto; 11227 } 11228 11229 .fas.open { 11230 transform: translateX(0); 11231 } 11232 11233 .fas .close-fas-btn { 11234 width: 130px; 11235 padding: 3rem; 11236 cursor: pointer; 11237 margin-left: auto; 11238 } 11239 11240 .fas .btn { 11241 border-radius: 0; 11242 padding: 12px 25px; 11243 } 11244 11245 .fas svg:not(.store-hours-arrow) { 11246 margin-bottom: 7px; 11247 } 11248 11249 .fas-actions path { 11250 fill: #767676; 11251 } 11252 11253 .fas-overlay.d-none { 11254 opacity: 0; 11255 visibility: hidden; 11256 } 11257 11258 .fas-overlay { 11259 position: fixed; 11260 left: 0; 11261 right: 0; 11262 top: 0; 11263 bottom: 0; 11264 z-index: 1043; 11265 background: rgba(1, 1, 1, 0.5); 11266 opacity: 1; 11267 visibility: visible; 11268 } 11269 11270 .fas-tab__content tr td { 11271 justify-content: center; 11272 border-top: none!important; 11273 } 11274 11275 .fas-tab__content tr td:nth-child(3) { 11276 min-width: 30%; 11277 padding-bottom: 0; 11278 } 11279 11280 .fas button:focus { 11281 outline: none !important; 11282 box-shadow: none !important; 11283 } 11284 11285 .fas button:hover { 11286 opacity: 0.8 11287 } 11288 11289 11290 .green { 11291 color: green 11292 } 11293 .mtb-4 { 11294 margin: 40px 0; 11295 } 11296 .ma { 11297 margin-left: auto; 11298 margin-right: auto; 11299 } 11300 .mb-4 { 11301 margin-bottom: 40px; 11302 } 11303 .p-4 { 11304 padding: 40px; 11305 } 11306 .pb-3 { 11307 padding-bottom: 30px; 11308 } 11309 11310 .card a { 11311 cursor: pointer; 11312 } 11313 11314 @media (max-width: 768px) { 11315 .main_page_container .col-6 { 11316 max-width: 100%; 11317 flex: 0 0 100%; 11318 margin-bottom: 40px; 11319 } 11320 } 11321 11322 11323 11324 /***********/ 11325 @media (max-width: 1600px) { 11326 .fas-tab__content tr td:nth-child(3) { 11327 height: auto; 11328 justify-content: center; 11329 text-align: center; 11330 } 11331 11332 .fas:not(.landing) { 11333 left: 30%; 11334 } 11335 11336 11337 } 11338 11339 .fas-tab-wrap { 11340 transition: 0.3s box-shadow ease; 11341 border-radius: 6px; 11342 max-width: 100%; 11343 display: flex; 11344 flex-wrap: wrap; 11345 position: relative; 11346 list-style: none; 11347 background-color: #fff; 11348 } 11349 11350 .fas-tab { 11351 display: none; 11352 } 11353 11354 .fas-tab:checked:nth-of-type(1) ~ .fas-tab__content:nth-of-type(2) { 11355 opacity: 1; 11356 transition: 0.5s opacity ease-in, 0.8s transform ease; 11357 position: relative; 11358 top: 0; 11359 z-index: 97; 11360 transform: translateY(0px); 11361 text-shadow: 0 0 0; 11362 } 11363 11364 .fas-tab:checked:nth-of-type(2) ~ .fas-tab__content:nth-of-type(3) { 11365 opacity: 1; 11366 transition: 0.5s opacity ease-in, 0.8s transform ease; 11367 position: relative; 11368 top: 0; 11369 z-index: 97; 11370 transform: translateY(0px); 11371 text-shadow: 0 0 0; 11372 } 11373 11374 .fas-tab:first-of-type:not(:last-of-type) + label { 11375 border-top-right-radius: 0; 11376 border-bottom-right-radius: 0; 11377 } 11378 11379 .fas-tab:not(:first-of-type):not(:last-of-type) + label { 11380 border-radius: 0; 11381 } 11382 11383 .fas-tab:last-of-type:not(:first-of-type) + label { 11384 border-top-left-radius: 0; 11385 border-bottom-left-radius: 0; 11386 } 11387 11388 .fas-tab:checked + label { 11389 background-color: #f2f2f2; 11390 box-shadow: 0 -1px 0 #f2f2f2 inset; 11391 cursor: default; 11392 } 11393 11394 .fas-tab:checked + label:hover { 11395 background-color: #f2f2f2; 11396 box-shadow: 0 -1px 0 #f2f2f2 inset; 11397 } 11398 11399 .fas-tab + label { 11400 box-shadow: 0 -1px 0 #eee inset; 11401 border-radius: 6px 6px 0 0; 11402 cursor: pointer; 11403 display: block; 11404 text-decoration: none; 11405 color: #333; 11406 flex-grow: 3; 11407 text-align: center; 11408 background-color: #fff; 11409 -webkit-user-select: none; 11410 -moz-user-select: none;
11411 -ms-user-select: none; 11412 user-select: none; 11413 text-align: center; 11414 transition: 0.1s background-color ease, 0.1s box-shadow ease; 11415 height: 50px; 11416 box-sizing: border-box; 11417 padding: 15px; 11418 max-width: 150px; 11419 margin: 0; 11420 } 11421 11422 .fas-tab + label:hover { 11423 background-color: #f9f9f9; 11424 box-shadow: 0 1px 0 #f4f4f4 inset; 11425 } 11426 11427 .fas-tab__content { 11428 background-color: transparent; 11429 position: absolute; 11430 width: 100%; 11431 z-index: -1; 11432 opacity: 0; 11433 left: 0; 11434 transform: translateY(-3px); 11435 border-top: 1px solid #dbdbdb; 11436 } 11437 11438 .fas-tab__content tr:nth-child(odd) { 11439 background: #f8f8f8; 11440 } 11441 11442 .container { 11443 margin: 0 auto; 11444 display: block; 11445 width: 100%; 11446 } 11447 11448 .container > *:not(.fas-tab-wrap) { 11449 padding: 0 80px; 11450 } 11451 11452 /* MAP styles */ 11453 #map { 11454 height: 800px; 11455 width: 100%; 11456 } 11457 11458 .infoWindow { 11459 font-family: Arial, sans-serif; 11460 text-align: center; 11461 padding: 5px 10px; 11462 } 11463 11464 .infoWindow h2 { 11465 font-size: 22px; 11466 line-height: 20.7px; 11467 text-align: left; 11468 margin: 10px auto; 11469 } 11470 11471 .infoWindow h4 { 11472 font-size: 12px; 11473 line-height: 16px; 11474 font-weight: 100; 11475 margin-bottom: 15px; 11476 } 11477 11478 .infoWindow .actions { 11479 display: flex; 11480 justify-content: center; 11481 } 11482 11483 .infoWindow svg { 11484 width: 16px; 11485 height: 16px; 11486 margin: 0; 11487 } 11488 11489 .infoWindow button, 11490 .infoWindow a { 11491 border-radius: 15px; 11492 color: white; 11493 background: rgb(49, 114, 171); 11494 border: 1px solid rgb(49, 114, 171); 11495 margin: 0 3px; 11496 padding: 6px; 11497 display: flex; 11498 align-items: center; 11499 text-decoration: none; 11500 padding: 5px 9px; 11501 } 11502 11503 .infoWindow button:hover, 11504 .infoWindow a:hover { 11505 border: 1px solid rgb(49, 114, 171); 11506 } 11507 11508 .get-location { 11509 margin-top: 5px!important; 11510 } 11511 11512 @media (max-width: 1200px) { 11513 .fas:not(.landing) { 11514 left: 15%; 11515 } 11516 } 11517 11518 @media (max-width: 1101.9px) { 11519 .store-hours-container { 11520 display: flex; 11521 justify-content: center; 11522 } 11523 .fas-row-actions { 11524 position: relative; 11525 } 11526 .fas-row-distance { 11527 position: inherit; 11528 } 11529 .fas-row-distance > div { 11530 justify-content: center; 11531 margin-bottom: 20px; 11532 } 11533 .fas-row-store { 11534 display: block !important; 11535 } 11536 .fas-logo-store { 11537 margin: 0px auto 40px auto; 11538 } 11539 11540 .fas-tab__content tr td:nth-child(3) > div { 11541 grid-template-columns: repeat(2, minmax(0, 1fr)); 11542 } 11543 11544 .fas-tab__content tr td:nth-child(3) > div > div:nth-child(4) { 11545 grid-column: auto; 11546 } 11547 11548 .fas .close-fas-btn { 11549 padding: 1.5rem; 11550 width: 80px; 11551 } 11552 11553 .products-list .item-title { 11554 font-size: 14px; 11555 } 11556 11557 .fas { 11558 left: 0 !important; 11559 } 11560 11561 .fas-tab__content table tr { 11562 display: inline-grid !important; 11563 width: 100%; 11564 } 11565 11566 .fas-tab__content table td, .fas-tab__content table td > div:not(.fas-logo-store) { 11567 width: auto !important; 11568 text-align: center; 11569 } 11570 11571 .fas-row-distance { 11572 height: auto; 11573 } 11574 11575 .fas-tab__content tr td p{ 11576 margin: 0 auto; 11577 } 11578 11579 } 11580 11581 @media (max-width: 979.9px) { 11582 .fas-tab + label { 11583 max-width: 95px; 11584 } 11585 11586 label svg { 11587 width: 15px; 11588 margin: 0 8px 0 0; 11589 } 11590 } 11591 11592 @media (max-width: 550px) { 11593 .fas-actions .form-control { 11594 width: auto !important; 11595 } 11596 11597 .fas-tab-wrap > .fas-actions { 11598 padding: 0; 11599 margin: 0 10px !important; 11600 } 11601 11602 .fas-tab-wrap > .fas-actions > #search-by-zip > label { 11603 padding: 0; 11604 } 11605 11606 .fas-tab-wrap > .fas-actions > .get-location { 11607 margin: 0 10px 0 0 !important; 11608 } 11609 11610 #search-by-zip { 11611 width: 190px; 11612 margin: 0 auto 10px auto; 11613 } 11614 11615 .get-location { 11616 margin-top: 27px !important; 11617 } 11618 11619 .fas.landing { 11620 margin: 0; 11621 } 11622 11623 .fas.landing .fas-actions { 11624 position: inherit; 11625 } 11626 11627 .fas-actions { 11628 display: block; 11629 grid-template-columns: repeat(2, minmax(0, 1fr)); 11630 text-align: center; 11631 } 11632 11633 .fas-tab__content tr td { 11634 height: auto !important; 11635 } 11636 11637 .fas-actions > div:nth-child(1) { 11638 grid-column: 1 / -1; 11639 margin-bottom: 10px; 11640 padding: 0; 11641 } 11642 11643 .get-location { 11644 position: inherit; 11645 font-size: 14px; 11646 margin: auto; 11647 } 11648 11649 .fas-tab:checked + label { 11650 display: none; 11651 } 11652 } 11653 11654 @media (max-width: 480px) { 11655 .fas-row-actions > div { 11656 display: grid !important; 11657 grid-template-columns: repeat(2, minmax(0, 2fr)); 11658 } 11659 } 11660 11661 .fas.in_store_try { 11662 left: 63%; 11663 } 11664 11665 @media (max-width: 1600px) { 11666 .fas.in_store_try { 11667 left: 56%; 11668 } 11669 } 11670 11671 @media (max-width: 1200px) { 11672 .fas.in_store_try { 11673 left: 46%; 11674 } 11675 } 11676 </style> <div class="my-scope offcanvas left offcanvas-md" id="update-zipAddress"> 11677 <div class="offcanvas-header border-bottom"> 11678 <h3 class="general_style">Update Location</h3> 11679 <button aria-label="Close menu" class="close-offcanvas btn-close"></button> 11680 </div> 11681 <div class="offcanvas-body"> 11682 <form id="zipcode-form"> 11683 <p class="p2_general_style">Your location helps us to offer delivery options available for you.</p> 11684 <div class="input_general_style general_style"> 11685 <label for="zipcode" class="general_style ">Zipcode <span class="text-danger">*</span></label> 11686 <input type="text" id="zipcode" value="" name="zipcode" required="required" maxlength="50" class="form-control form-control-lg"> 11687 <div class="invalid-feedback">Please enter valid zip code.</div> 11688 </div> 11689 <button type="submit" title="Update Zipcode" aria-label="Update" class="btn-modal button_general_style">Update Location</button> 11690 </form> 11691 <button type="button" title="Use My Location" aria-label="Update" class="btn-modal-outline secondary_button_general_style use-my-location"> 11692 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" id="Layer_1" width="14px" height="14px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve"> 11693 <path fill="#231F20" d="M32,0C18.746,0,8,10.746,8,24c0,5.219,1.711,10.008,4.555,13.93c0.
11693051,0.094,0.059,0.199,0.117,0.289l16,24 C29.414,63.332,30.664,64,32,64s2.586-0.668,3.328-1.781l16-24c0.059-0.09,0.066-0.195,0.117-0.289C54.289,34.008,56,29.219,56,24 C56,10.746,45.254,0,32,0z M32,32c-4.418,0-8-3.582-8-8s3.582-8,8-8s8,3.582,8,8S36.418,32,32,32z"></path> 11694 </svg> 11695 Use My Location 11696 </button> 11697 </div> 11698</div>
11699<script> 11700 $(document).ready(function() { 11701 $("#zipcode-form").submit(function (e) { 11702 e.preventDefault(); 11703 var $input = $('#zipcode-form input'); 11704 const $error_box = $('#zipcode-form .invalid-feedback'); 11705 $error_box.hide(); 11706 var zipCode = $input.val(); 11707 console.log(zipCode) 11708 if (isValidZipCode(zipCode)) { 11709 $.ajax({ 11710 url: '/skeleton/1.0/view/ws/ajax_find_a_store.php', 11711 type: 'POST', 11712 headers: {'X-CSRF-TOKEN': window.csrf_token}, 11713 data: { 11714 action: 'UPDATE_LOCATION', 11715 zipCode: zipCode 11716 }, 11717 dataType: 'json', 11718 success: function (response) { 11719 if (response.success) { 11720 document.location.reload() 11721 } else { 11722 $error_box.show(); 11723 // errorMessage('show', response.message); 11724 } 11725 }, 11726 error: function (xhr, status, error) { 11727 // console.error(xhr); 11728 // If backend returned HTML page 11729 if (xhr.responseText) { 11730 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 11731 document.open(); 11732 document.write(xhr.responseText); 11733 document.close(); 11734 return; 11735 } 11736 } 11737 }); 11738 } else { 11739 $error_box.show(); 11740 // console.log('Invalid ZIP Code'); 11741 // errorMessage('show', 'ZIP code not found.'); 11742 } 11743 11744 }); 11745 11746 $('.use-my-location').on('click', function () { 11747 if (navigator.geolocation) { 11748 navigator.geolocation.getCurrentPosition(sendMyLocation, showError); 11749 } else { 11750 document.getElementById("location").innerHTML = "Geolocation is not supported by this browser."; 11751 } 11752 }); 11753 11754 function sendMyLocation(position) { 11755 console.log(position) 11756 const targetLat = position.coords.latitude; 11757 const targetLng = position.coords.longitude; 11758 11759 $.ajax({ 11760 url: '/skeleton/1.0/view/ws/ajax_find_a_store.php', 11761 type: 'POST', 11762 headers: {'X-CSRF-TOKEN': window.csrf_token}, 11763 data: { 11764 action: 'UPDATE_LOCATION_BY_COORDINATES', 11765 lat: targetLat, 11766 lon: targetLng 11767 }, 11768 dataType: 'json', 11769 success: function (response) { 11770 if (response.success) { 11771 document.location.reload() 11772 } else { 11773 console.log('cannot update location'); 11774 } 11775 }, 11776 error: function (xhr, status, error) { 11777 // console.error(xhr); 11778 // If backend returned HTML page 11779 if (xhr.responseText) { 11780 if (window.scHandleAjaxError && window.scHandleAjaxError(xhr)) return; 11781 document.open(); 11782 document.write(xhr.responseText); 11783 document.close(); 11784 return; 11785 } 11786 } 11787 }); 11788 } 11789 11790 function showError(error) { 11791 switch (error.code) { 11792 case error.PERMISSION_DENIED: 11793 errorMessage("show", "You denied the request for Geolocation."); 11794 break; 11795 case error.POSITION_UNAVAILABLE: 11796 errorMessage("show", "Location information is unavailable, please enter ZIP Code"); 11797 break; 11798 case error.TIMEOUT: 11799 errorMessage("show", "The request to get user location timed out."); 11800 break; 11801 case error.UNKNOWN_ERROR: 11802 errorMessage("show", "An unknown error occurred."); 11803 break; 11804 } 11805 } 11806 }); 11807</script>
11807<footer class="appearance-desktop-view-template"> 11808 11809 11810 11811 <div class="footer_container footer_container_1"> 11812 11813 11814 11815 11816 <div class="flex_row flex_row_1"> 11817 11818 11819 <div class="flex_col flex_col_1"> 11820 11821 11822 </div> 11823 11824 <style> 11825 .footer_container_1 .flex_row_1 .flex_col_1 { 11826 } 11827 </style> 11828 11829 11830 11831 <div class="flex_col flex_col_2"> 11832 11833 11834 </div> 11835 11836 <style> 11837 .footer_container_1 .flex_row_1 .flex_col_2 { 11838 } 11839 </style> 11840 11841 11842 11843 <div class="flex_col flex_col_3"> 11844 11845 11846<div class="flex_cell flex_cell_1 social_icons"> 11847 <div class="flex_cell_content"> 11848 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1"> 11849 <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </a> 11850 11851 <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2"> 11852 <svg role="img" aria-label="X" width="1342" height="1342" viewBox="0 0 1342 1342" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" fill-rule="evenodd" clip-rule="evenodd" d="M1341 670.962C1341 1040.97 1041.03 1340.92 671 1340.92C300.969 1340.92 1 1040.97 1 670.962C1 300.952 300.969 1 671 1C1041.03 1 1341 300.952 1341 670.962ZM578.531 710.981L258.279 282.805H505.104L715.056 563.509L974.896 282.805H1047.43L747.461 606.853L1085.74 1059.11H838.914L610.95 754.31L328.797 1059.11H256.261L578.531 710.981ZM478.337 336.226H364.946L865.668 1005.69H979.058L478.337 336.226Z" fill="black"/><path d="M258.279 282.805V282.305H257.281L257.879 283.105L258.279 282.805ZM578.531 710.981L578.898 711.32L579.181 711.015L578.931 710.681L578.531 710.981ZM505.104 282.805L505.505 282.506L505.355 282.305H505.104V282.805ZM715.056 563.509L714.656 563.809L715.015 564.289L715.423 563.849L715.056 563.509ZM974.896 282.805V282.305H974.678L974.529 282.466L974.896 282.805ZM1047.43 282.805L1047.8 283.145L1048.58 282.305H1047.43V282.805ZM747.461 606.853L747.094 606.513L746.811 606.819L747.061 607.152L747.461 606.853ZM1085.74 1059.11V1059.61H1086.74L1086.14 1058.81L1085.74 1059.11ZM838.914 1059.11L838.514 1059.41L838.664 1059.61H838.914V1059.11ZM610.95 754.31L611.351 754.011L610.991 753.53L610.583 753.971L610.95 754.31ZM328.797 1059.11V1059.61H329.015L329.163 1059.45L328.797 1059.11ZM256.261 1059.11L255.894 1058.77L255.116 1059.61H256.261V1059.11ZM364.946 336.226V335.726H363.948L364.546 336.526L364.946 336.226ZM478.337 336.226L478.737 335.927L478.587 335.726H478.337V336.226ZM865.668 1005.69L865.268 1005.99L865.418 1006.19H865.668V1005.69ZM979.058 1005.69V1006.19H980.057L979.459 1005.39L979.058 1005.69ZM671 1341.42C1041.31 1341.42 1341.5 1041.25 1341.5 670.962H1340.5C1340.5 1040.69 1040.75 1340.42 671 1340.42V1341.42ZM0.5 670.962C0.5 1041.25 300.693 1341.42 671 1341.42V1340.42C301.245 1340.42 1.5 1040.69 1.5 670.962H0.5ZM671 0.5C300.693 0.5 0.5 300.676 0.5 670.962H1.5C1.5 301.228 301.245 1.5 671 1.5V0.5ZM1341.5 670.962C1341.5 300.676 1041.31 0.5 671 0.5V1.5C1040.75 1.5 1340.5 301.228 1340.5 670.962H1341.5ZM257.879 283.105L578.131 711.28L578.931 710.681L258.679 282.506L257.879 283.105ZM505.104 282.305H258.279V283.305H505.104V282.305ZM715.456 563.21L505.505 282.506L504.704 283.105L714.656 563.809L715.456 563.21ZM974.529 282.466L714.689 563.17L715.423 563.849L975.263 283.145L974.529 282.466ZM1047.43 282.305H974.896V283.305H1047.43V282.305ZM747.828 607.192L1047.8 283.145L1047.07 282.466L747.094 606.513L747.828 607.192ZM1086.14 1058.81L747.862 606.553L747.061 607.152L1085.34 1059.41L1086.14 1058.81ZM838.914 1059.61H1085.74V1058.61H838.914V1059.61ZM610.55 754.61L838.514 1059.41L839.315 1058.81L611.351 754.011L610.55 754.61ZM329.163 1059.45L611.317 754.65L610.583 753.971L328.43 1058.77L329.163 1059.45ZM256.261 1059.61H328.797V1058.61H256.261V1059.61ZM578.164 710.641L255.894 1058.77L256.628 1059.45L578.898 711.32L578.164 710.641ZM364.946 336.726H478.337V335.726H364.946V336.726ZM866.068 1005.39L365.347 335.927L364.546 336.526L865.268 1005.99L866.068 1005.39ZM979.058 1005.19H865.668V1006.19H979.058V1005.19ZM477.936 336.526L978.658 1005.99L979.459 1005.39L478.737 335.927L477.936 336.526Z" fill="white"/></svg> </a> 11853 11854 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers
11854/" style="order: 3"> 11855 <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a> 11856 11857 <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UCQ4ouMJM2mY7apgDZpzNWow" style="order: 4"> 11858 <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> 11859 11860 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5"> 11861 <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg> </a> 11862 11863 <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6"> 11864 <svg role="img" aria-label="Yelp" viewBox="0 0 384 512"><path class="path_class" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z"/></svg> </a> 11865 11866 11867 11868 11869 <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9"> 11870 <svg class="path_class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg> </a> 11871 11872 </div> 11873</div> 11874 11875<style> 11876 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 11877 width:100%; justify-content: flex-end; 11878 align-items:center; -webkit-align-items:center; } 11879 11880 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 11881 height:100%; } 11882 11883 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content { 11884 display: flex; 11885 margin-top:50px; margin-bottom:50px; margin-left:px; margin-right:400px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 11886 11887 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a { 11888 display: flex; 11889 align-items: center; 11890 color:#ffffff; font-weight:400; font-style:normal; margin-left: 6px; 11891 margin-right: 6px; 11892 font-size:17px;font-family:ITC Avant Garde; text-transform:none; } 11893 11894 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{ 11895 margin-right: 5px; 11896 width:16px; height:16px; } 11897 11898 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class { 11899 fill: currentColor; 11900 } 11901 11902 11903 .footer_container_1>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover { 11904 color:#ffffff; } 11905</style> 11906 11907 </div> 11908 11909 <style> 11910 .footer_container_1 .flex_row_1 .flex_col_3 { 11911 width:98%; } 11912 </style> 11913 11914 11915 11916 <div class="flex_col flex_col_4"> 11917 11918 11919 </div> 11920 11921 <style> 11922 .footer_container_1 .flex_row_1 .flex_col_4 { 11923 width:2%; } 11924 </style> 11925 11926 11927 11928 </div> 11929 11930 11931 <style> 11932 .footer_container_1 .flex_row_1 { 11933 background-color: #122d57; 11934 color:#000000; height:auto; 11935 } 11936 </style> 11937 11938 11939 11940 11941 11942 11943 <div class="flex_row flex_row_2"> 11944 11945 11946 <div class="flex_col flex_col_1"> 11947 11948 11949 </div> 11950 11951 <style> 11952 .footer_container_1 .flex_row_2 .flex_col_1 { 11953 width:2%; } 11954 </style> 11955 11956 11957 11958 <div class="flex_col flex_col_2"> 11959 11960 <div class="flex_cell flex_cell_1 custom_code"> 11961 <div class="flex_cell_content"> 11962 <div style="padding-bottom: 40px;"> 11963<div style="padding-bottom: 40px;"> 11964<table border="0" class="ftbl"> 11965<tbody> 11966<tr class="tr1"> 11967<td> 11968<div class="right-side"> 11969<div class="col1"> 11970<div id="fclm1img" style="width: 165px; height: 165px; background: #ccc; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden;"><img style="max-width: 100%; object-fit: cover; height: 100% !important;" alt="Albert's Jewelers Logo" title="Albert's Jewelers Logo" width="500" height="500" src="/public/1.0/uploads/source/alberts-logo-footer-1.png" /></div> 11971</div> 11972<div class="col2"> 11973<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Visit our showroom</h5> 11974<p>711 Main St. Schererville, Indiana 46375</p> 11975<a style="color: #fff; font-size: 14px;" href="https://www.google.com/maps/place/Albert's+Diamond+Jewelers/@41.5223006,-87.4714827,17z/data=!3m1!4b1!4m6!3m5!1s0x8811e13019bb206d:0xb4de08229baafd1d!8m2!3d41.5222966!4d-87.469294!16s%2Fg%2F1tk688rc" title="Get Directions">Get Directions</a></div> 11976</div> 11977</td> 11978<td class="td2"></td> 11979<td style="padding-top: 0px;"> 11980<div class="left-side"> 11981<div class="col1"><span style="font-size: 14px; font-weight: bold;">Regular Hours</span> 11982<p><br />Mon - Sat:</p> 11983<p>11:00am - 6:00pm</p> 11984<p>Sunday: Closed </p> 11985<p></p> 11986</div> 11987<div class="col2"> 11988<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5> 11989<a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="tel:219-322-2700" title="phone">Call: 219-322-2700</a><a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="sms:219-322-2700" title="sms">Text: 219-322-2700</a> <a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="/cdn-cgi/l/email-protection#c8a5a9baa3adbca1a6af88a9a4aaadbabcbba2adbfada4adbabbe6aba7a5" title="mail">
11989<span class="__cf_email__" data-cfemail="167b77647d73627f787156777a74736462657c7361737a7364653875797b">[email protected]</span></a></div> 11990</div> 11991</td> 11992</tr> 11993<tr class="tr2"> 11994<td> 11995<div class="tr2right-side"> 11996<p class="tr2right-side-p1"></p> 11997<p class="tr2right-side-p2">Receive email updates on stuff you’ll probably want to know about, including products, launches, and events. Unsubscribe anytime. Some exclusions apply.</p> 11998<a class="newsletter_btn" href="/newsletter-signup" title="Newsletter Signup" style="margin-top: 5px; color: #ffffff; font-weight: 400; font-style: normal; font-size: 14px; font-family: ITC Avant Garde; display: inline-flex; white-space: nowrap; align-items: center; padding: 10px 40px; justify-content: center; text-transform: none; border-radius: 0px; border: 1px solid #ffffff;"> Newsletter Signup <svg role="img" aria-label="Sign Up" version="1.1" id="Layer_1" x="0px" y="0px" width="38px" height="20px" viewbox="0 0 38 20" enable-background="new 0 0 38 20" xml:space="preserve" style="height: 16px; margin-left: 6px; fill: currentColor;"> <g> <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948 11999 c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023 12000 C37.278,15.4,37.687,14.886,37.6,14.35z"></path> <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9 12001 c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"></path> <polygon points="37.365,12.915 35.811,3.366 30.242,9.03 "></polygon> <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34 "></polygon> <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"></rect> <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"></rect> </g> </svg> </a></div> 12002</td> 12003<td></td> 12004<td> 12005<div class="tr2left-side"> 12006<div class="tr2col1"><a href="/david-yurman" style="color: #fff;" title="David Yurman">David Yurman »</a> <a href="/cartier-watches" style="color: #fff;" title="Cartier">Cartier »</a><a href="/verragio" style="color: #fff;" title="Verragio">Verragio »</a></div> 12007<div class="tr2col2"><a href="/roberto-coin" style="color: #fff;" title="Roberto Coin">Roberto Coin »</a> <a href="/privacy-policy" style="color: #fff;" title="Privacy Policy">Privacy Policy »</a><a href="/cookie-policy" style="color: #fff;" title="Cookie Policy">Cookie Policy »</a></div> 12008<div class="tr2col3"><a href="/return-policy" style="color: #fff;" title="Return Policy">Return Policy »</a> <a href="/mobile-terms-of-service" style="color: #fff; max-width: 180px;" title="Mobile Terms of Service">Mobile Terms of Service » </a><a style="color: #fff; max-width: 180px;" title=""></a></div> 12009</div> 12010</td> 12011</tr> 12012</tbody> 12013</table> 12014</div> 12015</div> 12016<style> 12017 .ftbl{ 12018 color:#fff; 12019 font-family: 'ITC Avant Garde'; 12020 /*padding:0 3%;*/ 12021 padding-bottom:43px; 12022 } 12023 .tr1 td{ 12024 padding-bottom: 98px; 12025 } 12026 .tr3 { 12027 position: relative; 12028 display:none; 12029 } 12030 .tr3 td{ 12031 padding-top: 76px; 12032 padding-bottom: 43px; 12033 } 12034 .ftbl h5, 12035 .ftbl p{ 12036 margin:0; 12037 } 12038 .ftbl h5{ 12039 line-height: 25px; 12040 font-size: 28px; 12041 font-weight: 400; 12042 padding-bottom: 9px; 12043 } 12044 .ftbl .right-side p{ 12045 font-size: 14px; 12046 font-weight: 400; 12047 width: 235px; 12048 line-height: 18px; 12049 } 12050 .ftbl .left-side p{ 12051 font-size: 14px; 12052 font-weight: 400; 12053 line-height: 18px; 12054 } 12055 #fclm1img { 12056 width: 165px; 12057 height: 165px; 12058 background: #ccc; 12059 border-radius: 50%; 12060 display: flex; 12061 justify-content: center; 12062 align-items: center; 12063 overflow: hidden; 12064 } 12065 .td2{ 12066 width:100%; 12067 } 12068 .right-side{ 12069 display: flex; 12070 } 12071 .left-side{ 12072 display: flex; 12073 padding-bottom: 34px; 12074 justify-content: start; 12075 /* width: 380px; */ 12076 } 12077 12078 .right-side .col1{ 12079 padding-right: 34px; 12080 } 12081 .left-side .col1{ 12082 padding-right: 90px; 12083 } 12084 .right-side .col2{ 12085 width: 300px; 12086 display: flex; 12087 flex-direction: column; 12088 justify-content: start; 12089 padding-top: 30px; 12090 } 12091 .right-side .col2 h5{ 12092 text-transform: capitalize; 12093 white-space: nowrap; 12094 } 12095 .left-side h5{ 12096 font-size: 14px; 12097 font-weight: 700; 12098 padding-bottom: 15px; 12099 } 12100 .tr2right-side{ 12101 padding-right:10px ; 12102 } 12103 .tr2right-side input{ 12104 width: 595px; 12105 height: 51px; 12106 background: transparent !important; 12107 border:none; 12108 border-bottom: 1px solid #fff !important; 12109 color: #fff; 12110 width: 350px; 12111 border-radius: 0px !important; 12112 text-indent:0px; 12113 outline: none; 12114 } 12115 .tr2right-side input:focus{ 12116 border:none; 12117 border-bottom: 1px solid #fff !important; 12118 border-radius: 0px !important; 12119background: transparent;color: white !important; 12120 box-shadow: none !important; 12121 outline: none !important; 12122 } 12123 .tr2right-side input::placeholder { 12124 color: #fff; 12125 font-size: 14px; 12126 padding: 13px 19px 13px 0; 12127 } 12128 .tr2left-side{ 12129 display: flex; 12130 height: 120px; 12131 } 12132 .tr2col1,.tr2col2,.tr2col3{ 12133 display: flex; 12134 flex-direction: column; 12135 justify-content: space-around; 12136 min-width: 130px; 12137 box-sizing: content-box; 12138 } 12139 .tr2col2{ 12140 padding-left: 80px; 12141 padding-right: 80px; 12142 } 12143 .tr2col3{ 12144 height: auto; 12145 width: 200px; 12146 } 12147 .tr2left-side a{ 12148 color:#fff; 12149 text-decoration: none; 12150 } 12151 .tr2right-side-p2{ 12152 font-size: 14px; 12153 font-weight: 400; 12154 padding: 10px 0 20px 0; 12155 padding: 10px 0 0px 0; 12156 } 12157 12158 .tr3col1{ 12159 margin-right:33px; 12160 } 12161 .tr3col2{ 12162 display: flex; 12163 flex-direction: column; 12164 justify-content: end; 12165 } 12166 .tr3td3{ 12167 padding-top: 76px; 12168 display: flex; 12169 flex-direction: column; 12170 justify-content: end; 12171 align-items: end; 12172 position: absolute; 12173 bottom: 0; 12174 right: 0; 12175 } 12176 #tr3col1imbl{ 12177 max-width: 165px; 12178 display: flex; 12179 overflow: hidden; 12180 } 12181 #tr3col1imbl img{ 12182 object-fit: cover; 12183 } 12184 .tr3td3 a{ 12185 color: #fff; 12186 text-decoration: none; 12187 font-size: 14px; 12188 text-align: right; 12189 } 12190 .ftbl .tr3col2 p{ 12191 width:100%; 12192 } 12193 @media (max-width:1200px){ 12194 .tr2col2{ 12195 padding-left: 95px; 12196 padding-right: 95px; 12197 } 12198 .tr2col1, .tr2col2, .tr2col3{ 12199 min-width: auto; 12200 } 12201 .ftbl .tr3col2 p{ 12202 width:95%; 12203 } 12204 .left-side .col1{ 12205 padding-right: 60px; 12206 } 12207 .tr2right-side input{ 12208 width: 470px; 12209 width: 350px; 12210 } 12211 .tr2col3 { 12212 width: 140px; 12213 } 12214 .ftbl h5 { 12215 padding-bottom: 15px; 12216 } 12217 .right-side .col2 { 12218 padding-top: 15px; 12219 } 12220 } 12221@media(max-width:1200px) and (min-width:992px){ 12222footer .flex_cell.flex_cell_1.social_icons .flex_cell_content{ 12223 margin-right: 232px !important; 12224} 12225} 12226 </style> </div> 12227</div> 12228 12229<style> 12230 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 12231 width:100%; } 12232 12233 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 12234 } 12235 12236 .footer_container_1>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 12237 width: 100%; 12238 height: 100%; 12239 } 12240</style> 12241 </div> 12242 12243 <style> 12244 .footer_container_1 .flex_row_2 .flex_col_2 { 12245 width:96%; } 12246 </style> 12247 12248 12249 12250 <div class="flex_col flex_col_3"> 12251 12252 12253 </div> 12254 12255 <style> 12256 .footer_container_1 .flex_row_2 .flex_col_3 { 12257 width:2%; } 12258 </style> 12259 12260 12261 12262 </div> 12263 12264 12265 <style> 12266 .footer_container_1 .flex_row_2 { 12267 background-color: #122d57; 12268 color:#000000; height:auto; 12269 } 12270 </style> 12271 12272 12273 12274 12275 </div> 12276 <style> 12277 .footer_container .flex_row { 12278 display: flex; 12279 } 12280 .footer_container_1 { 12281 width:100%; 12282 max-width:100%; 12283 margin: 0 auto; 12284 } 12285 .footer_container .flex_row .flex_col{ 12286 display: flex; 12287 flex-wrap: wrap; 12288 box-sizing: border-box; 12289 align-content: baseline; 12290 } 12291 .footer_container .flex_row .flex_col .flex_cell{ 12292 height: fit-content; 12293 display: flex; 12294 } 12295 .footer_container .flex_row .flex_col .flex_cell a{ 12296 text-decoration: none; 12297 } 12298 .footer_container img { 12299 max-width: 100%; 12300 } 12301 </style> 12302 12303 12304</footer> 12305<footer class="appearance-tablet-view-template"> 12306 12307 12308 12309 <div class="footer_container footer_container_2"> 12310 12311 12312 12313 12314 <div class="flex_row flex_row_1"> 12315 12316 12317 <div class="flex_col flex_col_1"> 12318 12319 12320 </div> 12321 12322 <style> 12323 .footer_container_2 .flex_row_1 .flex_col_1 { 12324 } 12325 </style> 12326 12327 12328 12329 <div class="flex_col flex_col_2"> 12330 12331 12332 </div> 12333 12334 <style> 12335 .footer_container_2 .flex_row_1 .flex_col_2 { 12336 } 12337 </style> 12338 12339 12340 12341 <div class="flex_col flex_col_3"> 12342 12343 12344<div class="flex_cell flex_cell_1 social_icons"> 12345 <div class="flex_cell_content"> 12346 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1">
12347 <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </a> 12348 12349 <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2"> 12350 <svg role="img" aria-label="X" width="1342" height="1342" viewBox="0 0 1342 1342" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" fill-rule="evenodd" clip-rule="evenodd" d="M1341 670.962C1341 1040.97 1041.03 1340.92 671 1340.92C300.969 1340.92 1 1040.97 1 670.962C1 300.952 300.969 1 671 1C1041.03 1 1341 300.952 1341 670.962ZM578.531 710.981L258.279 282.805H505.104L715.056 563.509L974.896 282.805H1047.43L747.461 606.853L1085.74 1059.11H838.914L610.95 754.31L328.797 1059.11H256.261L578.531 710.981ZM478.337 336.226H364.946L865.668 1005.69H979.058L478.337 336.226Z" fill="black"/><path d="M258.279 282.805V282.305H257.281L257.879 283.105L258.279 282.805ZM578.531 710.981L578.898 711.32L579.181 711.015L578.931 710.681L578.531 710.981ZM505.104 282.805L505.505 282.506L505.355 282.305H505.104V282.805ZM715.056 563.509L714.656 563.809L715.015 564.289L715.423 563.849L715.056 563.509ZM974.896 282.805V282.305H974.678L974.529 282.466L974.896 282.805ZM1047.43 282.805L1047.8 283.145L1048.58 282.305H1047.43V282.805ZM747.461 606.853L747.094 606.513L746.811 606.819L747.061 607.152L747.461 606.853ZM1085.74 1059.11V1059.61H1086.74L1086.14 1058.81L1085.74 1059.11ZM838.914 1059.11L838.514 1059.41L838.664 1059.61H838.914V1059.11ZM610.95 754.31L611.351 754.011L610.991 753.53L610.583 753.971L610.95 754.31ZM328.797 1059.11V1059.61H329.015L329.163 1059.45L328.797 1059.11ZM256.261 1059.11L255.894 1058.77L255.116 1059.61H256.261V1059.11ZM364.946 336.226V335.726H363.948L364.546 336.526L364.946 336.226ZM478.337 336.226L478.737 335.927L478.587 335.726H478.337V336.226ZM865.668 1005.69L865.268 1005.99L865.418 1006.19H865.668V1005.69ZM979.058 1005.69V1006.19H980.057L979.459 1005.39L979.058 1005.69ZM671 1341.42C1041.31 1341.42 1341.5 1041.25 1341.5 670.962H1340.5C1340.5 1040.69 1040.75 1340.42 671 1340.42V1341.42ZM0.5 670.962C0.5 1041.25 300.693 1341.42 671 1341.42V1340.42C301.245 1340.42 1.5 1040.69 1.5 670.962H0.5ZM671 0.5C300.693 0.5 0.5 300.676 0.5 670.962H1.5C1.5 301.228 301.245 1.5 671 1.5V0.5ZM1341.5 670.962C1341.5 300.676 1041.31 0.5 671 0.5V1.5C1040.75 1.5 1340.5 301.228 1340.5 670.962H1341.5ZM257.879 283.105L578.131 711.28L578.931 710.681L258.679 282.506L257.879 283.105ZM505.104 282.305H258.279V283.305H505.104V282.305ZM715.456 563.21L505.505 282.506L504.704 283.105L714.656 563.809L715.456 563.21ZM974.529 282.466L714.689 563.17L715.423 563.849L975.263 283.145L974.529 282.466ZM1047.43 282.305H974.896V283.305H1047.43V282.305ZM747.828 607.192L1047.8 283.145L1047.07 282.466L747.094 606.513L747.828 607.192ZM1086.14 1058.81L747.862 606.553L747.061 607.152L1085.34 1059.41L1086.14 1058.81ZM838.914 1059.61H1085.74V1058.61H838.914V1059.61ZM610.55 754.61L838.514 1059.41L839.315 1058.81L611.351 754.011L610.55 754.61ZM329.163 1059.45L611.317 754.65L610.583 753.971L328.43 1058.77L329.163 1059.45ZM256.261 1059.61H328.797V1058.61H256.261V1059.61ZM578.164 710.641L255.894 1058.77L256.628 1059.45L578.898 711.32L578.164 710.641ZM364.946 336.726H478.337V335.726H364.946V336.726ZM866.068 1005.39L365.347 335.927L364.546 336.526L865.268 1005.99L866.068 1005.39ZM979.058 1005.19H865.668V1006.19H979.058V1005.19ZM477.936 336.526L978.658 1005.99L979.459 1005.39L478.737 335.927L477.936 336.526Z" fill="white"/></svg> </a> 12351 12352 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers/" style="order: 3"> 12353 <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a> 12354 12355 <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UC
12355Q4ouMJM2mY7apgDZpzNWow" style="order: 4"> 12356 <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> 12357 12358 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5"> 12359 <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg> </a> 12360 12361 <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6"> 12362 <svg role="img" aria-label="Yelp" viewBox="0 0 384 512"><path class="path_class" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z"/></svg> </a> 12363 12364 12365 12366 12367 <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9"> 12368 <svg class="path_class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg> </a> 12369 12370 </div> 12371</div> 12372 12373<style> 12374 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 12375 width:100%; justify-content: flex-end; 12376 align-items:center; -webkit-align-items:center; } 12377 12378 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons { 12379 height:100%; } 12380 12381 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons>.flex_cell_content { 12382 display: flex; 12383 margin-top:50px; margin-bottom:0px; margin-left:px; margin-right:72px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 12384 12385 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a { 12386 display: flex; 12387 align-items: center; 12388 color:#ffffff; font-weight:400; font-style:normal; margin-left: 6px; 12389 margin-right: 6px; 12390 font-size:17px;font-family:ITC Avant Garde; text-transform:none; } 12391 12392 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a svg{ 12393 margin-right: 5px; 12394 width:16px; height:16px; } 12395 12396 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a .path_class { 12397 fill: currentColor; 12398 } 12399 12400 12401 .footer_container_2>.flex_row_1>.flex_col_3>.flex_cell_1.social_icons a:hover { 12402 color:#ffffff; } 12403</style> 12404 12405 </div> 12406 12407 <style> 12408 .footer_container_2 .flex_row_1 .flex_col_3 { 12409 width:98%; } 12410 </style> 12411 12412 12413 12414 <div class="flex_col flex_col_4"> 12415 12416 12417 </div> 12418 12419 <style> 12420 .footer_container_2 .flex_row_1 .flex_col_4 { 12421 width:2%; } 12422 </style> 12423 12424 12425 12426 </div> 12427 12428 12429 <style> 12430 .footer_container_2 .flex_row_1 { 12431 background-color: #122d57; 12432 color:#000000; height:auto; 12433 } 12434 </style> 12435 12436 12437 12438 12439 12440 12441 <div class="flex_row flex_row_2"> 12442 12443 12444 <div class="flex_col flex_col_1"> 12445 12446 12447 </div> 12448 12449 <style> 12450 .footer_container_2 .flex_row_2 .flex_col_1 { 12451 width:2%; } 12452 </style> 12453 12454 12455 12456 <div class="flex_col flex_col_2"> 12457 12458 <div class="flex_cell flex_cell_1 custom_code"> 12459 <div class="flex_cell_content"> 12460 <div style="padding-bottom: 63px;"> 12461<table border="0" class="ftbl"> 12462<tbody> 12463<tr class="tr1"> 12464<td class="td1"> 12465<div class="right-side"> 12466<div class="col1"> 12467<div id="fclm1img" style="width: 165px; h;height: 165px; ackground: #ccc; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden;"><img style="max-width: 100%; object-fit: cover; height: 100% !important;" alt="Albert's Jewelers Logo" title="Albert's Jewelers Storefront" width="500" height="500" src="/public/1.0/uploads/source/alberts-logo-footer-1.png" /></div> 12468</div> 12469<div class="col2"> 12470<h5 style="color: #fff; font-family: 'ITC Avant Garde';">Visit our showroom</h5> 12471<p>711 Main St. Schererville <br />Indiana 46375</p> 12472<a style="color: #fff; font-size: 14px;" href="https://www.google.com/maps/place/Albert's+Diamond+Jewelers/@41.5223006,-87.4714827,17z/data=!3m1!4b1!4m6!3m5!1s0x8811e13019bb206d:0xb4de08229baafd1d!8m2!3d41.5222966!4d-87.469294!16s%2Fg%2F1tk688rc" title="Get Directions">Get Directions</a></div> 12473</div> 12474</td> 12475<td class="td2"></td> 12476<td> 12477<div class="left-side"> 12478<div class="col1"> 12479<pre style="color: #fff; font-family: 'ITC Avant Garde';"><span style="font-size: 10pt;"><strong>Regular Hours<br /></strong></span></pre> 12480<p>Mon-Sat: 11am — 6pm</p> 12481<p>Sunday: Closed</p> 12482<p></p> 12483</div> 12484<div class="col2"> 12485<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5> 12486<a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="tel:219-322-2700" title="phone">Call: 219-322-2700</a><a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="sms:219-322-2700" title="sms">Text: 219-322-2700</a> <a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="/cdn-cgi/l/email-protection#f59894879e90819c9b92b5949997908781869f90829099908786db969a98" title="mail"><span class="__cf_email__" data-cfemail="670a06150c02130e090027060b05021513140d0210020b0215144904080a">[email protected]</span></a></div> 12487</div> 12488</td> 12489</tr> 12490<tr class="tr2"> 12491<td> 12492<div class="tr2right-side"> 12493<p class="tr2right-side-p2">Receive email updates on stuff you’ll probably want to know about, including products, launches, and events. Unsubscribe anytime. Some exclusions apply.</p> 12494<a class="newsletter_btn" href="/newsletter-signup" title="Newsletter Signup" style="color: #ffffff; margin-top: 5px; font-weight: 400; font-style: normal; font-size: 14px; font-family: ITC Avant Garde; display: inline-flex; white-space: nowrap; align-items: center; padding: 10px 40px; justify-content: center; text-transform: none; border-radius: 0px; border: 1px solid #ffffff;"> Newsletter Signup <svg role="img" aria-label="Sign Up" version="1.1" id="Layer_1" x="0px" y="0px" width="38px" height="20px" viewbox="0 0 38 20" enable-background="new 0 0 38 20" xml:space="preserve" style="height: 16px; margin-left: 6px; fill: currentColor;"> <g> <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948
12495 c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023 12496 C37.278,15.4,37.687,14.886,37.6,14.35z"></path> <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9 12497 c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"></path> <polygon points="37.365,12.915 35.811,3.366 30.242,9.03 "></polygon> <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34 "></polygon> <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"></rect> <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"></rect> </g> </svg> </a></div> 12498</td> 12499<td></td> 12500<td class="td3"> 12501<div class="tr2left-side"> 12502<div class="tr2col1"><a href="/david-yurman" style="color: #fff;" title="David Yurman"> David Yurman »</a> <a href="/cartier-watches" style="color: #fff;" title="Cartier">Cartier »</a> <a href="/verragio" style="color: #fff;" title="Verragio">Verragio »</a></div> 12503<div class="tr2col2"><a href="/roberto-coin" style="color: #fff;" title="Roberto Coin">Roberto Coin »</a> <a href="/privacy-policy" style="color: #fff;" title="Privacy Policy">Privacy Policy »</a><a href="/cookie-policy" style="color: #fff;" title="Cookie Policy">Cookie Policy »</a></div> 12504<div class="tr2col3"><a href="/return-policy" style="color: #fff;" title="Return Policy">Return Policy »</a> <a href="/mobile-terms-of-service" style="color: #fff;" title="Mobile Terms of Service">Mobile Terms of Service » </a></div> 12505</div> 12506</td> 12507</tr> 12508</tbody> 12509</table> 12510</div> 12511<style> 12512 @media (max-width:991.9px){ 12513 .footer_container .flex_row .flex_col .flex_cell a{ 12514 font-size: 14px; 12515 } 12516 .ftbl{ 12517 color:#fff; 12518 font-family: 'ITC Avant Garde'; 12519 /*padding: 0 25px;*/ 12520 padding-bottom:43px; 12521 } 12522 .tr1 td{ 12523 padding-bottom: 98px; 12524 padding-top: 43px; 12525 } 12526 .tr3 { 12527 position: relative; 12528 } 12529 .tr3 td{ 12530 padding-top: 76px; 12531 padding-bottom: 43px; 12532 } 12533 .ftbl h5, 12534 .ftbl p{ 12535 margin:0; 12536 } 12537 .ftbl h5{ 12538 line-height: 25px; 12539 font-size: 28px; 12540 font-weight: 400; 12541 padding-bottom: 19px; 12542 } 12543 .ftbl .right-side p{ 12544 font-size: 14px; 12545 font-weight: 400; 12546 width: 235px; 12547 line-height: 18px; 12548 } 12549 .ftbl .left-side p{ 12550 font-size: 14px; 12551 font-weight: 400; 12552 line-height: 18px; 12553 } 12554 #fclm1img { 12555 width: 165px; 12556 height: 165px; 12557 background: #ccc; 12558 border-radius: 50%; 12559 display: flex; 12560 justify-content: center; 12561 align-items: center; 12562 overflow: hidden; 12563 } 12564 .td1{ 12565 padding-top: 0; 12566 display: flex; 12567 } 12568 .td2{ 12569 width:100%; 12570 } 12571 .right-side{ 12572 display: flex; 12573 } 12574 .left-side { 12575 display: flex; 12576 padding-bottom: 34px; 12577 flex-direction: column; 12578 justify-content: end; 12579 } 12580 .left-side .col1, 12581 .right-side .col1{ 12582 padding-right: 34px; 12583 } 12584 .left-side .col1{ 12585 padding-bottom: 20px; 12586 padding-top: 26px; 12587 } 12588 .right-side .col2{ 12589 width: 100%; 12590 display: flex; 12591 flex-direction: column; 12592 justify-content: start; 12593 padding-top: 30px; 12594 } 12595 .left-side h5{ 12596 font-size: 14px; 12597 font-weight: 700; 12598 padding-bottom: 15px; 12599 } 12600 .right-side h5{ 12601 white-space: nowrap; 12602 } 12603 .tr2right-side{ 12604 padding-right:10px ; 12605 } 12606 .tr2right-side input{ 12607 width: 595px; 12608 width: 470px; 12609 width:100%; 12610 width: 350px; 12611 12612 height: 51px; 12613 background: transparent !important; 12614 border:none; 12615 border-bottom: 1px solid #fff !important; 12616 color: #fff; 12617 border-radius: 0px !important; 12618 outline: none; 12619padding-left: 0 !important; 12620text-indent:0px; 12621 } 12622 .tr2right-side input::placeholder { 12623 color: #fff; 12624 font-size: 16px; 12625 padding: 13px 19px 13px 0; 12626 } 12627.tr2right-side input:focus{ 12628 border:none; 12629 border-bottom: 1px solid #fff !important; 12630 border-radius: 0px !important; 12631background: transparent;color: white !important; 12632 box-shadow: none !important; 12633 outline: none !important; 12634 } 12635 .tr2left-side{ 12636 display: flex; 12637 height: 106px; 12638 } 12639 .tr2col1,.tr2col2,.tr2col3{ 12640 display: flex; 12641 flex-direction: column; 12642 justify-content: space-between; 12643 } 12644 .tr2 .td3{ 12645 display:flex; 12646 } 12647 .tr2col2 { 12648 padding-left: 46px; 12649 padding-right: 31px; 12650 } 12651 .tr2col3{ 12652 width: 107px; 12653 } 12654 .tr2left-side a{ 12655 color:#fff; 12656 text-decoration: none; 12657 } 12658 .tr2right-side-p2{ 12659 font-size: 14px; 12660 font-weight: 400; 12661 padding: 10px 0 20px 0; 12662 padding: 10px 0 0px 0; 12663 } 12664 12665 .tr3col1{ 12666 margin-right:33px; 12667 } 12668 .tr3col2{ 12669 display: flex; 12670 flex-direction: column; 12671 justify-content: end; 12672 } 12673 .tr3td3{ 12674 padding-top: 76px; 12675 display: flex; 12676 flex-direction: column; 12677 justify-content: end; 12678 align-items: end; 12679 position: absolute; 12680 bottom: 0; 12681 right: 0; 12682 } 12683 #tr3col1imbl{ 12684 max-width: 165px; 12685 display: flex; 12686 overflow: hidden; 12687 } 12688 #tr3col1imbl img{ 12689 object-fit: cover; 12690 } 12691 .tr3td3 a{ 12692 color: #fff; 12693 text-decoration: none; 12694 font-size: 14px; 12695 text-align: right; 12696 } 12697 .ftbl .tr3col2 p{ 12698 width:100%; 12699 }} 12700 @media (max-width: 870px) { 12701 .right-side .col2 h5 { 12702 white-space: wrap; 12703 } 12704 .ftbl .right-side p { 12705 width: 100%; 12706 white-space: wrap; 12707 } 12708 } 12709 </style> </div> 12710</div> 12711 12712<style> 12713 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 12714 width:100%; } 12715 12716 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 12717 } 12718 12719 .footer_container_2>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 12720 width: 100%; 12721 height: 100%; 12722 } 12723</style> 12724 </div> 12725 12726 <style> 12727 .footer_container_2 .flex_row_2 .flex_col_2 { 12728 width:96%; } 12729 </style> 12730 12731 12732 12733 <div class="flex_col flex_col_3"> 12734 12735 12736 </div> 12737 12738 <style> 12739 .footer_container_2 .flex_row_2 .flex_col_3 { 12740 width:2%; } 12741 </style> 12742 12743 12744 12745 </div> 12746 12747 12748 <style> 12749 .footer_container_2 .flex_row_2 { 12750 background-color: #122d57; 12751 color:#000000; height:auto; 12752 } 12753 </style> 12754 12755 12756 12757 12758 </div> 12759 <style> 12760 .footer_container .flex_row { 12761 display: flex; 12762 } 12763 .footer_container_2 { 12764 width:100%; 12765 max-width:100%; 12766 margin: 0 auto; 12767 } 12768 .footer_container .flex_row .flex_col{ 12769 display: flex; 12770 flex-wrap: wrap; 12771 box-sizing: border-box; 12772 align-content: baseline; 12773 } 12774 .footer_container .flex_row .flex_col .flex_cell{ 12775 height: fit-content; 12776 display: flex; 12777 } 12778 .footer_container .flex_row .flex_col .flex_cell a{ 12779 text-decoration: none; 12780 } 12781 .footer_container img { 12782 max-width: 100%; 12783 } 12784 </style> 12785 12786 12787</footer> 12788<footer class="appearance-mobile-view-template"> 12789 12790 12791 12792 <div class="footer_container footer_container_3"> 12793 12794 12795 12796 12797 <div class="flex_row flex_row_1"> 12798 12799 12800 <div class="flex_col flex_col_1"> 12801 12802 12803 </div> 12804 12805 <style> 12806 .footer_container_3 .flex_row_1 .flex_col_1 { 12807 width:5%; } 12808 </style> 12809 12810 12811 12812 <div class="flex_col flex_col_2"> 12813 12814 12815<div class="flex_cell flex_cell_1 social_icons"> 12816 <div class="flex_cell_content"> 12817 <a title="Facebook" class="" target="_blank" href="https://www.facebook.com/albertsjewelers" style="order: 1">
12818 <svg role="img" aria-label="Facebook" viewBox="0 0 320 512"><path class="path_class" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </a> 12819 12820 <a title="X" class="" target="_blank" href="https://twitter.com/AlbertsJewelers" style="order: 2"> 12821 <svg role="img" aria-label="X" width="1342" height="1342" viewBox="0 0 1342 1342" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="path_class" fill-rule="evenodd" clip-rule="evenodd" d="M1341 670.962C1341 1040.97 1041.03 1340.92 671 1340.92C300.969 1340.92 1 1040.97 1 670.962C1 300.952 300.969 1 671 1C1041.03 1 1341 300.952 1341 670.962ZM578.531 710.981L258.279 282.805H505.104L715.056 563.509L974.896 282.805H1047.43L747.461 606.853L1085.74 1059.11H838.914L610.95 754.31L328.797 1059.11H256.261L578.531 710.981ZM478.337 336.226H364.946L865.668 1005.69H979.058L478.337 336.226Z" fill="black"/><path d="M258.279 282.805V282.305H257.281L257.879 283.105L258.279 282.805ZM578.531 710.981L578.898 711.32L579.181 711.015L578.931 710.681L578.531 710.981ZM505.104 282.805L505.505 282.506L505.355 282.305H505.104V282.805ZM715.056 563.509L714.656 563.809L715.015 564.289L715.423 563.849L715.056 563.509ZM974.896 282.805V282.305H974.678L974.529 282.466L974.896 282.805ZM1047.43 282.805L1047.8 283.145L1048.58 282.305H1047.43V282.805ZM747.461 606.853L747.094 606.513L746.811 606.819L747.061 607.152L747.461 606.853ZM1085.74 1059.11V1059.61H1086.74L1086.14 1058.81L1085.74 1059.11ZM838.914 1059.11L838.514 1059.41L838.664 1059.61H838.914V1059.11ZM610.95 754.31L611.351 754.011L610.991 753.53L610.583 753.971L610.95 754.31ZM328.797 1059.11V1059.61H329.015L329.163 1059.45L328.797 1059.11ZM256.261 1059.11L255.894 1058.77L255.116 1059.61H256.261V1059.11ZM364.946 336.226V335.726H363.948L364.546 336.526L364.946 336.226ZM478.337 336.226L478.737 335.927L478.587 335.726H478.337V336.226ZM865.668 1005.69L865.268 1005.99L865.418 1006.19H865.668V1005.69ZM979.058 1005.69V1006.19H980.057L979.459 1005.39L979.058 1005.69ZM671 1341.42C1041.31 1341.42 1341.5 1041.25 1341.5 670.962H1340.5C1340.5 1040.69 1040.75 1340.42 671 1340.42V1341.42ZM0.5 670.962C0.5 1041.25 300.693 1341.42 671 1341.42V1340.42C301.245 1340.42 1.5 1040.69 1.5 670.962H0.5ZM671 0.5C300.693 0.5 0.5 300.676 0.5 670.962H1.5C1.5 301.228 301.245 1.5 671 1.5V0.5ZM1341.5 670.962C1341.5 300.676 1041.31 0.5 671 0.5V1.5C1040.75 1.5 1340.5 301.228 1340.5 670.962H1341.5ZM257.879 283.105L578.131 711.28L578.931 710.681L258.679 282.506L257.879 283.105ZM505.104 282.305H258.279V283.305H505.104V282.305ZM715.456 563.21L505.505 282.506L504.704 283.105L714.656 563.809L715.456 563.21ZM974.529 282.466L714.689 563.17L715.423 563.849L975.263 283.145L974.529 282.466ZM1047.43 282.305H974.896V283.305H1047.43V282.305ZM747.828 607.192L1047.8 283.145L1047.07 282.466L747.094 606.513L747.828 607.192ZM1086.14 1058.81L747.862 606.553L747.061 607.152L1085.34 1059.41L1086.14 1058.81ZM838.914 1059.61H1085.74V1058.61H838.914V1059.61ZM610.55 754.61L838.514 1059.41L839.315 1058.81L611.351 754.011L610.55 754.61ZM329.163 1059.45L611.317 754.65L610.583 753.971L328.43 1058.77L329.163 1059.45ZM256.261 1059.61H328.797V1058.61H256.261V1059.61ZM578.164 710.641L255.894 1058.77L256.628 1059.45L578.898 711.32L578.164 710.641ZM364.946 336.726H478.337V335.726H364.946V336.726ZM866.068 1005.39L365.347 335.927L364.546 336.526L865.268 1005.99L866.068 1005.39ZM979.058 1005.19H865.668V1006.19H979.058V1005.19ZM477.936 336.526L978.658 1005.99L979.459 1005.39L478.737 335.927L477.936 336.526Z" fill="white"/></svg> </a> 12822 12823 <a title="Instagram" class="" target="_blank" href="https://www.instagram.com/albertsjewelers/" style="order: 3"> 12824 <svg role="img" aria-label="Instagram" viewBox="0 0 448 512"><path class="path_class" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg> </a> 12825 12826 <a title="Youtube" class="" target="_blank" href="https://www.youtube.com/channel/UC
12826Q4ouMJM2mY7apgDZpzNWow" style="order: 4"> 12827 <svg role="img" aria-label="Youtube" viewBox="0 0 576 512"><path class="path_class" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg> </a> 12828 12829 <a title="Pinterest" class="" target="_blank" href="https://www.pinterest.com/albertsjewelers/" style="order: 5"> 12830 <svg role="img" aria-label="Pinterest" viewBox="0 0 496 512"><path class="path_class" d="M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z"/></svg> </a> 12831 12832 <a title="Yelp" class="" target="_blank" href="https://www.yelp.com/biz/alberts-diamond-jewelers-schererville-4" style="order: 6"> 12833 <svg role="img" aria-label="Yelp" viewBox="0 0 384 512"><path class="path_class" d="M42.9 240.32l99.62 48.61c19.2 9.4 16.2 37.51-4.5 42.71L30.5 358.45a22.79 22.79 0 0 1-28.21-19.6 197.16 197.16 0 0 1 9-85.32 22.8 22.8 0 0 1 31.61-13.21zm44 239.25a199.45 199.45 0 0 0 79.42 32.11A22.78 22.78 0 0 0 192.94 490l3.9-110.82c.7-21.3-25.5-31.91-39.81-16.1l-74.21 82.4a22.82 22.82 0 0 0 4.09 34.09zm145.34-109.92l58.81 94a22.93 22.93 0 0 0 34 5.5 198.36 198.36 0 0 0 52.71-67.61A23 23 0 0 0 364.17 370l-105.42-34.26c-20.31-6.5-37.81 15.8-26.51 33.91zm148.33-132.23a197.44 197.44 0 0 0-50.41-69.31 22.85 22.85 0 0 0-34 4.4l-62 91.92c-11.9 17.7 4.7 40.61 25.2 34.71L366 268.63a23 23 0 0 0 14.61-31.21zM62.11 30.18a22.86 22.86 0 0 0-9.9 32l104.12 180.44c11.7 20.2 42.61 11.9 42.61-11.4V22.88a22.67 22.67 0 0 0-24.5-22.8 320.37 320.37 0 0 0-112.33 30.1z"/></svg> </a> 12834 12835 12836 12837 12838 <a title="Tiktok" class="" target="_blank" href="https://www.tiktok.com/@albertsjewelers219" style="order: 9"> 12839 <svg class="path_class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg> </a> 12840 12841 </div> 12842</div> 12843 12844<style> 12845 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons { 12846 width:100%; justify-content: center; 12847 align-items:center; -webkit-align-items:center; } 12848 12849 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons { 12850 height:100%; } 12851 12852 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons>.flex_cell_content { 12853 display: flex; 12854 margin-top:25px; margin-bottom:25px; margin-left:px; margin-right:px; padding-top:px; padding-bottom:px; padding-left:px; padding-right:px; } 12855 12856 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a { 12857 display: flex; 12858 align-items: center; 12859 color:#ffffff; font-weight:400; font-style:normal; margin-left: 6px; 12860 margin-right: 6px; 12861 font-size:16px;font-family:ITC Avant Garde; text-transform:none; } 12862 12863 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a svg{ 12864 margin-right: 5px; 12865 width:15px; height:15px; } 12866 12867 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a .path_class { 12868 fill: currentColor; 12869 } 12870 12871 12872 .footer_container_3>.flex_row_1>.flex_col_2>.flex_cell_1.social_icons a:hover { 12873 color:#ffffff; } 12874</style> 12875 12876 </div> 12877 12878 <style> 12879 .footer_container_3 .flex_row_1 .flex_col_2 { 12880 width:90%; } 12881 </style> 12882 12883 12884 12885 <div class="flex_col flex_col_3"> 12886 12887 12888 </div> 12889 12890 <style> 12891 .footer_container_3 .flex_row_1 .flex_col_3 { 12892 width:5%; } 12893 </style> 12894 12895 12896 12897 </div> 12898 12899 12900 <style> 12901 .footer_container_3 .flex_row_1 { 12902 background-color: #122d57; 12903 color:#000000; height:50; 12904 } 12905 </style> 12906 12907 12908 12909 12910 12911 12912 <div class="flex_row flex_row_2"> 12913 12914 12915 <div class="flex_col flex_col_1"> 12916 12917 12918 </div> 12919 12920 <style> 12921 .footer_container_3 .flex_row_2 .flex_col_1 { 12922 width:5%; } 12923 </style> 12924 12925 12926 12927 <div class="flex_col flex_col_2"> 12928 12929 <div class="flex_cell flex_cell_1 custom_code"> 12930 <div class="flex_cell_content"> 12931 <div> 12932<table border="0" class="ftbl"> 12933<tbody> 12934<tr class="tr1"> 12935<td class="td1"> 12936<div class="right-side"> 12937<div class="col1"> 12938<div id="fclm1img"><img alt="Albert's Logo" title="Albert's Logo" src="/public/1.0/uploads/source/alberts-logo-footer-1.png" width="200" height="200" style="max-width: 100%; object-fit: cover; height: 100% !important;" /></div> 12939</div> 12940<div class="col2"> 12941<h5 style="color: #fff; font-family: 'ITC Avant Garde';">Visit our showroom</h5> 12942<p>711 Main St. Schererville, Indiana 46375</p> 12943<p><a style="color: #fff; font-size: 14px;" href="https://www.google.com/maps/place/Albert's+Diamond+Jewelers/@41.5223006,-87.4714827,17z/data=!3m1!4b1!4m6!3m5!1s0x8811e13019bb206d:0xb4de08229baafd1d!8m2!3d41.5222966!4d-87.469294!16s%2Fg%2F1tk688rc" title="Get Directions">Get Directions</a></p> 12944</div> 12945</div> 12946</td> 12947<td class="td2"> 12948<div class="left-side"> 12949<div class="col1"><span style="font-size: 10pt;"><strong>Regular Hours<br /><br /></strong></span> 12950<p>Mon-Sat: 11am â 6pm</p> 12951<p>Sunday: Closed</p> 12952<p></p> 12953</div> 12954<div class="col2"> 12955<h5 style="font-family: 'ITC Avant Garde'; color: #fff;">Store Contacts</h5> 12956<a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="tel:219-322-2700" title="phone">Call: 219-322-2700</a><a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="sms:219-322-2700" title="sms">Text: 219-322-2700</a> <a style="color: #fff; font-size: 14px; display: block; line-height: 18px;" href="/cdn-cgi/l/email-protection#99f4f8ebf2fcedf0f7fed9f8f5fbfcebedeaf3fceefcf5fcebeab7faf6f4" title="mail"><span class="__cf_email__" data-cfemail="107d71627b7564797e7750717c72756264637a7567757c7562633e737f7d">[email protected]</span></a></div> 12957</div> 12958</td> 12959</tr> 12960<tr class="tr2" style="padding-bottom: 53px;"> 12961<td> 12962<div class="tr2right-side"> 12963<p class="tr2right-side-p2">Receive email updates on stuff youâll probably want to know about, including products, launches, and events. Unsubscribe anytime. Some exclusions apply.</p> 12964<a class="newsletter_btn" href="/newsletter-signup" title="Newsletter Signup" style="color: #ffffff; margin-top: 5px; font-weight: 400; font-style: normal; font-size: 14px; font-family: ITC Avant Garde; display: inline-flex; white-space: nowrap; align-items: center; padding: 10px 40px; justify-content: center; text-transform: none; border-radius: 0px; border: 1px solid #ffffff;"> Newsletter Signup <svg role="img" aria-label="Sign Up" version="1.1" id="Layer_1" x="0px" y="0px" width="38px" height="20px" viewbox="0 0 38 20" enable-background="new 0 0 38 20" xml:space="preserve" style="height: 16px; margin-left: 6px; fill: currentColor;"> <g> <path d="M37.6,14.35l-0.081-0.492L29.693,9.59l-1.213,1.232c-0.479,0.487-1.162,0.823-1.926,0.948
12965 c-0.762,0.123-1.516,0.021-2.125-0.289l-1.541-0.785l-6.068,6.533l0.081,0.49c0.087,0.537,0.636,0.896,1.225,0.8l18.564-3.023 12966 C37.278,15.4,37.687,14.886,37.6,14.35z"></path> <path d="M14.961,5.812l9.812,4.997c0.933,0.475,2.435,0.232,3.167-0.516l7.72-7.851L35.571,1.9 12967 c-0.087-0.537-0.637-0.896-1.227-0.8L15.782,4.124c-0.589,0.096-0.996,0.61-0.908,1.147L14.961,5.812z"></path> <polygon points="37.365,12.915 35.811,3.366 30.242,9.03 "></polygon> <polygon points="15.112,6.736 6.674,8.11 6.807,8.928 15.246,7.555 16.577,15.73 16.667,16.285 22.189,10.34 "></polygon> <rect x="8.114" y="9.012" transform="matrix(-0.1608 -0.987 0.987 -0.1608 -7.0682 28.3718)" width="0.829" height="16.357"></rect> <rect x="4.268" y="12.036" transform="matrix(0.987 -0.1607 0.1607 0.987 -1.8696 1.7878)" width="11.697" height="0.83"></rect> </g> </svg> </a></div> 12968</td> 12969<td class="td3"> 12970<div class="tr2left-side"> 12971<div class="tr2col1" style="width: 100%;"><a href="/david-yurman" style="color: #fff;" title="David Yurman">David Yurman</a> <a href="/cartier-watches" style="color: #fff;" title="Cartier">Cartier </a> <a href="/verragio" style="color: #fff;" title="Verragio">Verragio </a></div> 12972<div class="tr2col2" style="width: 100%;"><a href="/roberto-coin" style="color: #fff;" title="Roberto Coin">Roberto Coin </a> <a href="/privacy-policy" style="color: #fff;" title="Privacy Policy">Privacy Policy</a><a href="/cookie-policy" style="color: #fff;" title="Cookie Policy">Cookie Policy </a></div> 12973<div class="tr2col3" style="width: 100%;"><a href="/return-policy" style="color: #fff;" title="Return Policy">Return Policy </a> <a href="/mobile-terms-of-service" style="color: #fff;" title="Mobile Terms of Service">Mobile Terms of Service</a><a style="color: #fff;"></a></div> 12974</div> 12975</td> 12976</tr> 12977</tbody> 12978</table> 12979</div> 12980<style> 12981@media (max-width:767.9px){ 12982 .ftbl{ 12983 color:#fff; 12984 font-family: 'ITC Avant Garde'; 12985 /*padding: 0 25px;*/ 12986padding-bottom:42px; 12987 } 12988.tr1{ 12989display: flex; 12990 flex-direction: column; 12991} 12992 .tr1 .left-side{ 12993 flex-direction: row; 12994 justify-content: flex-start; 12995padding-bottom: 0px; 12996} 12997 .tr1 .left-side .col1{ 12998 padding-top: 0px; 12999} 13000 .tr1 td{ 13001 padding-bottom: 98px; 13002 padding-top: 43px; 13003 } 13004.tr1 .td1{ 13005 padding-top: 42px; 13006 padding-bottom: 50px; 13007} 13008.tr1 .td2{ 13009padding-top: 0; 13010padding-bottom: 60px; 13011} 13012.tr3 { 13013 position: relative; 13014} 13015 .tr3 td{ 13016 padding-top: 76px; 13017padding-bottom: 43px; 13018 } 13019.tr3 .td3{ 13020padding-top: 65px; 13021 display: flex; 13022} 13023.tr3 . right-side{ 13024flex-direction: column; 13025} 13026.tr3col1{ 13027margin-right: 0; 13028 padding-bottom: 19.52px; 13029} 13030 .ftbl h5, 13031 .ftbl p{ 13032 margin:0; 13033 } 13034 .ftbl h5{ 13035 line-height: 25px; 13036 font-size: 27px; 13037 font-weight: 400; 13038 padding-bottom: 19px; 13039 } 13040 .ftbl .right-side p{ 13041 font-size: 14px; 13042 font-weight: 400; 13043 width: 235px; 13044 line-height: 18px; 13045 } 13046 .ftbl .left-side p{ 13047 font-size: 14px; 13048 font-weight: 400; 13049 line-height: 18px; 13050 } 13051 #fclm1img { 13052 width: 117px; 13053 height: 117px; 13054 background: #ccc; 13055 border-radius: 50%; 13056 display: flex; 13057 justify-content: center; 13058 align-items: center; 13059 overflow: hidden; 13060} 13061.td1{ 13062 padding-top: 0; 13063 display: flex; 13064} 13065.td2{ 13066 width:100%; 13067} 13068.right-side{ 13069 display: flex; 13070} 13071.left-side { 13072 display: flex; 13073 padding-bottom: 34px; 13074 flex-direction: column; 13075 justify-content: end; 13076} 13077.td1 .left-side{ 13078flex-direction: row; 13079 justify-content: normal; 13080 padding-bottom: 0; 13081} 13082.td1 .col1{ 13083padding-top: 0; 13084} 13085.tr1 .col1 p, 13086.tr1 .col2 p{ 13087 white-space: nowrap; 13088} 13089.left-side .col1, 13090.right-side .col1{ 13091 padding-right: 34px; 13092} 13093.left-side .col1{ 13094padding-bottom: 20px; 13095 padding-top: 26px; 13096} 13097.right-side .col2{ 13098 width: 100%; 13099 display: flex; 13100 flex-direction: column; 13101 justify-content: start; 13102 padding-top: 30px; 13103} 13104.left-side h5{ 13105 font-size: 14px; 13106 font-weight: 700; 13107 padding-bottom: 15px; 13108} 13109.right-side h5{ 13110white-space: nowrap; 13111} 13112.tr2{ 13113 display: flex; 13114 flex-direction: column; 13115} 13116.tr2right-side{ 13117 padding-bottom: 60px; 13118 padding-right: 0; 13119} 13120.tr2right-side input{ 13121 width: 595px; 13122width: 470px; 13123width:100%; 13124max-width:350px; 13125 height: 51px; 13126 background: transparent !important; 13127border:none; 13128border-bottom: 1px solid #fff !important; 13129 color: #fff; 13130 border-radius: 0px !important; 13131outline: none; 13132padding-left: 0 !important; 13133 text-indent:0px; 13134} 13135.tr2right-side input::placeholder { 13136 color: #fff; 13137 font-size: 14px; 13138 padding: 13px 19px 13px 0; 13139} 13140.tr2left-side{ 13141 display: flex; 13142 height: 106px; 13143} 13144.tr2col1,.tr2col2,.tr2col3{ 13145 display: flex; 13146 flex-direction: column; 13147 justify-content: space-between; 13148} 13149.tr2 .td3{ 13150display:flex; 13151} 13152.tr2col2 { 13153 padding-left: 60px; 13154 padding-right: 60px; 13155} 13156.tr2left-side a{ 13157 color:#fff; 13158 text-decoration: none; 13159} 13160.tr2right-side-p2{ 13161 font-size: 14px; 13162 font-weight: 400; 13163 padding: 10px 0 40px 0; 13164padding: 10px 0 0px 0; 13165} 13166 13167.tr3col1{ 13168 margin-right:33px; 13169} 13170.tr3col2{ 13171 display: flex; 13172 flex-direction: column; 13173 justify-content: end; 13174} 13175.tr3td3{ 13176 padding-top: 76px; 13177 display: flex; 13178 flex-direction: column; 13179 justify-content: end;
13180 align-items: end; 13181 position: absolute; 13182 bottom: 0; 13183 right: 0; 13184} 13185#tr3col1imbl{ 13186 max-width: 165px; 13187 display: flex; 13188 overflow: hidden; 13189} 13190#tr3col1imbl img{ 13191 object-fit: cover; 13192} 13193.tr3td3 a{ 13194 color: #fff; 13195 text-decoration: none; 13196 font-size: 14px; 13197 text-align: right; 13198} 13199.ftbl .tr3col2 p{ 13200 width:100%; 13201} 13202.tr3col2p1{ 13203line-height: 14px; 13204 padding-bottom: 10px; 13205} 13206.tr3right-side .right-side{ 13207 flex-direction: column; 13208} 13209} 13210@media (max-width: 840px) { 13211 .right-side h5 { 13212 white-space: wrap; 13213 } 13214 .ftbl .right-side p { 13215 width: 100%; 13216white-space: wrap; 13217 } 13218} 13219@media (max-width:432px){ 13220.right-side{ 13221flex-direction: column; 13222} 13223.tr1 .left-side{ 13224flex-direction: column; 13225} 13226.tr2left-side{ 13227flex-direction: column; 13228 height: auto; 13229} 13230 .tr2col2{ 13231padding: 20px 0; 13232} 13233} 13234</style> </div> 13235</div> 13236 13237<style> 13238 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 13239 width:100%; } 13240 13241 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code { 13242 } 13243 13244 .footer_container_3>.flex_row_2>.flex_col_2>.flex_cell_1.custom_code>.flex_cell_content { 13245 width: 100%; 13246 height: 100%; 13247 } 13248</style> 13249 </div> 13250 13251 <style> 13252 .footer_container_3 .flex_row_2 .flex_col_2 { 13253 width:90%; } 13254 </style> 13255 13256 13257 13258 <div class="flex_col flex_col_3"> 13259 13260 13261 </div> 13262 13263 <style> 13264 .footer_container_3 .flex_row_2 .flex_col_3 { 13265 width:5%; } 13266 </style> 13267 13268 13269 13270 </div> 13271 13272 13273 <style> 13274 .footer_container_3 .flex_row_2 { 13275 background-color: #122d57; 13276 color:#000000; height:auto; 13277 } 13278 </style> 13279 13280 13281 13282 13283 </div> 13284 <style> 13285 .footer_container .flex_row { 13286 display: flex; 13287 } 13288 .footer_container_3 { 13289 width:100%; 13290 max-width:100%; 13291 margin: 0 auto; 13292 } 13293 .footer_container .flex_row .flex_col{ 13294 display: flex; 13295 flex-wrap: wrap; 13296 box-sizing: border-box; 13297 align-content: baseline; 13298 } 13299 .footer_container .flex_row .flex_col .flex_cell{ 13300 height: fit-content; 13301 display: flex; 13302 } 13303 .footer_container .flex_row .flex_col .flex_cell a{ 13304 text-decoration: none; 13305 } 13306 .footer_container img { 13307 max-width: 100%; 13308 } 13309 </style> 13310 13311 13312</footer>
vendor: 110 bytes, lines 13312-13314
13312 13313 13314<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
13314<script> 13315 $(window).on('load', function() { 13316 $(window).scroll(function() { 13317 if(!$("#acsb-widget-get").length){ 13318 //var topOffset = $(window).scrollTop(); 13319 //if (topOffset > 10) { 13320 13321 var s = document.createElement('script'),e = ! document.body ? document.querySelector('head') : document.body; 13322 s.src = 'https://acsbapp.com/apps/app/assets/js/acsb.js'; 13323 s.async = s.defer = true; 13324 s.onload = function(){ 13325 acsbJS.init({ 13326 statementLink : '', 13327 feedbackLink : '', 13328 footerHtml : 'Powered by i-Showcase', 13329 hideMobile : false, 13330 hideTrigger : false, 13331 language : 'en', 13332 position : 'left', 13333 leadColor : '#146ff8', 13334 triggerColor : '#146ff8', 13335 triggerRadius : '50%', 13336 triggerPositionX : 'left', 13337 triggerPositionY : 'bottom', 13338 triggerIcon : 'default', 13339 triggerSize : 'medium', 13340 triggerOffsetX : 16, 13341 triggerOffsetY : 74, 13342 mobile : {triggerSize : 'small',triggerPositionX : 'left',triggerPositionY : 'center',triggerOffsetX : 0,triggerOffsetY : 0,triggerRadius : '0'}});};e.appendChild(s); 13343 13344 // } 13345 } 13346 }); 13347 }); 13348 13349</script>
13349<!-- Start cookieyes banner -->
13350<script id="cookieyes" type="text/javascript" data-type="lazy" data-src="https://cdn-cookieyes.com/client_data/23bc58b93990ccdd481bb0ce/script.js"></script>
13350 13351<!-- End cookieyes banner --><style> 13352 .header_container_1>.flex_row_3>.flex_col_5 { justify-content: flex-end; } 13353 .header_container_3>.flex_row_2>.flex_col_1>.flex_cell_1.menu { 13354 justify-content: center; 13355 align-items: center !important; 13356 } 13357</style>
13357<script> 13358(function () { 13359 let loaded = false; 13360 13361 function loadPodium() { 13362 if (loaded) return; 13363 loaded = true; 13364 13365 const script = document.createElement('script'); 13366 script.src = 'https://connect.podium.com/widget.js#ORG_TOKEN=062deac6-6423-4fed-963a-b9bbdf7c689d'; 13367 script.defer = true; 13368 script.id = 'podium-widget'; 13369 script.setAttribute( 13370 'data-organization-api-token', 13371 '062deac6-6423-4fed-963a-b9bbdf7c689d' 13372 ); 13373 13374 document.body.appendChild(script); 13375 13376 window.removeEventListener('scroll', onScroll); 13377 } 13378 13379 function onScroll() { 13380 if (window.scrollY > 0) { 13381 loadPodium(); 13382 } 13383 } 13384 13385 window.addEventListener('scroll', onScroll, { passive: true }); 13386})(); 13387</script>
vendor: 1 bytes, line 13387
13387
13388<script src="/skeleton/1.0/view/js/focus-trap.js?v=2.1"></script>
13388<script src="/skeleton/1.0/view/js/focus-trap_dist.js?v=2.1"></script>
13388<script src="/skeleton/1.0/view/js/min/fr_act.js?v=1.3"></script>
vendor: 1 bytes, line 13388
13388
13389<script> analitics_events_run();function analitics_events_run() { 13390 if (typeof gtag != "undefined"){ gtag("event", "view_cart", {"currency":"USD","value":0,"items":[]}); } }; </script>
13390<script> if (typeof gtag != "undefined") { $(document).on("click", "a.phone_number_click", function(){ gtag("event", "phone_number_click");}); }</script>
13390<script> if (typeof gtag != "undefined") { $(document).on("click", "a.get_directions_click", function(){ gtag("event", "get_directions_click");}); }</script>
13390<script> if (typeof gtag != "undefined") { $(document).on("click", "a.email_click", function(){ gtag("event", "email_click");}); }</script>
13390<script> if (typeof gtag != "undefined") { $(document).on("click", "a.text_message_click", function(){ gtag("event", "text_message_click");}); }</script>
13390<script> 13391 (function () { 13392 function ga4Click(eventName, params) { 13393 if (typeof gtag != "undefined") { gtag("event", eventName, params || {}); } 13394 } 13395 13396 $(document).on("click", ".get-location, .use-my-location", function () { 13397 ga4Click("usemylocation_click"); 13398 }); 13399 13400 $(document).on("click", ".select-store", function () { 13401 ga4Click("shopthisstore_click", {StoreID: $(this).data("store") || ""}); 13402 }); 13403 13404 $(document).on("click", "#search-by-zip button", function () { 13405 var zip = $("#search-by-zip input").val() || ""; 13406 if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); } 13407 }); 13408 $(document).on("submit", "#zipcode-form", function () { 13409 var zip = $(this).find("input[name=zipcode]").val() || ""; 13410 if (zip.trim()) { ga4Click("searchlocationbyzip", {ZipCode: zip.trim()}); } 13411 }); 13412 13413 // Anything clickable inside the popup except its own close control 13414 $(document).on("click", ".popup-container a, .popup-container button", function () { 13415 if ($(this).closest(".close, .popup-close, [data-dismiss]").length) { return; } 13416 ga4Click("popup_click", {LinkText: ($(this).text() || "").trim().slice(0, 100)}); 13417 }); 13418 13419 // Opening a chat widget (Podium / Clientbook) is as close as we get to a 13420 // conversation starting â what happens inside the widget is not visible to us. 13421 var ga4ChatStarted = false; 13422 $(document).on("click", "#wlbkwc_messageButton, #clbkwc_chat_id, #podium-website-widget", function () { 13423 if (ga4ChatStarted) { return; } 13424 ga4ChatStarted = true; 13425 ga4Click("conversation_started"); 13426 }); 13427 })(); 13428 </script>
vendor: 1 bytes, line 13428
13428
13429<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=XbCCdn"></script>
vendor: 1 bytes, line 13429
13429
13430<script>window.KLAVIYO_AJAX_URL = "\/skeleton\/1.0\/view\/ws\/ajax_klaviyo.php";</script>
vendor: 1 bytes, line 13430
13430
13431<script type="text/javascript" src="/skeleton/1.0/view/js/klaviyo.js"></script>
13431 13432 13433 <style> 13434 .footer-bottom-outer { font-family: arial, helvetica, sans-serif; color: #343434; font-size: 8pt; display: flex; align-items: center; width: 80%; margin: auto; padding: 15px 0; justify-content: space-between; } 13435 .footer-bottom-inner-left { width: 67%; text-transform: uppercase; } 13436 .footer-bottom-inner-right { font-size: 10pt; width: 30%; display: flex; justify-content: end; } 13437 @media (max-width: 767px) { 13438 .footer-bottom-outer { display: block; text-align: center; font-weight: 700; } 13439 .footer-bottom-inner-left, .footer-bottom-inner-right { width: 100%; padding: 5px; display: block; } 13440 } 13441 </style> 13442 <div class="footer-bottom-outer"><div class="footer-bottom-inner-left"> 13443 COPYRIGHT © 2026 ALBERT'S DIAMOND JEWELERS. Jewelry website design by <a href="https://www.amptive.com/" target="_blank" title="Amptive"><u>Amptive</u></a>. Jewelry Website Platform by <a href="https://build.shop/" target="_blank" title="Build.Shop"><u>Build.Shop</u></a> | <a title="Site Map" href="/sitemap" class="general_style"><u>SITE MAP</u></a> 13444 </div>
13444<script>window.local_view_folder = '/skeleton/1.0/view';</script>
13444</div> 13445 13446</body> 13447</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.