1<!doctype html> 2<html lang="th-TH"> 3 <head> 4 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <meta name="description" content="" /> 7 <meta name="Keywords" content="à¹à¸ªà¸·à¹à¸à¸à¹à¸²à¹à¸à¸£à¸à¸à¹à¹à¸à¸¢, à¹à¸à¸à¸±à¹à¸à¹à¸à¸£à¸à¸à¹à¹à¸à¸¢, à¹à¸ªà¸·à¹à¸à¸à¹à¸²à¹à¸à¸à¸±à¹à¸, à¹à¸ªà¸·à¹à¸à¸à¹à¸²à¹à¸à¸à¸±à¹à¸à¸à¸¹à¹à¸«à¸à¸´à¸, à¸à¸¸à¸à¹à¸à¸£à¸ª, à¸à¸¸à¸à¹à¸à¸, street fashion, สà¸à¸£à¸µà¸à¹à¸à¸à¸±à¹à¸, à¹à¸ªà¸·à¹à¸à¸à¹à¸²à¸ªà¸à¸£à¸µà¸à¹à¸à¸à¸±à¹à¸, à¹à¸à¸£à¸ªà¸ªà¸±à¹à¸à¸à¸±à¸, Thai Designer, à¹à¸ªà¸·à¹à¸à¸à¹à¸²à¹à¸à¸£à¸à¸à¹à¹à¸à¸¢ ig, à¹à¸à¸£à¸à¸à¹à¹à¸ªà¸·à¹à¸à¸à¹à¸²à¹à¸à¸¢ pantip, à¹à¸ªà¸·à¹à¸à¹à¸à¹à¸, à¹à¸ªà¸·à¹à¸à¸à¸±à¸à¸«à¸à¸²à¸§à¸à¸£à¹à¸à¸¡à¸ªà¹à¸,à¹à¸¡à¹à¸à¸à¸µà¹à¹à¸à¸£à¸ª,à¹à¸à¸£à¸ªà¹à¸¡à¹à¸à¸à¸µà¹" /> 8 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 9 <meta name="apple-mobile-web-app-capable" content="yes"> 10 <!-- facebook --> 11 <meta property="fb:app_id" content="827734580893078" /> 12 <meta property="og:type" content="website" /> 13 14 <meta property="og:title" content="cart" /> 15 <meta property="og:image" content="https://image.makewebcdn.com/makeweb/m_1200x600/eECPNU6HM/DefaultData/Classic_Logo.png" /> 16 <meta property="og:description" content="" /> 17 <meta property="og:url" content="https://www.welovestreetfashion.com/cart" /> 18 <meta property="og:site_name" content="welovestreetfashion.com" /> 19 <!-- twitter --> 20 <meta name="twitter:card" content="summary_large_image"> 21 <meta name="twitter:site" content="welovestreetfashion.com"> 22 <meta name="twitter:title" content="cart"> 23 <meta name="twitter:description" content=""> 24 <meta name="twitter:image" content=""> 25 <meta name="twitter:domain" content="https://www.welovestreetfashion.com/cart"> 26 <!-- google --> 27 <meta name="google-site-verification" content="S0h0Hh9FrUtz55Qgf5Bk8QuXUU2lw7LkQGaW86GqFyM" /> <meta name="generator" content="MakeWebEasy" /> 28 <!-- Phone number--> 29 <meta name="format-detection" content="telephone=no"> 30 <link rel="alternate" href="https://www.welovestreetfashion.com/cart" hreflang="x-default" /> 31 32 <link rel="canonical" href="https://www.welovestreetfashion.com/cart" /> 33 34 <link rel="apple-touch-icon" sizes="32x32" href="https://image.makewebcdn.com/makeweb/0/eECPNU6HM/attach_file/favicon/favicon_20190319045740-0.ico?v=202604291000" /> 35 <link rel="shortcut icon" href="https://image.makewebcdn.com/makeweb/0/eECPNU6HM/attach_file/favicon/favicon_20190319045740-0.ico?v=202604291000" type="image/x-icon" /> 36 <link rel="icon" href="https://image.makewebcdn.com/makeweb/0/eECPNU6HM/attach_file/favicon/favicon_20190319045740-0.ico?v=202604291000" type="image/x-icon" /> 37 38 <!-- CSS Main --> 39 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Nunito|Lora|Dancing+Script|Satisfy|Fjalla+One|Oswald|Montserrat|Supermarket|Sanchez|Roboto|Quicksand|Pacifico|Raleway|Kanit|Prompt|Trirong|Taviraj|Itim|Chonburi|Mitr|Athiti|Pridi|Maitree|Pattaya|Sriracha|Sarabun|Chakra+Petch|Mali|Bai+Jamjuree|Krub|K2D|Niramit|Charm|Srisakdi|Thasadith|Kodchasan|KoHo|Charmonman|Poppins|Fahkwang|Noto+Sans+Thai|IBM+Plex+Sans+Thai|Noto+Serif+Thai|Noto+Sans+Thai+Looped|IBM+Plex+Sans+Thai+Looped&subset=thai,latin" /> 40 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/font.min.css?v=202101271138" /> 41 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/bootstrap.min.css" /> 42 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/style_mwe.css?v=202508081425" /> 43 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.
43com/makeweb/prod/css/style_mwe2.css?v=202508081425" /> 44 <!-- CSS Page --> 45 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/fullcalendar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/fullcalendar.print.min.css?v=0" media="print" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/dark/homebox_eventcalendar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/dark/page_calendar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/dark/page_faq.min.css?v=202012190947" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/owl.carousel.min.css?v=202001111111" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/owl.theme.default.min.css?v=202001111111" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/perfect-scrollbar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/magnific-popup.min.css?v=202012190947" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/circular-loading.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/hamburgers.min.css?v=0" /> <!-- CSS Main --> 46 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/all.min.css?v=202310021145" /> 47 <!-- byAir --> 48 <!-- <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/dark/theme-system.min.css?v=202306151430" /> --> 49 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/dark/theme-system.css?v=20261008083432" /> 50 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/dark/theme-system2.css?v=202306151430" /> 51 <link rel="stylesheet" type="text/css" href="/customer-css/style_eECPNU6HM.min.css?v=1784782234" /> 52 53 <title>cart</title> 54 55 <!-- JS Main --> 56
56<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js?v=202604291000" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script>
56 57
57<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/imagesloaded.min.js?v=1"></script>
57 58
58<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/vue@2_6_11.js?v=202604291000"></script>
58 59
59<script type="text/javascript" src="https://www.instagram.com/embed.js" async="true"></script>
59 60 <!-- JS Page --> 61 <!-- Script Embed --> 62 <!-- Google Tag Manager -->
63<script>
vendor: 331 bytes, lines 63-67
63(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 64new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 65j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 66'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 67})(window,document,'script','dataLayer','
67GTM-NMK5NW6
vendor: 3 bytes, line 67
67');
67</script>
67 68<!-- End Google Tag Manager --><!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 68-69
68 69<script async src="https://www.googletagmanager.com/gtag/js?id=
69UA-9771965-2
vendor: 13 bytes, line 69
69"></script>
70<script> 71
vendor: 138 bytes, lines 71-75
71window.dataLayer = window.dataLayer || []; 72 function gtag(){dataLayer.push(arguments);} 73 gtag('js', new Date()); 74 75 gtag('config', '
75UA-9771965-2
vendor: 5 bytes, line 75
75');
76</script>
76 77 78<meta name="facebook-domain-verification" content="pypry19a7m3zytx027vzwp79tme8b7" /> 79<!-- Meta Pixel Code -->
80<script>
vendor: 408 bytes, lines 80-89
80 81!function(f,b,e,v,n,t,s) 82{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 83n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 84if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 85n.queue=[];t=b.createElement(e);t.async=!0; 86t.src=v;s=b.getElementsByTagName(e)[0]; 87s.parentNode.insertBefore(t,s)}(window, document,'script', 88'https://connect.facebook.net/en_US/fbevents.js'); 89fbq('init', '
89932238437696458
vendor: 32 bytes, lines 89-90
89'); 90fbq('track', 'PageView');
91</script>
91 92<noscript><img height="1" width="1" style="display:none" 93src="https://www.facebook.com/tr?id=932238437696458&ev=PageView&noscript=1" 94/></noscript> 95<!-- End Meta Pixel Code --> 96 <style> 97 #divMWEAds .mweColor{ 98 color: #28bee3; 99 } 100 101 /* #divMWEAds .webFreeColor{ 102 color: #ffffff; 103 background-color: #28bee3; 104 } */ 105 106 .webFreeColor { background-color: #28bee3; border-color: #24BEE2; color: #FFFFFF; border-radius: 20px;width: 148px; height: 36px; line-height: normal;} 107 .webFreeColor:hover, 108 .webFreeColor.active { 109 background-color: #09A1E0; border-color: #1EA7C7; color: #FFFFFF; 110} 111 </style> 112 </head> 113 <body> 114 <!-- Script Embed --> 115 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 115-116
115 116<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
116GTM-NMK5NW6
vendor: 85 bytes, lines 116-117
116" 117height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
118<!-- End Google Tag Manager (noscript) --> 119 <!--
119<script> 120 window.onload = function() { 121 FB.Event.subscribe('customerchat.dialogShow', 122 function() { 123 clickConversion('facebook'); 124 } 125 ); 126 }; 127 </script>
127 --> 128 <style type="text/css"> 129 .pagination>li>a, .pagination>li>span { 130 font-size: 14px; 131 color: inherit; 132 } 133 .dropdown.areacontext.open{ 134 z-index: 1001 !important; 135 } 136 .table-responsive table { 137 margin-bottom: 20px; 138 white-space: nowrap; 139 } 140 @media only screen and (min-width: 1200px) { 141 .table-responsive table { 142 white-space: normal; 143 } 144 } 145 @media only screen and (min-width: 1200px) { 146 .section-container > .slimScrollDiv { 147 display: none; 148 } 149 } 150 a[data-mce-href] { 151 font-size: inherit; 152 font-family: inherit; 153 /*color: inherit;*/ 154 } 155 /* areacontext menu */ 156 .areacontext { 157 border: 1px solid rgb(9,10,12); 158 } 159 .areacontext .btn-primary { 160 background: #373e44!important; 161 color: #FFF!important; 162 border-color: #23292f!important; 163 padding: 1px 5px; 164 display: block; 165 } 166 .areacontext > div { 167 font-family: Open Sans !important; 168 font-size: 12px !important; 169 } 170 .areacontext ul.dropdown-menu { 171 border-radius: 0px !important; 172 background: #373E44 !important; 173 margin-top: 0px !important; 174 border: 1px solid rgb(9,10,12); 175 padding: 0px !important; 176 min-width: 100px !important; 177 transform: translate3d(-1px, 20px, 0px) !important; 178 } 179 .areacontext ul.dropdown-menu > li > a { 180 font-family: "Helvetica Neue",Helvetica,Tahoma !important; 181 font-size: 12px !important; 182 color: rgb(145, 159, 174) !important; 183 padding: 3px 5px !important; 184 display: block; 185 } 186 .areacontext ul.dropdown-menu > li > a:hover { 187 background: #262D33 !important; 188 color: #FFF !important; 189 text-decoration: none; 190 } 191 /* addition */ 192 /* facebook like box */ 193 .fb-like.fb_iframe_widget > span > iframe{ 194 max-width:none!important 195 } 196 /* img in table */ 197 table img { 198 max-width:initial!important; 199 } 200 /* iframe */ 201 iframe { 202 max-width:100%; 203 } 204 /* pagination */ 205 .pagination>li>a,.pagination>li>span{ 206 font-size:14px;color:inherit 207 } 208 /* table */ 209 .table-responsive table { 210 margin-bottom:20px; 211 white-space:nowrap; 212 } 213 @media only screen and (min-width: 1200px){ 214 .table-responsive table{ 215 white-space:normal 216 } 217 } 218 /* img width and rendering */ 219 div#section-content img:not(.fill), 220 div#section-footer img:not(.fill) { 221 overflow:hidden; 222 opacity:0; 223 -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out; 224 transition:opacity .3s ease-in-out,transform .3s ease-in-out; 225 max-width:100%; 226 } 227 @media (max-width: 768px) { 228 body { 229 max-width: 100vw; 230 } 231 } 232 /* force show img */ 233 .map_outter img { 234 opacity: 1 !important; 235 } 236 /* link in tinymce */ 237 a[data-mce-href] { 238 font-size: inherit; 239 font-family: inherit; 240 } 241 /* top layout */ 242 nav > #top-area > .container-fluid { 243 padding-left: 8px; 244 padding-right: 8px; 245 } 246 nav > #top-area > .row { 247 margin: 0; 248 } 249 nav > #top-area > .row > .col { 250 padding: 0; 251 } 252 .navbar-link { 253 display: inline-block; 254 padding: 8px; 255 border: none; 256 margin: 8px 0px; 257 vertical-align: middle; 258 line-height: 1; 259 } 260 /*.navbar-fa { 261 width: 24px !important; 262 height: 24px !important; 263 }*/ 264 .navbar-toggler-icon { 265 margin: 0; 266 padding: 0; 267 } 268 .dropdown > .dropdown-toggle > svg { 269 transition: all 300ms ease; 270 -webkit-transition: all 300ms ease; 271 -o-transition: all 300ms ease; 272 -ms-transition: all 300ms ease; 273 } 274 .dropdown.show > .dropdown-toggle > svg { 275 transform: rotate(180deg); 276 -webkit-transform: rotate(180deg); 277 -moz-transform: rotate(180deg); 278 -o-transform: rotate(180deg); 279 } 280 .dropdown-menu > li > .dropdown-toggle > svg { 281 transition: all 300ms ease; 282 -webkit-transition: all 300ms ease; 283 -o-transition: all 300ms ease; 284 -ms-transition: all 300ms ease; 285 } 286 .dropdown-menu > li.show > .dropdown-toggle > svg { 287 transform: rotate(90deg); 288 -webkit-transform: rotate(90deg); 289 -moz-transform: rotate(90deg); 290 -o-transform: rotate(90deg); 291 } 292 /* cart widget */ 293 nav span.fa-layers.fa-fw > i.navbar-fa + span.fa-layers-counter { 294 display: none; 295 } 296 nav span.fa-layers.fa-fw > svg.navbar-fa + span.fa-layers-counter { 297 -webkit-transform: scale(0.75) !important; 298 transform: scale(0.75) !important; 299 top: -75%; 300 right: auto; 301 left: 50%; 302 -webkit-transform-origin: top center; 303 transform-origin: top center; 304 display: inline-block; 305 } 306 /* list style */ 307 ul { 308 margin-bottom: 0 !important; 309 } 310 li { 311 /* list-style: none;*/ 312 } 313 /* hide caret */ 314 .dropdown-toggle::after{ 315 display:none!important; 316 } 317 /* social widget */ 318 .social-widget { 319 display: inline-block; 320 } 321 .social-widget a { 322 font-size: 30px; 323 width: 30px; 324 height: 30px; 325 min-width: 30px; 326 min-height: 30px; 327 } 328 @media (min-width: 401px) { 329 .social-widget a { 330 font-size: 36px; 331 width: 36px; 332 height: 36px; 333 min-width: 36px; 334 min-height: 36px; 335 } 336 } 337 .social-widget a svg.fa-twitter { 338 margin-right: -1px !important; 339 } 340 .social-widget a svg.fa-instagram { 341 margin-right: 2px !important; 342 } 343 .social-widget a svg.fa-google-plus-g { 344 margin-right: -6px !important; 345 } 346 .social-widget a svg.fa-youtube { 347 margin-right: -3px !important; 348 } 349 /* vertical align text widget */ 350 .navbar-text { 351 line-height: 150%; 352 vertical-align: middle; 353 min-height: 50px; 354 } 355 @media (min-width: 401px) { 356 .navbar-text { 357 min-height: 56px; 358 } 359 } 360 </style> 361 362 <!--// ! ------------arrow scroll to top --> 363 <a href="javascript:void(0);" id="toTop" class="back-to-top widget-to-top toTop-social " style="display: none; width: 45px !important; height: 45px !important; z-index: 55;">
364 <span class="fa-stack" style="font-size: 22px;"> 365 <i class="fas fa-circle fa-stack-2x" style="color: #2b2a2a;"></i> 366 <i class="fas fa-arrow-up fa-stack-1x fa-inverse" style="color: #ffffff;"></i> 367 </span> 368 </a> 369 370 <!-- //! facebook messager --> 371 372 <div id="facebookMessagerIcon" class="whatsappIcon" style=""> 373 <a role="button" href="https://m.me/293060454876" target="_blank" title="facebookMessager"> 374 <img src="https://webbuilder27.makewebeasy.com/images/messenger.png" width="40" height="40"> 375 </a> 376 </div> 377 <div class="section-container"> 378 <!-- BoxLoading --> 379 <div class="boxLoading" id="boxLoading"> 380 <div class="loader"> 381 <svg class="circular" viewBox="25 25 50 50"> 382 <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"></circle> 383 </svg> 384 </div> 385 </div> 386 387 <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_standard"></div> 388<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_popup"></div> 389<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_coupon"></div> 390
391<script type="text/javascript"> 392 393 function showModalBS(isClose, path, size) { 394 if (size == 'small') { 395 var siz = 'sm'; 396 } else if (size == 'medium') { 397 var siz = 'md'; 398 } else if (size == 'large') { 399 var siz = 'lg'; 400 } else if (size == 'full') { 401 var siz = 'full'; 402 } else if (size == 'cartlogin') { 403 var siz = 'modalCartLogin'; 404 } else if (size === 'addToCartGroupProduct') { 405 var siz = 'groupProduct modal-dialog-centered' 406 } else if (size === 'addToCart') { 407 var siz = 'addToCart modal-dialog-centered' 408 } else if (size === 'medium-center') { 409 var siz = 'md modal-dialog-centered' 410 } else { 411 var siz = 'md'; 412 } 413 414 if (isClose == 1) { 415 var backdrop = true; 416 } else if (isClose == 0) { 417 var backdrop = 'static'; 418 } else { 419 var backdrop = true; 420 } 421 jQuery('#modal_standard').html('<div class="modal-dialog modal-' + siz + '"><div class="modal-content"><div class="modal-loading text-center"><i class="fas fa-circle-notch fa-spin fa-3x"></i></div></div></div>'); 422 jQuery('#modal_standard').modal({ 423 backdrop: backdrop, 424 // remote: path, 425 show: true, 426 keyboard: true 427 }); 428 jQuery('#modal_standard').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 429 }); 430 } 431 432 function showModalPopup(isClose, path) { 433 if (isClose == 1) { 434 var backdrop = true; 435 } else if (isClose == 0) { 436 var backdrop = 'static'; 437 } else { 438 var backdrop = true; 439 } 440 jQuery('#modal_popup').html('<div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-loading text-center"><i class="fas fa-circle-notch fa-spin fa-3x"></i></div></div></div>'); 441 jQuery('#modal_popup').modal({ 442 backdrop: backdrop, 443 // remote: path, 444 show: true, 445 keyboard: true 446 }); 447 jQuery('#modal_popup').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 448 }); 449 } 450 451 function showModalCouponBS(path) { 452 jQuery('#modal_coupon').html('<div class="modal-dialog modal-coupon modal-dialog-centered"><div class="modal-content"><div class="modal-loading text-center"><i class="fas fa-circle-notch fa-spin fa-3x"></i></div></div></div>'); 453 jQuery('#modal_coupon').modal({ 454 backdrop: true, 455 // remote: path, 456 show: true, 457 keyboard: true 458 }); 459 jQuery('#modal_coupon').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 460 }); 461 } 462 463</script>
463 <div class="disabled-filter"></div> 464 <div class="section-body "> 465 <div id="section-header" class="sps sps--abv"> 466 467<style type="text/css"> 468 @media only screen and (min-width: 1025px){ 469 .headerMobile { 470 display: none !important; 471 } 472 .navbar-toggler { 473 display: none !important; 474 } 475 .navbar-expand-xl .navbar-collapse { 476 display: flex !important; 477 flex-basis: auto; 478 } 479 .navbar-expand-xl .navbar-nav { 480 flex-direction: row; 481 } 482 .navbar-expand-xl .navbar-nav .nav-link { 483 padding-right: 0.5rem; 484 padding-left: 0.5rem; 485 } 486 /* sticky */ 487 .headerDesktop nav #top-sticky { 488 transition: transform 450ms; 489 -webkit-transition: transform 450ms; 490 -moz-transition: transform 450ms; 491 -o-transition: transform 450ms; 492 } 493 .sps--abv .headerDesktop nav #top-sticky { 494 position: relative; 495 transform: translate3d(0, 0, 0); 496 -webkit-transform: translate3d(0, 0, 0); 497 -moz-transform: translate3d(0, 0, 0); 498 -ms-transform: translate3d(0, 0, 0); 499 } 500 .sps--abv .headerDesktop nav #top-mb { 501 margin-bottom: 0; 502 } 503 .sps--abv .headerDesktop nav #top-sticky #cart{ 504 display: none !important; 505 } 506 .sps--blw .headerDesktop nav #top-sticky { 507 position: fixed; 508 top: -56px; 509 left: 0; 510 right: 0; 511 z-index: 1000; 512 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 513 -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 514 -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 515 transform: translate3d(0, 56px, 0); 516 -webkit-transform: translate3d(0, 56px, 0); 517 -moz-transform: translate3d(0, 56px, 0); 518 -ms-transform: translate3d(0, 56px, 0); 519 } 520 .sps--blw .headerDesktop nav #top-mb { 521 padding-bottom: 56px; 522 } 523 .sps--blw #top-sticky #logotop{ 524 display: none !important; 525 } 526 527 .sps--blw .headerDesktop nav #top-sticky #cart{ 528 display: inline-flex !important 529 } 530 531 } 532 @media (max-width: 1024px){ 533 .headerDesktop { 534 display: none !important; 535 } 536 /* sticky */ 537 .sps--abv .headerMobile nav #top-sticky { 538 position: static; 539 } 540 .sps--abv .headerMobile nav #top-mb { 541 margin-bottom: 0; 542 } 543 .sps--blw .headerMobile nav #top-sticky { 544 position: fixed; 545 top: 0; 546 left: 0; 547 right: 0; 548 z-index: 1000; 549 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 550 -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 551 -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 552 } 553 .sps--blw .headerMobile nav #top-mb { 554 margin-bottom: 56px; 555 } 556 .icoMember ,#iconsMember{ 557 display: none; 558 } 559 ul.navbar-topmenu.navbar-nav .arrowCollapse{ 560 transition: transform .3s ease 0s; 561 } 562 ul.navbar-topmenu.navbar-nav .arrowCollapse > svg{ 563 transition: transform .3s ease 0s; 564 } 565 } 566 .sb { 567 visibility: visible; 568 /*position: absolute; 569 top: 0; 570 left: 0; 571 right: 0; 572 bottom: 0; 573 574 opacity: 1; 575 z-index: 999; 576 padding: 0 16px; 577 /*margin: 0 16px;*/ 578 } 579 .sb > input { 580 /*width: calc(100% - 39px); 581 border-top: 0; 582 border-left: 0; 583 border-right: 0; 584 border-bottom: 2px solid #FFF; 585 background: #333 !important; 586 padding: 6px; 587 color: #FFF; 588 vertical-align: middle;*/ 589 } 590 .sb > input::placeholder { 591 color: #333; 592 } 593 .sb > input:focus { 594 outline: none; 595 } 596 .aCloseSearchIcon { 597 height: 36px; 598 padding: 6px 12px; 599 } 600 #top-sticky > div { 601 position: relative; 602 } 603 div.headerMobile{ 604 position: relative; 605 z-index: 56; 606 } 607 @media (max-width: 1024px){ 608 ul.navbar-topmenu.navbar-nav .abl1 span.arrowCollapse{ 609 right: 0px !important; 610 } 611 ul.navbar-topmenu.navbar-nav .abl2 span.arrowCollapse{ 612 right: 8px !important; 613 } 614 } 615 #divMWEAds { 616 bottom: unset; 617 width: 100vw !important; 618 background: #fff; 619 color: #000; 620 } 621 #divMWEAds:hover { 622 background: #fff; 623 } 624 #topZone { 625 padding-top: 0px; 626 } 627 .marginBot { 628 margin-bottom: 0px; 629 } 630 631 .headerMobile #divMWEAds { 632 font-family: 'DB Heavent' !important; 633 font-size:21px; 634 z-index:999999; 635 } 636 .headerMobile #divMWEAds a { 637 font-size: 20px; 638 font-family: 'DB Heavent' !important; 639 font-weight: bold; 640 } 641 @media only screen and (max-width: 400px) { 642 .headerMobile #divMWEAds { 643 font-size:16px; 644 } 645 #divMWEAds img { 646 max-height: 25px; 647 max-width: 25px; 648 } 649 .headerMobile #divMWEAds a { 650 font-size: 16px; 651 } 652 } 653</style> 654<div class="headerDesktop"> 655 <style type="text/css"> 656 @media (min-width: 1025px) { 657 .navbar-brand { 658 font-size: 24px !important; 659 border: none !important; 660 padding: 0; 661 margin: auto; 662 } 663 .navbar-text{ 664 min-height: 24px; 665 } 666 .text-truncate{ 667 width: 100%; 668 } 669 .text-truncate p{ 670 margin-bottom: 0 !important; 671 line-height: 24px; 672 } 673 674 #menutop{ 675 margin: 10px 10px 10px 0 !important; 676 } 677 .topwidget-menu{ 678 margin: 0 !important; 679 } 680 .sps--abv .row-display-justify { 681 -webkit-box-pack: center !important; 682 -ms-flex-pack: center !important; 683 justify-content: center !important; 684 } 685 .sps--blw .row-display-justify { 686 -webkit-box-pack: flex-start !important; 687 -ms-flex-pack: flex-start !important; 688 justify-content: flex-start !important; 689 } 690 #top-area #logotop { 691 margin: 10px 0px 0px 0px; 692 } 693 .navbar-brand .img-logo { 694 max-width: 100%; 695 min-width: 1px; 696 min-height: 1px; 697 max-height: 100%; 698 } 699 #top-sticky #cart2{ 700 display: none !important; 701 } 702 .sps--blw #top-sticky #cart2{ 703 display: inline-flex !important; 704 705 } 706 } 707</style> 708 709<nav id="topZone" class="navbar-expand-xl"> 710 <div id="top-bar"> 711 <div id="top-mb"> 712 <div class="container"> 713 <div class="row align-items-center justify-content-between"> 714 <div class="col-12 col-sm col-lg-auto"> 715 <div id="member" class="hoverOverlay d-inline-flex align-middle my-1"> 716 <ul class="navbar-nav member-nav"> 717 <li class="nav-item"> 718 <a class="nav-link" href="/th/member" id="txtLoginMember"> 719 <i class='fas fa-sign-in-alt icoMember'></i> à¹à¸à¹à¸²à¸ªà¸¹à¹à¸£à¸°à¸à¸ </a> 720 </li> 721 <li class="nav-item" style="font-size: 15px;">
722 <span id="sprMember"> 723 <span id="imgSprMemberLoged"></span> 724 </span> 725 </li> 726 <li class="nav-item"> 727 <a class="nav-link" href="/th/member/register" id="txtRegisMember"> 728 <i class="fas fa-user icoMember"></i> สมัà¸à¸£à¸ªà¸¡à¸²à¸à¸´à¸ </a> 729 </li> 730 </ul> 731 </div> 732 </div> 733 734 <div class="col-lg-auto"> 735 <div id="toptext" class="hoverOverlay d-inline-flex align-middle my-1"> 736 <div class="navbar-text text-truncate text-right py-1"> 737 <span style="font-size: 17px;" data-mce-style="font-size: 17px;"><span style="font-family: Roboto;" data-mce-style="font-family: Roboto;"><span class="fas fa-shipping-fast mceNonEditable" style="vertical-align: middle; color: #6aa84f;" data-mce-style="vertical-align: middle; color: #6aa84f;" contenteditable="false"> </span> <span style="font-family: 'Quark Bold'; font-size: 16px; color: #719e00;" quark="" bold="" font-size:="" 16px="" color:="" rgb="" 113="" 158="" 0="" data-mce-style="font-family: 'Quark Bold'; font-size: 16px; color: #719e00;"><span style="font-size: 15px;" data-mce-style="font-size: 15px;">GRAB à¸à¸£à¸´à¸à¸²à¸£à¸ªà¹à¸à¸à¹à¸§à¸</span></span></span></span> </div> 738 </div> 739 <div id="cart" class="hoverOverlay d-inline-flex align-middle my-1"> 740 <style type="text/css"> 741 .cart-nav{ 742 margin: 0; 743 } 744</style> 745 746 747 748<a class="navbar-link cart-nav" href="/cart"> 749 <span class="fa-layers fa-fw navbar-fa2"> 750 <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i> 751 <span class="widgetCartNumber d-none">0</span> 752 </span> 753</a> 754 </div> 755 <div id="socialnetwork" class="hoverOverlay d-inline-flex align-middle my-1"> 756 <div class="d-inline"> 757<style> 758 .empty { 759 padding-top: 15px; 760 padding-right: 22px; 761 padding-bottom: 12px; 762 padding-left: 29px; 763 } 764 .wechatSocial{ 765 cursor: pointer; 766 } 767 .pointer-none { 768 pointer-events: none; 769 } 770</style> 771<div class="social-widget"> 772 <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/welovestreetfashions/ " style=""> 773 <i class="fas fa-circle colorFacebookBG pointer-none"></i> 774 <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i> 775 </a> 776 <a class="faco-top fa-layers fa-fw instagramSocial" target="_blank" href="https://www.instagram.com/welovestreetfashion/" style=""> 777 <i class="fas fa-circle colorInstagramBG pointer-none"></i> 778 <i class="fa-inverse fab fa-instagram colorInstagram pointer-none" data-fa-transform="shrink-7"></i> 779 </a> 780 <a class="faco-top fa-layers fa-fw pinterestSocial" target="_blank" href="https://www.pinterest.com/WLSbangkok/" style=""> 781 <i class="fas fa-circle colorPinterestBG pointer-none"></i> 782 <i class="fa-inverse fab fa-pinterest-p colorPinterest pointer-none" data-fa-transform="shrink-7"></i> 783 </a> 784 <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/@https://lin.ee/fxidmYP " style=""> 785 <i class="fas fa-circle colorLineBG pointer-none"></i> 786 <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i> 787 </a> 788 789 790 </div>
791<script type="text/javascript"> 792 793 jQuery(".wechatSocial").click(function () { 794 window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); 795 }); 796 797</script>
797</div> 798 </div> 799 </div> 800 </div> 801 </div> 802 </div> 803 </div> 804 <div id="top-area"> 805 <div id="top-mb"> 806 <div class="container"> 807 <div class="row no-gutters"> 808 <div class="col col-lg text-center"> 809 <div id="logotop" class="hoverOverlay d-inline-flex"> 810 <span class="navbar-brand"> 811 <a href="/" style="text-decoration: none;"> 812 <style> 813 @media (min-width: 1025px){ 814 .img-logo { 815 } 816 } 817 </style> 818 <img src="https://image.makewebcdn.com/makeweb/m_1920x0/eECPNU6HM/DefaultData/Classic_Logo.png?v=202405291424" alt="WLS LIMITED EDITION " title="WLS LIMITED EDITION " class="d-inline-block img-logo"/> 819 </a> 820 </span> 821 </div> 822 </div> 823 </div> 824 </div> 825 </div> 826 <div id="top-sticky"> 827 <div class="container"> 828 <div class="row no-gutters justify-content-center"> 829 <div class="collapse topSearchBar"> 830 <div class="topSearchBarInner"> 831 <div class="input-group mb-3"> 832 <input type="text" class="form-control textStringSearchTopWidget" placeholder="à¹à¸ªà¹à¸à¸³à¸à¹à¸à¸«à¸²à¸à¸à¸à¸à¸¸à¸..."> 833 <div class="input-group-append"> 834 <button class="btn border-left-0 rounded-right btn-outline-secondary btnSearchTopWidget" type="button"><i class="fas fa-search"></i></button> 835 </div> 836 </div> 837 </div> 838 </div> 839 840 <div class="col-12 col-lg-auto d-lg-inline-flex align-items-center"> 841 <div id="menutop" class="hoverOverlay d-inline-flex"> 842 <div class="collapse navbar-collapse"> 843 <style type="text/css"> 844 .topwidget-menu .navbar-nav .dropdown-menu { 845 padding: 0; 846 margin: 0; 847 } 848 .topwidget-menu .navbar-nav .dropdown-menu.hidden { 849 visibility: hidden; 850 } 851 /*PC hack to hover*/ 852 @media (min-width: 1025px) { 853 ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{ 854 display:block !important; 855 } 856 ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{ 857 display:block !important; 858 } 859 ul.navbar-topmenu.navbar-nav ul{ 860 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 861 } 862 .topwidget-menu { 863 margin: 10px; 864 } 865 ul.dropdown-menu.dropdown-menu-right{ 866 left: unset; 867 right:0; 868 } 869 .dropdownfix-menu-right { 870 right:100% !important; 871 left:auto !important; 872 } 873 .public-topmenu .dropdown-menu-right .fa-chevron-right { 874 transform: rotate(180deg); 875 left: 0; 876 position: absolute; 877 top: 12px; 878 } 879 .public-topmenu .dropdown-menu-right .fa-chevron-down{ 880 transform: rotate(90deg); 881 left: 0; 882 position: absolute; 883 top: 12px; 884 } 885 .more.hidden{ 886 display:none; 887 } 888 .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{ 889 transform: rotate(-90deg); 890 } 891 ul.navbar-topmenu.navbar-nav > li.nav-item ul{ 892 position: absolute; 893 } 894 .public-topmenu .topmenuLg{ 895 border-right:none !important; 896 } 897 } 898 /* tablet*/ 899 @media only screen and (min-width: 768px) and (max-width: 1112px) { 900 ul.navbar-topmenu.navbar-nav ul{ 901 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 902 } 903 } 904 /*mobile tablet*/ 905 @media only screen and (max-width: 1024px) { 906 907 ul.navbar-topmenu .abl1 .arrowCollapse, 908 ul.navbar-topmenu .abl2 .arrowCollapse{ 909 position: absolute; 910 right: 20px !important; 911 top: 25%; 912 text-align: center; 913 height: 16px; 914 } 915 ul.navbar-topmenu.navbar-nav a{ 916 text-align: left !important; 917 white-space: normal; 918 } 919 ul.navbar-topmenu.navbar-nav .fa-chevron-down{ 920 transition: all .3s ease 0s; 921 -ms-transition: all .3s ease 0s; 922 -webkit-transition: all .3s ease 0s; 923 -moz-transition: all .3s ease 0s; 924 } 925 ul.navbar-topmenu.navbar-nav .fa-chevron-right{ 926 transform: rotate(90deg); 927 transition: all .3s ease 0s; 928 -ms-transition: all .3s ease 0s; 929 -webkit-transition: all .3s ease 0s; 930 -moz-transition: all .3s ease 0s; 931 /* width: 15px; 932 height: 15px; */ 933 } 934 935 ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{ 936 right: 12px; 937 top: 27%; 938 } 939 940 ul.navbar-topmenu.navbar-nav a{ 941 word-wrap: break-word; 942 } 943 ul.navbar-topmenu.navbar-nav .more{ 944 display:none !important; 945 } 946 .public-topmenu .dropdown.show > a > .arrowCollapse{ 947 transform: rotate(180deg); 948 -ms-transform: rotate(180deg); 949 -webkit-transform: rotate(180deg); 950 -moz-transform: rotate(180deg); 951 } 952 .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{ 953 transform: rotate(270deg); 954 -ms-transform: rotate(270deg); 955 -webkit-transform: rotate(270deg); 956 -moz-transform: rotate(270deg); 957 } 958 .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{ 959 transform: rotate(270deg); 960 -ms-transform: rotate(270deg); 961 -webkit-transform: rotate(270deg); 962 -moz-transform: rotate(270deg); 963 } 964 ul.navbar-topmenu.navbar-nav > li > ul > li > a { 965 padding-left: 30px !important; 966 } 967 ul.navbar-topmenu.navbar-nav ul ul a { 968 padding-left: 45px !important; 969 } 970 } 971</style> 972<div class="topwidget-menu"> 973 <ul class="navbar-nav navbar-topmenu public-topmenu"> 974 <li class="nav-item "> 975 <a class="nav-link abl1" data-onhome="home" href="/" target="_blank"> 976 HOME </a> 977 </li> 978 <li class="nav-item "> 979 <a class="nav-link abl1" href="/category/1658/1335/new-arrivals" target="_blank"> 980 NEW ARRIVALS </a> 981 </li> 982 <li class="nav-item dropdown "> 983 <a class="nav-link abl1" href="/category/1658/shop" target="_blank" style="position: relative;"> 984 SHOP <sp
984an class="arrowCollapse"> 985 <i class="fal fa-chevron-down"></i> 986 </span> 987 </a> 988 <ul class="dropdown-menu"> 989 <li> 990 <a class="nav-link dropdown-item abl2" href="/category/1658/100/dresses" target="_blank"> 991 Dresses </a> 992 </li> 993 <li> 994 <a class="nav-link dropdown-item abl2" href="/category/1658/99/tops" target="_blank"> 995 Tops </a> 996 </li> 997 <li> 998 <a class="nav-link dropdown-item abl2" href="/category/1658/98/bottoms" target="_blank"> 999 Bottoms </a> 1000 </li> 1001 <li> 1002 <a class="nav-link dropdown-item abl2" href="/category/1658/100/dresses" target="_blank"> 1003 Sets & Jumpsuit </a> 1004 </li> 1005 <li> 1006 <a class="nav-link dropdown-item abl2" href="/category/1658/97/scarves" target="_blank"> 1007 Scarves </a> 1008 </li> 1009 <li> 1010 <a class="nav-link dropdown-item abl2" href="javascript:void(0);" target="_self" style="position: relative;"> 1011 Vintage to Die for.. <span class="arrowCollapse"> 1012 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1013 </span> 1014 </a> 1015 <ul class="dropdown-menu"> 1016 <li> 1017 <a class="nav-link dropdown-item abl2" href="/category/1657/103/authentic-vintage" target="_blank"> 1018 Authentic Vintage </a> 1019 </li> 1020 <li> 1021 <a class="nav-link dropdown-item abl2" href="/category/1657/104/special-mix-match" target="_blank"> 1022 Vintage Mix & Match </a> 1023 </li> 1024 </ul> 1025 </li> 1026 <li> 1027 <a class="nav-link dropdown-item abl2" data-onhome="home" href="/" target="_self"> 1028 Sale </a> 1029 </li> 1030 </ul> 1031 </li> 1032 <li class="nav-item dropdown "> 1033 <a class="nav-link abl1" href="javascript:void(0);" target="_self" style="position: relative;"> 1034 STYLE LIBRARY <sp
1034an class="arrowCollapse"> 1035 <i class="fal fa-chevron-down"></i> 1036 </span> 1037 </a> 1038 <ul class="dropdown-menu"> 1039 <li> 1040 <a class="nav-link dropdown-item abl2" data-onhome="home" href="/" target="_blank"> 1041 Why We Wear </a> 1042 </li> 1043 <li> 1044 <a class="nav-link dropdown-item abl2" data-onhome="home" href="/" target="_blank"> 1045 Ways to Wear </a> 1046 </li> 1047 <li> 1048 <a class="nav-link dropdown-item abl2" data-onhome="home" href="/" target="_blank"> 1049 Fabric & Care Guide </a> 1050 </li> 1051 <li> 1052 <a class="nav-link dropdown-item abl2" data-onhome="home" href="/" target="_blank" style="position: relative;"> 1053 Editorial <span class="arrowCollapse"> 1054 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1055 </span> 1056 </a> 1057 <ul class="dropdown-menu"> 1058 <li> 1059 <a class="nav-link dropdown-item abl2" href="/categorycontent/899/fashion-talk" target="_blank"> 1060 Fashion Talk </a> 1061 </li> 1062 <li> 1063 <a class="nav-link dropdown-item abl2" href="/categorycontent/898/fashion-trends" target="_blank"> 1064 Fashion Trends </a> 1065 </li> 1066 </ul> 1067 </li> 1068 </ul> 1069 </li> 1070 <li class="nav-item "> 1071 <a class="nav-link abl1" href="/aboutus" target="_blank"> 1072 ABOUT WLS </a> 1073 </li> 1074 <li class="nav-item "> 1075 <a class="nav-link abl1" href="/informpayment" target="_blank"> 1076 INFORM PAYMENT </a> 1077 </li> 1078 <li class="nav-item topmenuLg"> 1079 <a class="nav-link abl1" href="/contactus" target="_blank"> 1080 CONTACT US </a> 1081 </li> 1082 1083 <li class="nav-item dropdown more hidden" data-width="80"> 1084 <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)"> 1085 à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i> 1086 </a> 1087 <ul class="dropdown-menu"></ul> 1088 </li> 1089 </ul> 1090</div> 1091
1091<script> 1092 /*width auto more*/ 1093 if (jQuery(window).width() > 1024) { 1094 calcWidth(); 1095 var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last'); 1096 last_visible_element.css('border-right', 'none'); 1097 } 1098 function calcWidth() { 1099 var navwidth = 0; 1100 var availablespace = 0; 1101 var logwid = jQuery('#logotop').outerWidth(true); 1102 var defwidth = 0; 1103 var intIsEnableSearchTop = "1"; 1104 var intIsEnableCart = "1"; 1105 var calAweDropdown = "34"; 1106 navwidth = navwidth + parseInt(calAweDropdown); 1107 let isLayoutId = '38'; 1108 let fullcontainer = '0'; 1109 if (intIsEnableSearchTop == 1) { 1110 defwidth = defwidth + 60; 1111 } 1112 1113 if (intIsEnableCart == 1) { 1114 defwidth = defwidth + 60; 1115 } 1116 1117 /* if (calAweDropdown != 0) { 1118 defwidth = defwidth + calAweDropdown; 1119 }*/ 1120 1121 if (typeof logwid === "undefined") { 1122 var logwid = 0; 1123 } 1124 if (isLayoutId == '37' || isLayoutId == '38') { 1125 var logwid = 0; 1126 } 1127 if(fullcontainer=='1'){ 1128 var pls_pad = 30; 1129 }else{ 1130 var pls_pad = 0; 1131 } 1132 /* if(isLayoutId=='38'){ 1133 var defwidth = 180; 1134 }*/ 1135 var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17; 1136 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { 1137 navwidth += jQuery(this).outerWidth(true); 1138 }); 1139 /*jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.dropdown:not(.more)').each(function () { 1140 navwidth += 17; 1141 });*/ 1142 var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 49); 1143 if (navwidth > availablespace) { 1144 var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); 1145 var jimwidtest = lastItem.outerWidth(true); 1146 lastItem.removeClass('nav-item'); 1147 lastItem.removeClass('dropdown'); 1148 lastItem.children('a.nav-link').addClass('dropdown-item'); 1149 lastItem.attr('data-width', lastItem.outerWidth(true)); 1150 if (jimwidtest > 0) { 1151 lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul')); 1152 } 1153 delete lastItem; 1154 calcWidth(); 1155 return 0; 1156 } else { 1157 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') { 1158 var firstMoreElement = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first(); 1159 if (navwidth + firstMoreElement.data('width') < availablespace) { 1160 firstMoreElement.addClass('nav-item'); 1161 firstMoreElement.children('a.nav-link').removeClass('dropdown-item'); 1162 firstMoreElement.removeAttr("data-width"); 1163 firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); 1164 } 1165 delete firstMoreElement; 1166 } 1167 } 1168 /*hide more*/ 1169 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') { 1170 var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length; 1171 if (thelast == 1) { 1172 //remove more 1173 var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1174 if ((navwidth + firstMoreElement2.width()) < availablespace) { 1175 firstMoreElement2.addClass('nav-item'); 1176 firstMoreElement2.addClass('topmenuLg'); 1177 firstMoreElement2.children('a.nav-link').removeClass('dropdown-item'); 1178 firstMoreElement2.removeAttr("data-width"); 1179 firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); 1180 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1181 } else { 1182 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1183 } 1184 delete firstMoreElement2; 1185 } else { 1186 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1187 } 1188 } else { 1189 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); 1190 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1191 } 1192 } 1193 1194 function calcWidthAfter() { 1195 1196 //affix if reflesh topbar appear 1197 if ($(window).scrollTop() > 0) { 1198 var logwid = 610; 1199 }else{ 1200 var logwid = jQuery('#logotop').outerWidth(true); 1201 } 1202 1203 var navwidth = 0; 1204 var availablespace = 0; 1205 var defwidth = 0; 1206 var serwid = jQuery('#searchtop').outerWidth(true); 1207 var car2id = jQuery('#cart2').outerWidth(true); 1208 var intIsEnableSearchTop = "1"; 1209 var intIsEnableCart = "1"; 1210 let isLayoutId = '38'; 1211 let fullcontainer = '0'; 1212 if (intIsEnableSearchTop == 1) { 1213 defwidth = defwidth + serwid; 1214 } 1215 1216 if (intIsEnableCart == 1) { 1217 defwidth = defwidth + car2id; 1218 } 1219 1220 jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg'); 1221 1222 if (typeof logwid === "undefined") { 1223 var logwid = 0; 1224 } 1225 if (isLayoutId == '37' || isLayoutId == '38') { 1226 var logwid = 0; 1227 } 1228 if(fullcontainer=='1'){ 1229 var pls_pad = 30; 1230 }else{ 1231 var pls_pad = 0; 1232 } 1233 var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true); 1234 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { 1235 navwidth += (jQuery(this).outerWidth(true)); 1236 }); 1237 1238 var availablespace = parseFloat(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60); 1239 1240 if (navwidth > availablespace) { 1241 var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); 1242 var jimwidtest = lastItem.outerWidth(true); 1243 lastItem.removeClass('nav-item'); 1244 lastItem.removeClass('dropdown'); 1245 lastItem.children('a.nav-link').addClass('dropdown-item'); 1246 lastItem.attr('data-width', lastItem.outerWidth(true)); 1247 if (jimwidtest > 0) { 1248 lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul')); 1249 } 1250 delete lastItem; 1251 calcWidthAfter(); 1252 return 0; 1253 } else { 1254 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') { 1255 } 1256 } 1257 1258 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') { 1259 var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length; 1260 if (thelast == 1) { 1261 var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1262 if ((navwidth + firstMoreElement2.width()) < availablespace) { 1263 } 1264 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1265 } else { 1266 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1267 } 1268 } else { 1269 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1270 } 1271 1272 //add class last item menu à¸à¸à¸à¹à¸à¹à¸ 1273 jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); 1274 } 1275 1276 jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").hover(function(){ 1277 var vjim = jQuery(this); 1278 if (jQuery('ul', this).length) { 1279 vjim.find('ul.dropdown-menu').addClass('d-block hidden'); //à¹à¸à¸ render element à¹à¸à¸·à¹à¸ get à¸à¹à¸²à¸¡à¸²à¸à¸³à¸à¸§à¸ 1280 var elm = jQuery('ul:first', this); 1281 var off = elm.offset(); 1282 var l = off.left; 1283 var docW = jQuery("#top-area > #top-sticky").width(); 1284 let _maxWidthLv2 = vjim.find('ul.dropdown-menu:first').width(); 1285 let _maxWidthLv3 = 0; 1286 let _maxWidthLv4 = 0; 1287 let menuLv2Li = vjim.find('ul.dropdown-menu:first > li'); 1288 Array.prototype.forEach.call(menuLv2Li, menu2li => { 1289 let menuLv3Width = jQuery(menu2li).find('ul.dropdown-menu:first').width(); 1290 if (menuLv3Width > _maxWidthLv3) { 1291 _maxWidthLv3 = menuLv3Width; 1292 } 1293 let menuLv3Li = jQuery(menu2li).find('ul.dropdown-menu:first > li'); 1294 Array.prototype.forEach.call(menuLv3Li, menu3li => { 1295 let menuLv4Width = jQuery(menu3li).find('ul.dropdown-menu').width(); 1296 if (menuLv4Width > _maxWidthLv4) { 1297 _maxWidthLv4 = menuLv4Width; 1298 } 1299 }); 1300 }); 1301 1302 vjim.find('ul.dropdown-menu').removeClass('d-block hidden'); //à¸à¸³à¸à¸§à¸à¹à¸ªà¸£à¹à¸à¹à¸¥à¹à¸§à¹à¸à¸² render à¸à¸à¸ 1303 1304 let centerHover = l + (jQuery(this).width()/2) 1305 let centerScreen = docW / 2 1306 var isEntirelyVisible = ((l + _maxWidthLv2 + _maxWidthLv3 + _maxWidthLv4) <= docW); 1307 if (!isEntirelyVisible && (centerHover > centerScreen)){ 1308 vjim.children('ul.dropdown-menu').addClass('dropdown-menu-right'); 1309 vjim.children('ul.dropdown-menu.dropdown-menu-right').find('ul.dropdown-menu').addClass('dropdownfix-menu-right'); 1310 } 1311 } 1312 }) 1313 1314 /*nomobile*/ 1315 /* }*/ 1316 </script>
1316 1317 </div> 1318 </div> 1319 </div> 1320 <div class="col-auto col-lg-auto d-lg-inline-flex align-items-center"> 1321 <div id="searchtop" class="hoverOverlay d-inline-flex align-middle"> 1322 <style type="text/css"> 1323 div.topSearchBar { 1324 position: absolute; 1325 z-index: 999; 1326 width: 100%; 1327 left: 0; 1328 margin: 0 auto; 1329 max-width: 768px; 1330 right: 0; 1331 top: 100%; 1332 } 1333 @media only screen and (max-width: 1024px) { 1334 div.topSearchBar { 1335 bottom: unset !important; 1336 top: 56px !important; 1337 } 1338 div.topSearchBarInner { 1339 padding: 15px 15px 15px 15px; 1340 } 1341 } 1342 1343 @media only screen and (min-width: 1024px) { 1344 div.topSearchBarInner { 1345 padding: 15px 15px 1px 15px; 1346 } 1347 } 1348 div.topSearchBarInner { 1349 background: #FFF; 1350 box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1351 -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1352 -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1353 } 1354 div.topSearchBarInner .btn.btn-default { 1355 border-left: 0px !important; 1356 } 1357 div.topSearchBarInner .btn.btn-default:hover { 1358 /* background: none !important;*/ 1359 } 1360 div.topSearchBarInner .form-control:focus { 1361 border-color: inherit !important; 1362 } 1363 .textStringSearchTopWidget, .btnSearchTopWidget { 1364 font-size: 16px; 1365 height: 36px; 1366 } 1367 .aOpenSearchIcon, .aCloseSearchIcon{ 1368 font-size: 22px !important; 1369 margin: 0; 1370 line-height: 20px; 1371 } 1372 1373</style> 1374 1375<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;"> 1376 <i class="far fa-search fa-fw navbar-fa"></i> 1377</div>
1378<script> 1379 jQuery('input.textStringSearchTopWidget').on('keypress', function (e) { 1380 jQuery('input.textStringSearchTopWidget').val(this.value); 1381 if (e.keyCode == 13) { 1382 clickSearch(jQuery(this).val()); 1383 } 1384 }); 1385 1386 jQuery('.btnSearchTopWidget').on('click', function () { 1387 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 1388 clickSearch(textStringSearch); 1389 }); 1390 1391 jQuery('.aCloseSearchIcon').on('click', function (e) { 1392 e.preventDefault(); 1393 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 1394 if(textStringSearch!=''){ 1395 clickSearch(textStringSearch); 1396 } 1397 }); 1398 1399 function clickSearch(textStringSearch) { 1400 if (textStringSearch != '') { 1401 let lpart = ''; 1402 let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/'); 1403 if(lpart!=''){ 1404 document.location.href = '/' + lpart + '/search&text=' + encodedSearch; 1405 }else{ 1406 document.location.href = '/search&text=' + encodedSearch; 1407 } 1408 } 1409 } 1410</script>
1410 </div> 1411 </div> 1412 <div class="col-auto col-lg-auto text-right order-1 order-lg-12 d-lg-inline-flex align-items-center"> 1413 <div id="cart2" class="hoverOverlay d-inline-flex align-middle"> 1414 <style type="text/css"> 1415 .cart-nav{ 1416 margin: 0; 1417 } 1418</style> 1419 1420 1421 1422<a class="navbar-link cart-nav" href="/cart"> 1423 <span class="fa-layers fa-fw navbar-fa2"> 1424 <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i> 1425 <span class="widgetCartNumber d-none">0</span> 1426 </span> 1427</a> 1428 </div> 1429 </div> 1430 </div> 1431 </div> 1432 </div> 1433 </div> 1434</nav></div> 1435<div class="headerMobile"> 1436 <style type="text/css"> 1437 nav .orderingMenu { 1438 order: 1; 1439 } 1440 .navbar-nav .dropdown-menu .dropdown-item { 1441 padding: 6px 20px; 1442 } 1443 @media (max-width: 1024px) { 1444 .navbar-toggler { 1445 padding: 9px 10px !important; 1446 margin-left: 3px !important; 1447 margin-top: 6px; 1448 margin-right: 0px; 1449 margin-bottom: 6px; 1450 font-size: 16px !important; 1451 height: 44px; 1452 } 1453 nav > #top-area > .row { 1454 margin: 0 6px; 1455 } 1456 .navbar-nav .dropdown-menu { 1457 position: relative !important; 1458 transform: translate3d(0px, 0px, 0px) !important; 1459 -webkit-transform: translate3d(0px, 0px, 0px) !important; 1460 top: auto !important; 1461 left: auto !important; 1462 padding: 0; 1463 margin: 0; 1464 } 1465 .navbar-nav .dropdown-menu .dropdown-item { 1466 padding: 9px 40px 9px 15px; 1467 } 1468 .navbar-text { 1469 margin: 0 auto; 1470 } 1471 .navbar-brand { 1472 padding: 4px 8px !important; 1473 font-size: 24px !important; 1474 line-height: 40px !important; 1475 border: none !important; 1476 margin: 0px 4px !important; 1477 } 1478 .navbar-brand span{ 1479 line-height: 40px; 1480 } 1481 .navbar-brand img { 1482 /*max-height: 48px;*/ 1483 max-height: 44px; 1484 max-width: 100%; 1485 } 1486 nav .navbar-link { 1487 min-width: 40px; 1488 } 1489 nav #top-area { 1490 transition: all 300ms ease; 1491 -webkit-transition: all 300ms ease; 1492 -moz-transition: all 300ms ease; 1493 -o-transition: all 300ms ease; 1494 } 1495 /* widget */ 1496 nav #socialnetwork,nav #linewidget { 1497 min-height: 34px; 1498 } 1499 nav .orderingMenu { 1500 order: 12; 1501 flex-basis: auto; 1502 } 1503 nav .brandingBox { 1504 flex-basis: 0; 1505 flex-grow: 1; 1506 max-width: 100%; 1507 } 1508 .navbar-link.cart-nav{ 1509 font-size: 22px; 1510 } 1511 .navbar-link.aOpenSearchIcon,.navbar-link.cart-nav{ 1512 margin-left: 0px; 1513 margin-top: 0px; 1514 margin-bottom: 0px; 1515 padding: 0px; 1516 } 1517 .widgetCartNumber { 1518 top: -11px; 1519 } 1520 .navbar-nav.member-nav .nav-item{ 1521 width: 100%; 1522 text-align: left !important; 1523 } 1524 .navbar-nav.member-nav{ 1525 height: auto; 1526 margin: 0px 5px; 1527 text-align: left !important; 1528 } 1529 .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show{ 1530 background: transparent; 1531 border: none; 1532 } 1533 .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show a:hover { 1534 background-color: transparent; 1535 } 1536 } 1537 @media (max-width: 350px) { 1538 nav > #top-bar { 1539 padding-left: 5px; 1540 padding-right: 5px; 1541 } 1542 } 1543 /*lang*/ 1544 .topwidget-lang{ 1545 margin: 0px 5px; 1546 } 1547 .topwidget-lang a { 1548 padding-left: 10px !important; 1549 padding-right: 10px !important; 1550 } 1551 1552 #section-header.sps--blw .headerMobile .navbar-collapse { 1553 max-height: 79vh;
1554 overflow-y: scroll; 1555 position: relative; 1556 -webkit-overflow-scrolling: touch; 1557 } 1558 #section-header.sps--abv .headerMobile .navbar-collapse { 1559 max-height: 73vh; 1560 overflow-y: scroll; 1561 -webkit-overflow-scrolling: touch; 1562 } 1563</style> 1564<nav id="topZone" class="navbar-expand-xl airry"> 1565 <div id="top-bar"> 1566 <div id="top-mb"> 1567 <div class="container-fluid"> 1568 <div class="row"> 1569 <div class="col-12 col-sm-12 col-md-12 col-lg text-truncate text-center"> 1570 <div id="toptext" class="navbar-text"> 1571 <span style="font-size: 17px;" data-mce-style="font-size: 17px;"><span style="font-family: Roboto;" data-mce-style="font-family: Roboto;"><span class="fas fa-shipping-fast mceNonEditable" style="vertical-align: middle; color: #6aa84f;" data-mce-style="vertical-align: middle; color: #6aa84f;" contenteditable="false"> </span> <span style="font-family: 'Quark Bold'; font-size: 16px; color: #719e00;" quark="" bold="" font-size:="" 16px="" color:="" rgb="" 113="" 158="" 0="" data-mce-style="font-family: 'Quark Bold'; font-size: 16px; color: #719e00;"><span style="font-size: 15px;" data-mce-style="font-size: 15px;">GRAB à¸à¸£à¸´à¸à¸²à¸£à¸ªà¹à¸à¸à¹à¸§à¸</span></span></span></span> </div> 1572 </div> 1573 </div> 1574 <div class="row"> 1575 <div class="col-12 col-sm-12 col-md-12 col-lg text-center"> 1576 <div class="navbar-text"> 1577 <div id="socialnetwork" class="d-inline"> 1578<style> 1579 .empty { 1580 padding-top: 15px; 1581 padding-right: 22px; 1582 padding-bottom: 12px; 1583 padding-left: 29px; 1584 } 1585 .wechatSocial{ 1586 cursor: pointer; 1587 } 1588 .pointer-none { 1589 pointer-events: none; 1590 } 1591</style> 1592<div class="social-widget"> 1593 <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/welovestreetfashions/ " style=""> 1594 <i class="fas fa-circle colorFacebookBG pointer-none"></i> 1595 <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i> 1596 </a> 1597 <a class="faco-top fa-layers fa-fw instagramSocial" target="_blank" href="https://www.instagram.com/welovestreetfashion/" style=""> 1598 <i class="fas fa-circle colorInstagramBG pointer-none"></i> 1599 <i class="fa-inverse fab fa-instagram colorInstagram pointer-none" data-fa-transform="shrink-7"></i> 1600 </a> 1601 <a class="faco-top fa-layers fa-fw pinterestSocial" target="_blank" href="https://www.pinterest.com/WLSbangkok/" style=""> 1602 <i class="fas fa-circle colorPinterestBG pointer-none"></i> 1603 <i class="fa-inverse fab fa-pinterest-p colorPinterest pointer-none" data-fa-transform="shrink-7"></i> 1604 </a> 1605 <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/@https://lin.ee/fxidmYP " style=""> 1606 <i class="fas fa-circle colorLineBG pointer-none"></i> 1607 <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i> 1608 </a> 1609 1610 1611 </div>
1612<script type="text/javascript"> 1613 1614 jQuery(".wechatSocial").click(function () { 1615 window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); 1616 }); 1617 1618</script>
1618</div> 1619 </div> 1620 </div> 1621 </div> 1622 </div> 1623 </div> 1624 </div> 1625 <div id="top-area"> 1626 <div id="top-sticky"> 1627 <div class=""> 1628 <div class="sb collapse topSearchBar"> 1629 <div class="topSearchBarInner"> 1630 <div class="input-group"> 1631 <input type="text" class="form-control textStringSearchTopWidget" placeholder="à¹à¸ªà¹à¸à¸³à¸à¹à¸à¸«à¸²à¸à¸à¸à¸à¸¸à¸..." /> 1632 <div class="input-group-append"> 1633 <button class="btn border-left-0 rounded-right btn-outline-secondary aCloseSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" type="button"> 1634 <i class="fas fa-search fa-fw navbar-fa" style="font-size: 16px; vertical-align: initial;"></i> 1635 </button> 1636 </div> 1637 </div> 1638 </div> 1639 </div> 1640 <div class="row no-gutters"> 1641 <div class="col pl-1 col-lg-auto d-lg-inline-flex brandingBox position-relative" style="display: flex;flex-direction: column; justify-content: center; width: 20%;"> 1642 <a class="navbar-brand position-absolute" href="/" style="display: flex;flex-direction: column; justify-content: center;"> 1643 <style> 1644 .logotextmobile{ 1645 display: inline-block; 1646 max-width: 200px; 1647 height: 1.5em; 1648 overflow: hidden; 1649 text-overflow: ellipsis; 1650 white-space: nowrap; 1651 color: #000; 1652 } 1653 .logotextmobile span{ 1654 /* font-size: 30px !important; */ 1655 line-height: 40px !important; 1656 } 1657 1658 @media (max-width: 364.98px) { 1659 .logotextmobile{ 1660 max-width: 150px; 1661 } 1662 } 1663 1664 @media (min-width: 365px) and (max-width: 575.98px) { 1665 .logotextmobile{ 1666 max-width: 200px; 1667 } 1668 } 1669 1670 @media (min-width: 576px) and (max-width: 767.98px) { 1671 .logotextmobile{ 1672 min-width: calc(400px + 4vw); 1673 max-width: 500px; 1674 } 1675 } 1676 1677 @media (min-width: 768px) and (max-width: 991.98px) { 1678 .logotextmobile{ 1679 max-width: 600px; 1680 } 1681 } 1682 @media (min-width: 992px) { 1683 .logotextmobile{ 1684 max-width: 800px; 1685 } 1686 } 1687 1688 1689</style> 1690 1691 <img src="https://image.makewebcdn.com/makeweb/m_1920x0/eECPNU6HM/a new home key/LOGO_WLS_MOBILE.png?v=202405291424" alt="WLS LIMITED EDITION " title="WLS LIMITED EDITION " class="d-inline-block img-logo"/> 1692 </a> 1693 </div> 1694 <div class="col-12 col-lg d-lg-inline-flex orderingMenu"> 1695 <div class="collapse navbar-collapse pb-1" id="navbarNavDropdown"> 1696 <style type="text/css"> 1697 .headerMobile .topwidget-menu .navbar-nav .dropdown-menu { 1698 padding: 0; 1699 margin: 0; 1700 } 1701 /*PC hack to hover*/ 1702 @media (min-width: 1025px) { 1703 .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{ 1704 display:block !important; 1705 } 1706 .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{ 1707 display:block !important; 1708 } 1709 .headerMobile ul.navbar-topmenu.navbar-nav ul{ 1710 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 1711 } 1712 .headerMobile .topwidget-menu { 1713 margin: 10px; 1714 } 1715 .headerMobile ul.dropdown-menu.dropdown-menu-right{ 1716 left: unset; 1717 right:0; 1718 } 1719 .headerMobile .dropdownfix-menu-right { 1720 right:100% !important; 1721 left:auto !important; 1722 } 1723 .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-right { 1724 transform: rotate(180deg); 1725 left: 0; 1726 position: absolute; 1727 top: 12px; 1728 } 1729 .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-down{ 1730 transform: rotate(90deg); 1731 left: 0; 1732 position: absolute; 1733 top: 12px; 1734 } 1735 .headerMobile .more.hidden{ 1736 display:none; 1737 } 1738 .headerMobile .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{ 1739 transform: rotate(-90deg); 1740 } 1741 .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item ul{ 1742 position: absolute; 1743 } 1744 .headerMobile .public-topmenu .topmenuLg{ 1745 border-right:none !important; 1746 } 1747 } 1748 /* tablet*/ 1749 @media only screen and (min-width: 768px) and (max-width: 1112px) { 1750 .headerMobile ul.navbar-topmenu.navbar-nav ul{ 1751 box-shadow: none; 1752 } 1753 /*.topwidget-menu { 1754 margin: 10px; 1755 }*/ 1756 } 1757 /*mobile tablet*/ 1758 @media only screen and (max-width: 1024px) { 1759 .headerMobile ul.navbar-topmenu.navbar-nav a{ 1760 text-align: left !important; 1761 white-space: normal; 1762 } 1763 .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-down{ 1764 transition: all .3s ease 0s; 1765 -ms-transition: all .3s ease 0s; 1766 -webkit-transition: all .3s ease 0s; 1767 -moz-transition: all .3s ease 0s; 1768 1769 } 1770 .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-right{ 1771 transform: rotate(90deg); 1772 transition: all .3s ease 0s; 1773 -ms-transition: all .3s ease 0s; 1774 -webkit-transition: all .3s ease 0s; 1775 -moz-transition: all .3s ease 0s; 1776 } 1777 1778 .headerMobile ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{ 1779 right: 12px; 1780 top: 27%; 1781 } 1782 1783 .headerMobile ul.navbar-topmenu.navbar-nav a{ 1784 word-wrap: break-word; 1785 } 1786 .headerMobile ul.navbar-topmenu.navbar-nav .more{ 1787 display:none !important; 1788 } 1789 .headerMobile .public-topmenu .dropdown.show > a > .arrowCollapse{ 1790 transform: rotate(180deg); 1791 -ms-transform: rotate(180deg); 1792 -webkit-transform: rotate(180deg); 1793 -moz-transform: rotate(180deg); 1794 } 1795 .headerMobile .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{ 1796 transform: rotate(270deg); 1797 -ms-transform: rotate(270deg); 1798 -webkit-transform: rotate(270deg); 1799 -moz-transform: rotate(270deg); 1800 } 1801 1802 .headerMobile ul.navbar-topmenu.navbar-nav > li > ul > li > a { 1803 padding-left: 30px !important; 1804 } 1805 .headerMobile ul.navbar-topmenu.navbar-nav ul ul a { 1806 padding-left: 45px !important; 1807 } 1808 .headerMobile ul.navbar-topmenu.navbar-nav ul ul ul a { 1809 padding-left: 60px !important; 1810 } 1811 } 1812</style> 1813 1814<div class="topwidget-menu"> 1815 <ul class="navbar-nav navbar-topmenu public-topmenu"> 1816 <li class="nav-item "> 1817 <a class="nav-link abl1" data-onhome="home" href="/" target="_blank"> 1818 HOME </a> 1819 </li> 1820 <li class="nav-item "> 1821 <a class="nav-link abl1" href="/category/1658/1335/new-arrivals" target="_blank"> 1822 NEW ARRIVALS </a> 1823 </li> 1824 <li class="nav-item dropdown "> 1825 <a class="nav-link abl1" href="/category/1658/shop" target="_blank" style="position: relative;"> 1826 SHOP <sp
1826an class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;"> 1827 <i class="fal fa-chevron-down"></i> 1828 </span> 1829 </a> 1830 <ul class="dropdown-menu"> 1831 <li> 1832 <a class="nav-link dropdown-item abl2" href="/category/1658/100/dresses" target="_blank"> 1833 Dresses </a> 1834 </li> 1835 <li> 1836 <a class="nav-link dropdown-item abl2" href="/category/1658/99/tops" target="_blank"> 1837 Tops </a> 1838 </li> 1839 <li> 1840 <a class="nav-link dropdown-item abl2" href="/category/1658/98/bottoms" target="_blank"> 1841 Bottoms </a> 1842 </li> 1843 <li> 1844 <a class="nav-link dropdown-item abl2" href="/category/1658/100/dresses" target="_blank"> 1845 Sets & Jumpsuit </a> 1846 </li> 1847 <li> 1848 <a class="nav-link dropdown-item abl2" href="/category/1658/97/scarves" target="_blank"> 1849 Scarves </a> 1850 </li> 1851 <li> 1852 <a class="nav-link dropdown-item abl2" href="javascript:void(0);" target="_self" style="position: relative;"> 1853 Vintage to Die for.. <span class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 1854 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1855 </span> 1856 </a> 1857 <ul class="dropdown-menu"> 1858 <li> 1859 <a class="nav-link dropdown-item abl2" href="/category/1657/103/authentic-vintage" target="_blank"> 1860 Authentic Vintage </a> 1861 </li> 1862 <li> 1863 <a class="nav-link dropdown-item abl2" href="/category/1657/104/special-mix-match" target="_blank"> 1864 Vintage Mix & Match </a> 1865 </li> 1866 </ul> 1867 </li> 1868 <li> 1869 <a class="nav-link dropdown-item abl2" data-onhome="home" href="/" target="_self"> 1870 Sale </a> 1871 </li> 1872 </ul> 1873 </li> 1874 <li class="nav-item dropdown "> 1875 <a class="nav-link abl1" href="javascript:void(0);" target="_self" style="position: relative;"> 1876 STYLE LIBRARY <sp
1876an class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;"> 1877 <i class="fal fa-chevron-down"></i> 1878 </span> 1879 </a> 1880 <ul class="dropdown-menu"> 1881 <li> 1882 <a class="nav-link dropdown-item abl2" data-onhome="home" href="/" target="_blank"> 1883 Why We Wear </a> 1884 </li> 1885 <li> 1886 <a class="nav-link dropdown-item abl2" data-onhome="home" href="/" target="_blank"> 1887 Ways to Wear </a> 1888 </li> 1889 <li> 1890 <a class="nav-link dropdown-item abl2" data-onhome="home" href="/" target="_blank"> 1891 Fabric & Care Guide </a> 1892 </li> 1893 <li> 1894 <a class="nav-link dropdown-item abl2" data-onhome="home" href="/" target="_blank" style="position: relative;"> 1895 Editorial <span class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 1896 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1897 </span> 1898 </a> 1899 <ul class="dropdown-menu"> 1900 <li> 1901 <a class="nav-link dropdown-item abl2" href="/categorycontent/899/fashion-talk" target="_blank"> 1902 Fashion Talk </a> 1903 </li> 1904 <li> 1905 <a class="nav-link dropdown-item abl2" href="/categorycontent/898/fashion-trends" target="_blank"> 1906 Fashion Trends </a> 1907 </li> 1908 </ul> 1909 </li> 1910 </ul> 1911 </li> 1912 <li class="nav-item "> 1913 <a class="nav-link abl1" href="/aboutus" target="_blank"> 1914 ABOUT WLS </a> 1915 </li> 1916 <li class="nav-item "> 1917 <a class="nav-link abl1" href="/informpayment" target="_blank"> 1918 INFORM PAYMENT </a> 1919 </li> 1920 <li class="nav-item topmenuLg"> 1921 <a class="nav-link abl1" href="/contactus" target="_blank"> 1922 CONTACT US </a> 1923 </li> 1924 1925 <li class="nav-item dropdown more hidden" data-width="80"> 1926 <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)"> 1927 à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i> 1928 </a> 1929 <ul class="dropdown-menu"></ul> 1930 </li> 1931 </ul> 1932</div> 1933 <div class="d-md-none theme-td-border my-0"></div> 1934 <div class="topwidget-menu"> 1935 <ul class="navbar-nav navbar-topmenu"> 1936 <li class="nav-item"> 1937 <a class="nav-link" href="/th/member"> 1938 à¹à¸à¹à¸²à¸ªà¸¹à¹à¸£à¸°à¸à¸ </a> 1939 </li> 1940 <li class="nav-item"> 1941 <a class="nav-link" href="/th/member/register"> 1942 สมัà¸à¸£à¸ªà¸¡à¸²à¸à¸´à¸ </a> 1943 </li> 1944 </ul> 1945</div> </div> 1946 </div> 1947 <div class="col-auto pr-1 col-lg-auto text-right order-6 d-inline-flex align-items-center"> 1948 <style type="text/css"> 1949 div.topSearchBar { 1950 position: absolute; 1951 z-index: 999; 1952 width: 100%; 1953 left: 0; 1954 margin: 0 auto; 1955 max-width: 768px; 1956 right: 0; 1957 top: 100%; 1958 } 1959 @media only screen and (max-width: 1024px) { 1960 div.topSearchBar { 1961 bottom: unset !important; 1962 top: 56px !important; 1963 } 1964 div.topSearchBarInner { 1965 padding: 15px 15px 15px 15px; 1966 } 1967 } 1968 1969 @media only screen and (min-width: 1024px) { 1970 div.topSearchBarInner { 1971 padding: 15px 15px 1px 15px; 1972 } 1973 } 1974 div.topSearchBarInner { 1975 background: #FFF; 1976 box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1977 -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1978 -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 1979 } 1980 div.topSearchBarInner .btn.btn-default { 1981 border-left: 0px !important; 1982 } 1983 div.topSearchBarInner .btn.btn-default:hover { 1984 /* background: none !important;*/ 1985 } 1986 div.topSearchBarInner .form-control:focus { 1987 border-color: inherit !important; 1988 } 1989 .textStringSearchTopWidget, .btnSearchTopWidget { 1990 font-size: 16px; 1991 height: 36px; 1992 } 1993 .aOpenSearchIcon, .aCloseSearchIcon{ 1994 font-size: 22px !important; 1995 margin: 0; 1996 line-height: 20px; 1997 } 1998 1999</style> 2000 2001<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;"> 2002 <i class="far fa-search fa-fw navbar-fa"></i> 2003</div>
2004<script> 2005 jQuery('input.textStringSearchTopWidget').on('keypress', function (e) { 2006 jQuery('input.textStringSearchTopWidget').val(this.value); 2007 if (e.keyCode == 13) { 2008 clickSearch(jQuery(this).val()); 2009 } 2010 }); 2011 2012 jQuery('.btnSearchTopWidget').on('click', function () { 2013 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 2014 clickSearch(textStringSearch); 2015 }); 2016 2017 jQuery('.aCloseSearchIcon').on('click', function (e) { 2018 e.preventDefault(); 2019 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 2020 if(textStringSearch!=''){ 2021 clickSearch(textStringSearch); 2022 } 2023 }); 2024 2025 function clickSearch(textStringSearch) { 2026 if (textStringSearch != '') { 2027 let lpart = ''; 2028 let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/'); 2029 if(lpart!=''){ 2030 document.location.href = '/' + lpart + '/search&text=' + encodedSearch; 2031 }else{ 2032 document.location.href = '/search&text=' + encodedSearch; 2033 } 2034 } 2035 } 2036</script>
2036 <style type="text/css"> 2037 .cart-nav{ 2038 margin: 0; 2039 } 2040</style> 2041 2042 2043 2044<a class="navbar-link cart-nav" href="/cart"> 2045 <span class="fa-layers fa-fw navbar-fa2"> 2046 <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i> 2047 <span class="widgetCartNumber d-none">0</span> 2048 </span> 2049</a> 2050 <button class="navbar-toggler hamburger hamburger--squeeze" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> 2051 <span class="hamburger-box"> 2052 <span class="hamburger-inner"></span> 2053 </span> 2054 </button> 2055 </div> 2056 </div> 2057 </div> 2058 </div> 2059 </div> 2060</nav> 2061</div>
2062<script> 2063 jQuery('.widgetCartNumber').hide(); 2064 jQuery(document).ready(function () { 2065 jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]').click(function (event) { 2066 // event.preventDefault(); 2067 jQuery(this).blur(); 2068 if (jQuery(this).attr('class') == 'abl1') { 2069 jQuery(this).attr('id', 'topmenuonpage'); 2070 } else if (jQuery(this).attr('class') == 'abl2') { 2071 jQuery(this).attr('id', 'topmenusubonpage'); 2072 } 2073 }); 2074 2075 jQuery('a').click( function(e) { 2076 var targetSelector = this.hash 2077 if(targetSelector) { 2078 e.stopImmediatePropagation(); 2079 2080 var $target = $(targetSelector); 2081 var iscls = $(targetSelector).attr('class'); //targethash //fttargethash 2082 // Animate the scroll to the destination... 2083 if(iscls==='fttargethash'){ 2084 var tr_po = 0; 2085 }else{ 2086 var tr_po = $target.offset().top; 2087 } 2088 $('html, body').animate( 2089 { 2090 scrollTop: tr_po // Scroll to this location. 2091 }, { 2092 // Set the duration long enough to allow time 2093 // to lazy load the elements. 2094 duration: 1000, 2095 2096 // At each animation step, check whether the target has moved. 2097 step: function( now, fx ) { 2098 2099 // Where is the target now located on the page? 2100 // i.e. its location will change as images etc. are lazy loaded 2101 if ($(window).width() > 1024) { 2102 if(iscls==='fttargethash'){ 2103 var newOffset = 0; 2104 }else{ 2105 var h_top_sticky = 0; 2106 // top bar space for calculations scroll position 2107 var viewable = isElementInView($('#top-sticky')) 2108 jQuery('.targethash').css('top', '0px'); 2109 if(viewable){ 2110 h_top_sticky = $('#top-sticky').height(); 2111 } 2112 var newOffset = $target.offset().top - h_top_sticky; 2113 } 2114 // var newOffset = $target.offset().top - 70; 2115 }else{ 2116 var newOffset = $target.offset().top; 2117 } 2118 // If where we were originally planning to scroll to is not 2119 // the same as the new offset (newOffset) then change where 2120 // the animation is scrolling to (fx.end). 2121 if(fx.end !== newOffset) 2122 fx.end = newOffset; 2123 } 2124 } 2125 ); 2126 } 2127 }) 2128 2129 // check element is visible in current windows display 2130 function isElementInView(element) { 2131 var $window = $(window); 2132 var windowHeight = $window.height(); 2133 var windowWidth = $window.width(); 2134 var rect = element.get(0).getBoundingClientRect(); 2135 2136 return ( 2137 rect.top >= 0 && rect.top <= windowHeight && 2138 rect.left >= 0 && rect.left <= windowWidth 2139 ); 2140 } 2141 2142 jQuery('.navbar-topmenu.public-topmenu a[data-onhome]').click(function (event) { 2143 if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 2144 $('html,body').animate({ 2145 scrollTop: 0 2146 }, 1800); 2147 return false; 2148 } 2149 }); 2150 var aChildren = jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]'); 2151 var highlinow = jQuery('.navbar-topmenu.public-topmenu a#topmenuonpage'); 2152 var highlinowLv2 = jQuery('.navbar-topmenu.public-topmenu a#topmenusubonpage');
2153 var stickyHeaderhi = jQuery('#menutop').height() + 75; 2154 2155 var aArray = []; 2156 for (var i = 0; i < aChildren.length; i++) { 2157 var aChild = aChildren[i]; 2158 var ahref = jQuery(aChild).attr('href'); 2159 var res = ahref.split("#"); 2160 var last_hash = res[res.length - 1]; 2161 aArray.push(last_hash); 2162 } 2163 2164 jQuery('.widgetCartNumber').show(); 2165 2166 jQuery(window).scroll(function () { 2167 var windowPos = jQuery(window).scrollTop(); 2168 var windowHeight = jQuery(window).height(); 2169 var docHeight = jQuery(document).height(); 2170 for (var i = 0; i < aArray.length; i++) { 2171 var theID = aArray[i]; 2172 if (jQuery('#' + theID).length > 0) { 2173 if (jQuery('#' + theID).data('orderbox') == 'onest') { 2174 /* if firstbox */ 2175 var divPos = jQuery('#' + theID).offset().top - stickyHeaderhi; 2176 var divHeight = jQuery('#' + theID).height(); 2177 } else { 2178 /* if non first */ 2179 var divPos = jQuery('#' + theID).parent().offset().top - stickyHeaderhi; 2180 var divHeight = jQuery('#' + theID).parent().height(); 2181 } 2182 if (windowPos >= divPos && windowPos < (divPos + divHeight)) { 2183 highlinow.removeAttr('id'); 2184 highlinowLv2.removeAttr('id'); 2185 if (jQuery("a.abl1[data-onpage-link='" + theID + "']").length > 0) { 2186 jQuery("a.abl1[data-onpage-link='" + theID + "']").attr('id', 'topmenuonpage'); 2187 } 2188 if (jQuery("a.abl2[data-onpage-link='" + theID + "']").length > 0) { 2189 jQuery("a.abl2[data-onpage-link='" + theID + "']").attr('id', 'topmenusubonpage'); 2190 } 2191 } else { 2192 jQuery("a.abl1[data-onpage-link='" + theID + "']").removeAttr('id'); 2193 jQuery("a.abl2[data-onpage-link='" + theID + "']").removeAttr('id'); 2194 if (jQuery("a[data-onpage-link][id='topmenuonpage']").length < 1 && jQuery("a[data-onpage-link][id='topmenusubonpage']").length < 1) { 2195 if (highlinow.length > 0) { 2196 highlinow.attr('id', 'topmenuonpage'); 2197 } 2198 if (highlinowLv2.length > 0) { 2199 highlinowLv2.attr('id', 'topmenusubonpage'); 2200 } 2201 } 2202 } 2203 } 2204 } 2205 if (windowPos + windowHeight == docHeight) { 2206 /* last position */ 2207 var lastsectionl1 = jQuery("a.targethash").parent().parent('#section-content').find('div:not(.insadsbygoogle) > a').last().attr('id'); 2208 //L1 2209 if (jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").length > 0) { 2210 highlinow.removeAttr('id'); 2211 jQuery('a.abl1#topmenuonpage').removeAttr('id'); 2212 jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenuonpage'); 2213 } 2214 //L2 L3 2215 if (jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").length > 0) { 2216 highlinowLv2.removeAttr('id'); 2217 jQuery('a.abl2#topmenusubonpage').removeAttr('id'); 2218 jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenusubonpage'); 2219 } 2220 } 2221 }); 2222 2223 }); 2224 2225 //!navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) && 2226 if (screen.width > 1024) { // is desktop 2227 var isSubmenuLv2Overflow = 0; 2228 var isSubmenuLv3Overflow = 0; 2229 var elem_headerDesktop = document.getElementsByClassName("headerDesktop")[0]; 2230 var elem_topmenu = elem_headerDesktop.getElementsByClassName("navbar-topmenu")[0]; 2231 var sectionHeader = document.getElementById("section-header"); 2232 var arr_li_lv1 = elem_topmenu.getElementsByClassName("nav
2232-item dropdown"); // li (Lv1) (has submenu) 2233 if (arr_li_lv1.length > 0) { 2234 // console.log(arr_li_lv1); 2235 for (i = 0; i < arr_li_lv1.length; i++) { 2236 var li_lv1 = arr_li_lv1[i]; 2237 var arr_child_li_lv1 = li_lv1.children; // a, ui.dropdown-menu 2238 if (arr_child_li_lv1.length > 0) { 2239 2240 for (j = 0; j < arr_child_li_lv1.length; j++) { 2241 if (arr_child_li_lv1[j].classList.contains('dropdown-menu')) { // ui.dropdown-menu 2242 var ui_lv2 = arr_child_li_lv1[j]; 2243 var arr_li_lv2 = ui_lv2.children; // li (Lv2) 2244 var length_li_lv2 = arr_li_lv2.length; 2245 2246 // get heightest dropdown-menu 2247 var maxHeight = 0; 2248 $('.dropdown-menu').each(function() { 2249 var height = $(this).outerHeight(); 2250 if (height > maxHeight) { 2251 maxHeight = height; 2252 } 2253 }); 2254 2255 if (maxHeight > screen.height) { 2256 isSubmenuLv2Overflow += 1; 2257 } 2258 2259 //LV 3 LIMITED EDITION 2260 if (arr_li_lv2.length > 0) { 2261 for (k = 0; k < arr_li_lv2.length; k++) { 2262 if (arr_li_lv2[k].children.length > 1) { 2263 if (arr_li_lv2[k].children[1].classList.contains('dropdown-menu')) { // ui.dropdown-menu 2264 //k = à¸à¸³à¹à¸«à¸à¹à¸à¸à¸µà¹à¸¡à¸µ ul 2265 var posiUllv3 = k; 2266 var arr_li_lv3 = arr_li_lv2[k].children[1]; // li (Lv2) 2267 var obj_li_lv3 = arr_li_lv3.children; 2268 var length_li_lv3 = obj_li_lv3.length; 2269 var limiLv3High = length_li_lv3 + k; 2270 2271 if (screen.height >= 1440 && screen.height < 2880 && limiLv3High > 34) { // height:1440 2272 isSubmenuLv3Overflow += 1; 2273 } else if (screen.height >= 1080 && screen.height < 1440 && limiLv3High > 20) { // height:1080 2274 isSubmenuLv3Overflow += 1; 2275 } else if (screen.height >= 768 && screen.height < 1080 && limiLv3High > 14) { // height:768 2276 isSubmenuLv3Overflow += 1; 2277 } else if (screen.height >= 500 && screen.height < 768 && limiLv3High > 10) { // w:768 2278 isSubmenuLv3Overflow += 1; 2279 } 2280 2281 } 2282 } 2283 } 2284 } 2285 2286 2287 } 2288 } 2289 } 2290 2291 } 2292 } 2293 2294 if (isSubmenuLv2Overflow > 0) { // no stricky 2295 sectionHeader.classList.remove('sps'); 2296 sectionHeader.classList.remove('sps--abv'); 2297 sectionHeader.classList.remove('sps--blw'); 2298 } 2299 //if lavel 3 is Too Damn High 2300 if (isSubmenuLv3Overflow > 0) { // no stricky 2301 sectionHeader.classList.remove('sps'); 2302 sectionHeader.classList.remove('sps--abv'); 2303 sectionHeader.classList.remove('sps--blw'); 2304 } 2305 2306 //if screen height not than 1080 disable 2307 jQuery(window).ready(function () { 2308 setTimeout(() => { 2309 if ($(window).height() > jQuery('#section-content').height() + jQuery('#section-footer').height()) { 2310 sectionHeader.classList.remove('sps'); 2311 sectionHeader.classList.remove('sps--abv'); 2312 sectionHeader.classList.remove('sps--blw'); 2313 } 2314 }, 200); 2315 }); 2316 } 2317</script>
2317 2318 </div> 2319 <!-- <div id="section-content" style=""> --> 2320 <div id="section-content"> 2321 <div class="container"> 2322 <div class="row"> 2323 <!-- <div class="">--> 2324 2325<style type="text/css"> 2326 /* reveal */ 2327 @media only screen and (min-width: 1200px) { 2328 .reveal { background-attachment: fixed !important; } 2329 } 2330 /* rellax */ 2331 .rellax-view { position: relative; overflow: hidden; } 2332 .rellax { position: absolute; width: 100%; top: 0px; bottom: 0px; left: 0; right: 0; } 2333 .marginBottomSpace { 2334 2335 margin-bottom: 20px; 2336 } 2337 .img-responsive{margin:auto;} 2338 @media only screen and (max-width: 767px){ 2339 .maginBottomCaption{ 2340 margin-bottom: 40px; 2341 } 2342 .maginBottomCaptionmini{ 2343 margin-bottom: 15px; 2344 } 2345 .marginBottomSpaceMobile{ 2346 margin-bottom: 20px; 2347 } 2348 .coverslidebox{ 2349 padding: 0px 0px; 2350 } 2351 } 2352 @media only screen and (min-width: 768px){ 2353 .maginBottomCaption{ 2354 margin-bottom: 0px; 2355 } 2356 .maginBottomCaptionmini{ 2357 margin-bottom: 0px; 2358 } 2359 .marginBottomSpaceMobile{ 2360 margin-bottom: 0px; 2361 } 2362 .coverslidebox{ 2363 padding: 0px 15px; 2364 } 2365 .textlayout-maxwidth{ 2366 max-width: 585px; 2367 } 2368 .textlayout-marlauto{ 2369 margin-left: auto; 2370 } 2371 } 2372 .noImgSimpleBG{ 2373 background-color:#E1E4E9; 2374 } 2375 .box-not-overflow{ 2376 overflow: hidden; 2377 } 2378 .play-button { 2379 left: 50%; 2380 top: 50%; 2381 width: 72px; 2382 height: 64px; 2383 margin-left: -36px; 2384 margin-top: -32px; 2385 z-index: 1; 2386 color: #212121; 2387 opacity: 0.85; 2388 } 2389 .play-button:hover, 2390 .play-button:hover::before { 2391 opacity: 1; 2392 color: #f00; 2393 } 2394 .play-button .fa-youtube { 2395 font-size: 64px; 2396 } 2397 .play-button:before { 2398 content: ""; 2399 width: 0; 2400 height: 0; 2401 border-top: 11px solid transparent; 2402 border-left: 20px solid #ffffff; 2403 border-bottom: 11px solid transparent; 2404 position: absolute; 2405 top: 21px; 2406 left: 29px; 2407 } 2408 .wrapper .youtube { 2409 background-color: #000; 2410 position: relative; 2411 padding-top: 56.25%; 2412 overflow: hidden; 2413 cursor: pointer 2414 } 2415 2416 .wrapper .youtube img { 2417 width: 100%; 2418 top: -16.82%; 2419 left: 0; 2420 max-height: none !important; 2421 opacity: .7 2422 } 2423 .wrapper .youtube .play-button, 2424 .wrapper .youtube img { 2425 cursor: pointer 2426 } 2427 2428 .wrapper .youtube .play-button, 2429 .wrapper .youtube .play-button:before, 2430 .wrapper .youtube iframe, 2431 .wrapper .youtube img { 2432 position: absolute 2433 } 2434 .wrapper .youtube iframe { 2435 height: 100%; 2436 width: 100%; 2437 top: 0; 2438 left: 0 2439 } 2440 @media only screen and (-webkit-min-device-pixel-ratio: 2) and ( max-width: 768px),only screen and (min-device-pixel-ratio: 2) and ( max-width: 768px) { 2441 a.targethash{ 2442 top: -112px; 2443 } 2444 } 2445</style> 2446 <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;"> 2447 </div> 2448 <style type="text/css"> 2449 @media only screen and (min-width: 768px) { 2450 .divPageTitle { 2451 margin-bottom: 40px; 2452 margin-top: 40px; 2453 } 2454 .divPageDescription { 2455 margin-bottom: 40px; 2456 margin-top: 40px; 2457 word-wrap: break-word; 2458 } 2459 .divPageData { 2460 margin-top: 10px; 2461 margin-bottom: 60px; 2462 } 2463 } 2464 @media only screen and (max-width: 767px) { 2465 .divPageTitle { 2466 margin-bottom: 40px; 2467 margin-top: 40px; 2468 } 2469 .divPageDescription { 2470 margin-bottom: 40px; 2471 margin-top: 40px; 2472 word-wrap: break-word; 2473 } 2474 .divPageData { 2475 margin-top: 10px; 2476 margin-bottom: 60px; 2477 } 2478 } 2479 2480 </style> 2481 <div class="container"> 2482 <style type="text/css"> 2483 .boxSubmitCart { 2484 text-align: right; 2485 } 2486 .img-product { 2487 max-width: 60px; 2488 max-height: 100%; 2489 margin-top: 5px; 2490 } 2491 .divEmptyStatus, .divRecentryNotFound { 2492 padding: 5rem 0; 2493 width: 100%; 2494 } 2495 .attributeColor{ 2496 display:inline-block; 2497 border: 2px solid #CCCCCC; 2498 border-radius: 50%; 2499 height: 14px; 2500 width: 14px; 2501 } 2502 .cartNote p { 2503 margin-bottom: 0.5rem; 2504 } 2505 2506 .input-group-append, .input-group-prepend{ 2507 z-index: 1; 2508 } 2509 .h3-cart { 2510 font-size: 20px; 2511 } 2512 @media (min-width: 992px) { 2513 .boxQty { 2514 /* margin-left: -15px; 2515 margin-right: -15px; */ 2516 } 2517 .pageCart .boxQty .input-group { 2518 max-width: 140px; 2519 } 2520 } 2521 2522 .bootbox .modal-footer{ 2523 border-top: 0 !important; 2524 } 2525 .pageCart .boxQty {
2526 height: 26px; 2527 z-index: 1; 2528 } 2529 .boxQty input, .input-group-prepend, .input-group-append { 2530 height: 26px; 2531 z-index: 1; 2532 border: 1px solid #cdced2; 2533 border-radius: 3px; 2534 } 2535 .btn-number{ 2536 padding: 0; 2537 width: 24px; 2538 } 2539 .boxQty { 2540 width: 105px; 2541 } 2542 .btn-plus,.btn-minus{ 2543 background: #FFFFFF; 2544 } 2545 .btn-plus:disabled,.btn-minus:disabled{ 2546 color: rgba(0, 0, 0, 0.38) !important; 2547 } 2548 .input-group .input-group-append button { 2549 background: #FFFFFF; 2550 border: none; 2551 } 2552 2553 .input-group .input-group-prepend button { 2554 background: #FFFFFF; 2555 border: none; 2556 } 2557 2558 2559 .fs-24{ 2560 font-size: 24px !important; 2561 } 2562 .card-header, .card-footer{ 2563 background-color: transparent; 2564 } 2565 .cart-item:last-child{ 2566 border: none; 2567 padding-bottom: 0; 2568 } 2569 .border-tb-dash{ 2570 border-top: 2px dashed #cdced2; 2571 border-bottom: 2px dashed #cdced2; 2572 } 2573 .table-attribute>tbody>tr{ 2574 line-height: 1; 2575 } 2576 .priceDiscount{ 2577 text-decoration: line-through; 2578 } 2579 .input-quantity{ 2580 padding: 0; 2581 } 2582 #buttonCheckout{ 2583 min-width: 200px; 2584 padding-left: 5px; 2585 padding-right: 5px; 2586 } 2587 2588 @media only screen and (min-width: 1367px) { 2589 .boxQty { 2590 margin: auto; 2591 } 2592 } 2593 @media only screen and (min-width: 1025px) and (max-width: 1366px) { 2594 2595 } 2596 @media only screen and (min-width: 1025px) and (max-width: 1200px) { 2597 /* p.txtTotalPrice { 2598 font-size: calc(16px - 20%) !important; 2599 } */ 2600 /* #divOrderTotalPrice { 2601 padding-top: 1%; 2602 } */ 2603 } 2604 @media only screen and (min-width: 992px) and (max-width: 1024px) { 2605 .txtItemPrice, .txtCartPrice, .priceDiscount{ 2606 font-size: 16px !important; 2607 } 2608 /* p.txtTotalPrice { 2609 font-size: calc(16px - 20%) !important; 2610 } */ 2611 .textProductNameHeight{ 2612 line-height: 20px; 2613 max-height: 40px; 2614 overflow: hidden; 2615 } 2616 .cardnoborder{ 2617 border: none; 2618 } 2619 .noshadow{ 2620 box-shadow: none; 2621 } 2622 } 2623 @media only screen and (min-width: 768px) and (max-width: 991px) { 2624 .boxSubmitCart { 2625 position: fixed; 2626 bottom: 0; 2627 z-index: 55; 2628 left: 0; 2629 right: 0; 2630 min-height: auto; 2631 margin: 0 !important; 2632 padding: 0; 2633 display: flex; 2634 box-shadow: 5px 5px 20px #000000; 2635 } 2636 #buttonShopping { 2637 flex:1; 2638 height: 60px; 2639 border-radius: 0px; 2640 margin: 0; 2641 } 2642 #buttonCheckout { 2643 flex:2; 2644 height: 60px; 2645 border-radius: 0px; 2646 margin: 0; 2647 } 2648 .txtItemPrice, .txtCartPrice ,.priceDiscount{ 2649 font-size: 16px !important; 2650 } 2651 .textProductNameHeight{ 2652 line-height: 20px; 2653 max-height: 40px; 2654 overflow: hidden; 2655 } 2656 .cardnoborder{ 2657 border: none; 2658 } 2659 .noshadow{ 2660 box-shadow: none; 2661 } 2662 } 2663 2664 @media only screen and (max-width: 991px){ 2665 .card-cart-list2, .card-cart-summary2{ 2666 padding: 15px !important; 2667 } 2668 .card-cart-list2{ 2669 border-bottom-left-radius: 0px; 2670 border-bottom-right-radius: 0px; 2671 } 2672 .card-cart-summary2{ 2673 border-top-left-radius: 0px; 2674 border-top-right-radius: 0px; 2675 } 2676 } 2677 @media only screen and (max-width: 767px) { 2678 .boxSubmitCart { 2679 position: fixed; 2680 bottom: 0; 2681 z-index: 55; 2682 left: 0; 2683 right: 0; 2684 min-height: auto; 2685 margin: 0 !important; 2686 padding: 0; 2687 display: flex; 2688 box-shadow: 5px 5px 20px #000000; 2689 } 2690 #buttonShopping { 2691 flex:1; 2692 height: 60px; 2693 border-radius: 0px; 2694 margin: 0; 2695 font-size: 16px; 2696 } 2697 #buttonCheckout { 2698 flex:2; 2699 height: 60px; 2700 border-radius: 0px; 2701 margin: 0; 2702 font-size: 16px; 2703 } 2704 .txtItemPrice, .txtCartPrice ,.priceDiscount{ 2705 font-size: 16px !important; 2706 } 2707 .textProductNameHeight{ 2708 line-height: 20px; 2709 max-height: 40px; 2710 overflow: hidden; 2711 } 2712 .cardnoborder{ 2713 border: none; 2714 } 2715 .noshadow{ 2716 box-shadow: none; 2717 } 2718 #buttonCheckout{ 2719 width: 100%; 2720 } 2721 } 2722 .col-warnno-promo{ 2723 font-size: 13px !important; 2724 color: #FF0000 !important; 2725 display:none; 2726 } 2727 .txt-warn-dis{ 2728 font-size: 13px !important; 2729 color: #FF0000 !important; 2730 } 2731</style> 2732 2733<!-- Start Page Name --> 2734<div class="row"> 2735 <div class="col-12"> 2736 <div class="divPageTitle text-center"> 2737 <h1>à¸à¸°à¸à¸£à¹à¸²à¸ªà¸´à¸à¸à¹à¸²</h1> 2738 </div> 2739 </div> 2740</div> 2741<!-- End Page Name --> 2742 2743<!-- <div id="divTestResult"></div> --> 2744 2745<!-- Start Cart --> 2746<div class="divPageData pageCart"> 2747 <form name="formCart" id="formCart" method="post" action="" class="form-horizontal" role="form"> 2748 <div class="row"> 2749 <!-- Start Empty Cart --> 2750 <div class="col-12"> 2751 <div class="card card-bg theme-font mb-3"> 2752 <div class="card-body"> 2753 <div id="divCartList"> 2754 <div class="divEmptyStatus" id="divEmptyStatus"> 2755 <div class="row"> 2756 <div class="col-12"> 2757 <div class="text-center"> 2758 <i class="fal fa-shopping-cart fa-3x"></i> 2759 <p class="text-muted fs-24 mt-3">à¹à¸¡à¹à¸¡à¸µà¸ªà¸´à¸à¸à¹à¸²à¹à¸à¸à¸°à¸à¸£à¹à¸²à¸à¸à¸à¸à¸¸à¸</p> 2760 <button type="button" class="btn btn-lg-auto btn-style" id="buttonReturnShopping" > 2761 à¸à¸¥à¸±à¸à¹à¸à¸ªà¸±à¹à¸à¸à¸·à¹à¸à¸ªà¸´à¸à¸à¹à¸² </button> 2762 </div> 2763 </div> 2764 </div> 2765 </div> 2766 </div> 2767 </div> 2768 </div> 2769 </div> 2770 <!-- End Empty Cart --> 2771 </div> 2772 </form> 2773</div> 2774 2775<!-- End Cart --> 2776
2777<script type="text/javascript"> 2778 2779 jQuery("#buttonReturnShopping").on("click", function () { 2780 returnShopping(); 2781 }); 2782 2783 jQuery(document).ready(function () { 2784 $('input[name^="quant"]').each(function () { 2785 checkAmountMax($(this)); 2786 }); 2787 //checkPromotion(); 2788 }); 2789 2790 jQuery("#buttonShopping").on("click", function () { 2791 document.location.href = "/category"; 2792 }); 2793 jQuery("#buttonCheckout").on("click", function () { 2794 if (parseInt(0) > 0 && 'guest' === 'member') { 2795 document.location.href = "/cart/shipping"; 2796 } else { 2797 document.location.href = "/cart/member"; 2798 } 2799 2800 }); 2801 2802 jQuery("#aRemoveCartAll").on("click", function () { 2803 jQuery('[name="check_action[]"]').prop('checked', true); //all 2804 2805 if (jQuery('[name="check_action[]"]:checked').length > 0) { 2806 var data = jQuery("#formCart").serialize(); 2807 data = decodeURIComponent(data); 2808 2809 bootbox.confirm("à¸à¸¸à¸à¹à¸à¹à¹à¸à¸«à¸£à¸·à¸à¸§à¹à¸²à¸à¹à¸à¸à¸à¸²à¸£à¸à¸µà¹à¸à¸°à¸¢à¸à¹à¸¥à¸´à¸à¸ªà¸´à¸à¸à¹à¸²à¹à¸«à¸¥à¹à¸²à¸à¸µà¹à¸à¸à¸à¸à¸²à¸à¸à¸°à¸à¸£à¹à¸²", function (result) { 2810 if (result === true) { 2811 removeCart(data); 2812 } else if (result === false) { 2813 jQuery('[name="check_action[]"]').prop('checked', false); //all 2814 } 2815 }); 2816 2817 } else { 2818 bootbox.alert("Cart is empty.", function () {}); 2819 } 2820 }); 2821 jQuery(".aRemoveCart").on("click", function () { 2822 var check_action = jQuery(this).closest('.cart-item').find('[name="check_action[]"]'); //one 2823 check_action.prop('checked', true); 2824 2825 if (jQuery('[name="check_action[]"]:checked').length > 0) { 2826 var data = jQuery("#formCart").serialize(); 2827 data = decodeURIComponent(data); 2828 2829 bootbox.confirm("à¸à¸¸à¸à¹à¸à¹à¹à¸à¸«à¸£à¸·à¸à¸§à¹à¸²à¸à¹à¸à¸à¸à¸²à¸£à¸à¸µà¹à¸à¸°à¸¢à¸à¹à¸¥à¸´à¸à¸ªà¸´à¸à¸à¹à¸²à¹à¸«à¸¥à¹à¸²à¸à¸µà¹à¸à¸à¸à¸à¸²à¸à¸à¸°à¸à¸£à¹à¸²", function (result) { 2830 if (result === true) { 2831 removeCart(data); 2832 } else if (result === false) { 2833 check_action.prop('checked', false); //one 2834 } 2835 }); 2836 2837 } else { 2838 bootbox.alert("Cart is empty.", function () {}); 2839 } 2840 }); 2841 2842 jQuery('.btn-number').click(function (e) { 2843 e.preventDefault(); 2844 2845 fieldName = $(this).attr('data-field'); 2846 type = $(this).attr('data-type'); 2847 var input = $("input[name='" + fieldName + "']"); 2848 var currentVal = parseInt(input.val()); 2849 if (!isNaN(currentVal)) { 2850 if (type === 'minus') { 2851 if (currentVal > input.attr('min')) { 2852 input.val(currentVal - 1).change(); 2853 } 2854 if (parseInt(input.val()) == input.attr('min')) { 2855 $(this).attr('disabled', true); 2856 } 2857 } else if (type === 'plus') { 2858 if (currentVal < input.attr('max')) { 2859 input.val(currentVal + 1).change(); 2860 } 2861 if (parseInt(input.val()) == input.attr('max')) { 2862 $(this).attr('disabled', true); 2863 } 2864 } 2865 } else { 2866 input.val(0); 2867 } 2868 }); 2869 2870 $('.input-number').focusin(function () { 2871 $(this).data('oldValue', $(this).val()); 2872 }); 2873 $('.input-number').change(function () { 2874 minValue = parseInt($(this).attr('min')); 2875 maxValue = parseInt($(this).attr('max')); 2876 valueCurrent = parseInt($(this).val()); 2877 valueCurrent = ~~valueCurrent; 2878 $(this).val(valueCurrent); 2879 name = $(this).attr('name'); 2880 ismyobj = $(this); 2881 getskuchg = ismyobj.parent().parent().find('.hiddenSkus').val(); 2882 getidchg = ismyobj.parent().parent().find('.hiddenpids').val(); 2883 getcampproid = ismyobj.parent().parent().find('.hiddenCampProid').val(); 2884 var fl_unble2 = ismyobj.closest('.cart-item').find('.unbleswitch').val(); 2885 2886 ismyobj.closest('.row').find('.col-warnno-promo .txt-warn-dis').html(''); 2887 ismyobj.closest('.row').find('.col-warnno-promo').hide(); 2888
2889 if (valueCurrent >= minValue) { 2890 $(".btn-number[data-type='minus'][data-field='" + name + "']").removeAttr('disabled'); 2891 } else { 2892 alert('à¸à¹à¸à¸à¸à¸·à¹à¸à¸ªà¸´à¸à¸à¹à¸²à¸à¸¢à¹à¸²à¸à¸à¹à¸à¸ 1 à¸à¸´à¹à¸'); 2893 // $(this).val($(this).data('oldValue')); 2894 $(this).val(minValue); 2895 } 2896 if (valueCurrent <= maxValue) { 2897 $(".btn-number[data-type='plus'][data-field='" + name + "']").removeAttr('disabled'); 2898 } else { 2899 if(getcampproid==''){ 2900 if(maxValue != 99999){ 2901 alert('สิà¸à¸à¹à¸²à¹à¸à¸à¸¥à¸±à¸à¹à¸¡à¹à¹à¸à¸µà¸¢à¸à¸à¸ à¸à¸£à¸¸à¸à¸²à¸à¸£à¸§à¸à¸ªà¸à¸à¸à¸³à¸à¸§à¸à¸ªà¸´à¸à¸à¹à¸²à¸à¸µà¸à¸à¸£à¸±à¹à¸'); 2902 } 2903 // $(this).val($(this).data('oldValue')); 2904 $(this).val(maxValue); 2905 }else{ 2906 if(fl_unble2==0){ 2907 alert('à¸à¹à¸²à¸à¸à¸·à¹à¸à¸ªà¸´à¸à¸à¹à¸²à¹à¸¡à¹à¸à¸£à¸à¸à¸²à¸¡à¹à¸à¸·à¹à¸à¸à¹à¸à¸à¸à¸à¹à¸à¸£à¹à¸¡à¸à¸±à¹à¸ ราà¸à¸²à¸ªà¸´à¸à¸à¹à¸²à¸à¸°à¸¡à¸µà¸à¸²à¸£à¹à¸à¸¥à¸µà¹à¸¢à¸à¹à¸à¸¥à¸'); 2908 ismyobj.closest('.row').find('.col-warnno-promo').show(); 2909 ismyobj.closest('.row').find('.col-warnno-promo .txt-warn-dis').html('<br>สิà¸à¸à¹à¸²à¹à¸à¸à¸¥à¸±à¸à¹à¸¡à¹à¹à¸à¸µà¸¢à¸à¸à¸ à¸à¸£à¸¸à¸à¸²à¸à¸£à¸§à¸à¸ªà¸à¸à¸à¸³à¸à¸§à¸à¸ªà¸´à¸à¸à¹à¸²à¸à¸µà¸à¸à¸£à¸±à¹à¸'); 2910 $(this).val(maxValue); 2911 valueCurrent = maxValue; 2912 }else{ 2913 if(maxValue != 99999){ 2914 alert('à¸à¹à¸²à¸à¸à¸·à¹à¸à¸ªà¸´à¸à¸à¹à¸²à¹à¸¡à¹à¸à¸£à¸à¸à¸²à¸¡à¹à¸à¸·à¹à¸à¸à¹à¸à¸à¸à¸à¹à¸à¸£à¹à¸¡à¸à¸±à¹à¸ ราà¸à¸²à¸ªà¸´à¸à¸à¹à¸²à¸à¸°à¸¡à¸µà¸à¸²à¸£à¹à¸à¸¥à¸µà¹à¸¢à¸à¹à¸à¸¥à¸'); 2915 } 2916 } 2917 } 2918 } 2919 2920 ismyobj.parent().find('.btn').prop("disabled", true); 2921 let passtoadd = checkLimitbuyAddtoCart(getcampproid,getidchg,getskuchg,valueCurrent).done(function(dataxhr) { 2922 if(dataxhr!='1'){ 2923 let tex_po = JSON.parse(dataxhr); 2924 ismyobj.closest('.row').find('.col-warnno-promo').show(); 2925 ismyobj.closest('.row').find('.col-warnno-promo .txt-warn-dis').html('('+tex_po[0].des_warn+')'); 2926 // ismyobj.val(minValue); 2927 //return to normal price 2928 // ismyobj.closest('.row').find('.hiddenPrice').val(ismyobj.closest('.row').find('.hiddenpriceDiscount').val()); 2929 calculatePrice(ismyobj); 2930 }else{ 2931 2932 //return to dicount price 2933 // ismyobj.closest('.row').find('.hiddenPrice').val(ismyobj.closest('.row').find('.hiddenPricebk').val()); 2934 calculatePrice(ismyobj); 2935 } 2936 2937 ismyobj.parent().find('.btn').prop("disabled", false); 2938 }); 2939 // calculatePrice($(this)); 2940 }); 2941 2942 $(".input-number").keydown(function (e) { // Allow: backspace, delete, tab, escape, enter and . 2943 if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 || (e.keyCode == 65 && e.ctrlKey === true) || (e.keyCode >= 35 && e.keyCode <= 39)) { 2944 // Allow: Ctrl+A 2945 // Allow: home, end, left, right 2946 // let it happen, don't do anything 2947 return; 2948 } 2949 // Ensure that it is a number and stop the keypress 2950 if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) { 2951 e.preventDefault(); 2952 } 2953 }); 2954 2955 function returnShopping() { 2956 document.location.href = "/category"; 2957 } 2958 2959 function checkPromotion() { 2960 jQuery.ajax({ 2961 type: "POST", 2962 url: '/page/page_cart/ajaxPromotion.php', 2963 data: { 2964 type: "checkPromotionGlobal" 2965 }, 2966 success: function (returnData) { 2967 //jQuery('#divTestResult').html(returnData); 2968 var arrayPromotion = returnData.split('@@'); 2969 if(arrayPromotion[0] !== '0'){ 2970 jQuery("#showPromotion").show(); 2971 jQuery("#promotionDiscount").val(arrayPromotion[0]); 2972 jQuery("#divOrderTotalPrice").find('.txtTotalPrice').html(arrayPromotion[1]); 2973 jQuery("#showPromotion").html(arrayPromotion[2]); 2974 if(arrayPromotion[13]!=''){ 2975 jQuery("#showPrivilege").show(); 2976 jQuery("#showPrivilege").html(arrayPromotion[13]); 2977 jQuery("#privilege").val(arrayPromotion[14]); 2978 }else{ 2979 jQuery("#showPrivilege").hide(); 2980 jQuery("#privilege").val('0'); 2981 } 2982 calculateTotalPrice(); 2983 } else { 2984 jQuery("#promotionDiscount").val('0'); 2985 jQuery("#showPromotion").hide(); 2986 if(arrayPromotion[11]!=''){ 2987 jQuery("#showPrivilege").show(); 2988 jQuery("#showPrivilege").html(arrayPromotion[11]); 2989 jQuery("#privilege").val(arrayPromotion[12]); 2990 }else{ 2991 jQuery("#showPrivilege").hide(); 2992 jQuery("#privilege").val('0'); 2993 } 2994 calculateTotalPrice(); 2995 } 2996 } 2997 }); 2998 2999 } 3000 3001 function checkAmountMax(obj) { 3002 var maxValue = parseInt(obj.attr('max')); 3003 var valueCurrent = parseInt(obj.val()); 3004 valueCurrent = ~~valueCurrent; 3005 obj.val(valueCurrent); 3006 var name = obj.attr('name'); 3007 var ord = obj.closest('.cart-item').find(".hiddenOrders").val(); 3008
3009 if (valueCurrent <= maxValue) { //enough 3010 $("#hiddenCheckQty_" + ord).val(0); 3011 obj.closest('.cart-item').find(".divStockShow").addClass('text-muted'); 3012 3013 } else { //over 3014 $("#hiddenCheckQty_" + ord).val(1); 3015 obj.closest('.cart-item').find(".divStockShow").removeClass('text-muted'); 3016 obj.closest('.cart-item').find(".divStockShow").css('color', '#dc3545'); 3017 // alert('สิà¸à¸à¹à¸²à¹à¸à¸à¸¥à¸±à¸à¹à¸¡à¹à¹à¸à¸µà¸¢à¸à¸à¸ à¸à¸£à¸¸à¸à¸²à¸à¸£à¸§à¸à¸ªà¸à¸à¸à¸³à¸à¸§à¸à¸ªà¸´à¸à¸à¹à¸²à¸à¸µà¸à¸à¸£à¸±à¹à¸'); 3018 showModalBS(1, '/page/page_cart/cartDialogErrorController.php', 'medium'); 3019 if(maxValue > 0){ 3020 obj.val(maxValue); 3021 }else{ 3022 obj.closest('.cart-item').find(".btn-minus").prop('disabled',true); 3023 obj.closest('.cart-item').find(".btn-plus").prop('disabled',true); 3024 obj.val(1); 3025 } 3026 3027 } 3028 3029 calculatePrice(obj); 3030 } 3031 3032 function calculateTotalPrice() { 3033 /* check limit promotion */ 3034 var data = jQuery("#formCart").serialize(); 3035 data = decodeURIComponent(data); 3036 jQuery.ajax({ 3037 type: "POST", 3038 url: '/page/page_cart/ajaxCartController.php', 3039 data: { 3040 type: "calculateTotal", 3041 data: data 3042 }, 3043 success: function (returnData) { 3044 //jQuery('#divTestResult').html(returnData); 3045 var arrayPrice = returnData.split('@@'); 3046 jQuery("#divOrderTotalPrice").find('.txtTotalPrice').html(arrayPrice[0]); 3047 jQuery(".widgetCartNumber").html(parseInt(arrayPrice[1]) >= 100 ? "99+" : arrayPrice[1]); 3048 drawWidgetCartFix(); 3049 } 3050 }); 3051 3052 checkSaveButton(); 3053 } 3054 3055 function checkSaveButton() { 3056 var countQty = 0; 3057 jQuery(".hiddenCheckQty").each(function () { 3058 countQty = countQty + parseInt(jQuery(this).val()); 3059 }); 3060 3061 if (countQty > 0) { 3062 jQuery("#buttonCheckout").attr("disabled", "disabled"); 3063 jQuery("#buttonCheckout").addClass("buttonBlock"); 3064 } else { 3065 jQuery("#buttonCheckout").removeAttr("disabled"); 3066 jQuery("#buttonCheckout").removeClass("buttonBlock"); 3067 } 3068 } 3069 3070 /* quantityBox */ 3071 function calculatePrice(obj) { 3072 /** check limit promotion */ 3073 var amount = obj.val(); 3074 var priceItems = obj.closest('.cart-item').find('.hiddenPrice').val(); 3075 var ordersItem = obj.closest('.cart-item').find('.hiddenOrders').val(); 3076 var wholesaleID = obj.closest('.cart-item').find('.hiddenWholesale').val(); 3077 var isMember = obj.closest('.cart-item').find('.hiddenIsMember').val(); 3078 var priceDiscount = obj.closest('.cart-item').find('.hiddenpriceDiscount').val(); 3079 var data = jQuery("#formCart").serialize(); 3080 data = decodeURIComponent(data); 3081 3082 //is flash 3083 var fl_id = obj.closest('.cart-item').find('.hiddenCampProid').val(); 3084 var fl_lim = obj.closest('.cart-item').find('.hiddenbuy_camp').val(); 3085 var fl_besto = obj.closest('.cart-item').find('.hiddenstonumbeforecamp').val(); 3086 var fl_unble = obj.closest('.cart-item').find('.unbleswitch').val(); 3087 3088 jQuery.ajax({ 3089 type: "POST", 3090 url: '/page/page_cart/ajaxCartController.php', 3091 data: { 3092 type: "calculateCart", 3093 thisOrder: ordersItem, 3094 thisAmount: amount, 3095 thisPrice: priceItems, 3096 thisWholesaleID: wholesaleID, 3097 thisIsMember: isMember, 3098 priceDiscount: priceDiscount, 3099 swsto: fl_unble, 3100 data: data 3101 }, 3102 success: function (returnData) { 3103 //console.log(returnData); 3104 var arrayPrice = returnData.split('@@'); 3105 obj.closest('.cart-item').find(".divShowItemPrice").find('.txtItemPrice').html(arrayPrice[0]); 3106 obj.closest('.cart-item').find(".divShowCartPrice").find('.txtCartPrice').html(arrayPrice[1]); 3107 obj.closest('.cart-item').find(".divShowItemPrice").find('.priceDiscount').html(arrayPrice[4]); 3108 obj.closest('.cart-item').find('.hiddenPrice').val(arrayPrice[5]); 3109 obj.closest('.cart-item').find('.hiddenCampProid').val(arrayPrice[6]); 3110 if(fl_unble==1){ 3111 if(arrayPrice[7]!=''){ 3112 obj.closest('.cart-item').find('.input-number').attr('max',arrayPrice[7]); 3113 if(arrayPrice[6]=='' && arrayPrice[7]==0){ 3114 //main out 3115 } 3116 } 3117 } 3118 // if(arrayPrice[8]!=''){
3119 obj.closest('.cart-item').find('.divStockShow').html(arrayPrice[8]); 3120 // } 3121 //if(arrayPrice[8]!=''){ 3122 // obj.closest('.cart-item').find('.hiddenWholesale').val(arrayPrice[8]); 3123 // } 3124 3125 jQuery("#showTotalPrice").html(arrayPrice[2]); 3126 jQuery("#divOrderTotalPrice").find('.txtTotalPrice').html(arrayPrice[2]); 3127 jQuery(".widgetCartNumber").html(parseInt(arrayPrice[3]) >= 100 ? "99+" : arrayPrice[3]); 3128 jQuery("#showAmount").html('(' + arrayPrice[3] + ' à¸à¸´à¹à¸)'); 3129 checkPromotion(); 3130 drawWidgetCartFix(); 3131 checkSaveButton(); 3132 } 3133 }); 3134 } 3135 3136 function removeCart(data) { 3137 jQuery.ajax({ 3138 type: "POST", 3139 url: '/page/page_cart/ajaxCartController.php', 3140 data: { 3141 type: "removeCart", 3142 data: data 3143 }, 3144 success: function (returnData) { 3145 var arrayCart = returnData.split('@@'); 3146 var numberCart = parseInt(arrayCart[0]); 3147 var listCart = arrayCart[3].split(','); 3148 jQuery.each(listCart, function (key, value) { 3149 jQuery("#cartList" + (value - 1)).removeClass("border-bottom pb-3"); 3150 jQuery("#cartList" + value).remove(); 3151 }); 3152 3153 if (numberCart === 0) { 3154 jQuery("#divTitleCartList").remove(); 3155 jQuery("#divRemoveCartList").remove(); 3156 var html_empty = '' + 3157 '<div class="row">' + 3158 '<div class="col-12">' + 3159 '<div class="card card-bg theme-font mb-3">' + 3160 '<div class="card-body">' + 3161 '<div id="divCartList">' + 3162 '<div class="divEmptyStatus" id="divEmptyStatus">' + 3163 '<div class="row">' + 3164 '<div class="col-12">' + 3165 '<div class="text-center">' + 3166 '<i class="fal fa-shopping-cart fa-3x"></i>' + 3167 '<p class="text-muted fs-24 mt-3">à¹à¸¡à¹à¸¡à¸µà¸ªà¸´à¸à¸à¹à¸²à¹à¸à¸à¸°à¸à¸£à¹à¸²à¸à¸à¸à¸à¸¸à¸</p>' + 3168 '<button type="button" class="btn btn-lg-auto btn-style" id="buttonReturnShopping" onclick="returnShopping();">' + 3169 'à¸à¸¥à¸±à¸à¹à¸à¸ªà¸±à¹à¸à¸à¸·à¹à¸à¸ªà¸´à¸à¸à¹à¸²' + 3170 '</button>' + 3171 '</div>' + 3172 '</div>' + 3173 '</div>' + 3174 '</div>' + 3175 '</div>' + 3176 '</div>' + 3177 '</div>' + 3178 '</div>' + 3179 '</div>'; 3180 jQuery("#formCart").html(html_empty); 3181 jQuery("#cartTotalBox").addClass('d-none'); 3182 jQuery(".widgetCartNumber").removeClass("d-block"); 3183 jQuery(".widgetCartNumber").addClass("d-none"); 3184 } else { 3185 jQuery("#cartTotalBox").removeClass('d-none'); 3186 } 3187 jQuery("#divOrderTotalPrice").find('.txtTotalPrice').html(arrayCart[1]); 3188 jQuery(".widgetCartNumber").html(parseInt(arrayCart[2]) >= 100 ? "99+" : arrayCart[2]); 3189 $('input[name^="quant"]').each(function () { 3190 checkAmountMax($(this)); 3191 }); 3192 checkPromotion(); 3193 drawWidgetCartFix(); 3194 checkSaveButton(); 3195 } 3196 }); 3197 } 3198 3199 //check limit fs 3200 3201 function checkLimitbuyAddtoCart(promotionid,pid,skuid,valuestock) { 3202 // var passstock = 1; 3203 // alert('fuction checkLimitbuyAddtoCart'); 3204 return jQuery.ajax({ 3205 type: "POST", 3206 url: '/page/page_cart/ajaxCartController.php', 3207 data: { 3208 type: "checkonstocklimit", 3209 valueitem : valuestock, 3210 proid : promotionid, 3211 skuChg : skuid, 3212 pid : pid 3213 } 3214 }); 3215 3216 } 3217</script>
3217 3218 3219 </div> 3220 <div class="col-12 insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;"> 3221 </div> 3222 <!-- </div>--> 3223 </div> 3224 </div> 3225 </div> 3226 <div id="section-footer"> 3227 <style>.footer03 { 3228 text-align: center; 3229} 3230.footer03 .ul-footermenu-sub { 3231 display: block; 3232} 3233.footer03 .ul-footermenu-sub > .li-footer-sub { 3234 display: inline-block; 3235} 3236.footer03 .menuCol { 3237 width: 100% !important; 3238 padding-right: 15px; 3239 padding-left: 15px; 3240} 3241.footer03 .footerTopic { 3242 display: none !important; 3243} 3244.li-footer-sub{ 3245 border-bottom: 1px solid transparent !important; 3246 padding: 10px 20px !important; 3247} 3248@media (max-width: 1024px) { 3249 .footer03 .ul-footermenu-sub > .li-footer-sub { 3250 display: block; 3251 } 3252} 3253</style><style> 3254 #sortable_subscribe li { 3255 padding-top: 1% !important; 3256 margin: 0px !important; 3257 } 3258 .subscribeInput { 3259 display: block !important; 3260 margin: auto !important; 3261 width: 30% !important; 3262 } 3263 @media only screen and (max-width: 768px) { 3264 3265 .subscribeInput { 3266 display: block !important; 3267 margin: auto !important; 3268 width: auto !important; 3269 } 3270 .fieldSubscribe { 3271 line-height: 10px !important; 3272 } 3273 } 3274</style> 3275<footer class="footer03 footerZone"> 3276 <div id="footer-area"> 3277 <div class="container"> 3278 <div class="row"> 3279 <div class="col-12"> 3280 <style> 3281 .footerTopic{ 3282 border-bottom: 1px solid #d9d9d9; 3283 padding: 5px 0; 3284 margin-bottom: 10px; 3285 color: #d9d9d9; 3286 font-size:16px; 3287 font-family : 'Quicksand'; 3288 font-weight : bold; 3289 font-style : normal; 3290 text-decoration : none; 3291 } 3292 .li-footer-sub{ 3293 border-bottom: 1px solid #d9d9d9; 3294 padding: 10px 0; 3295 } 3296 .li-footer-sub a{ 3297 padding-left: 0px; 3298 color: #efefef; 3299 font-size:14px; 3300 font-family : 'Quicksand'; 3301 font-weight : normal; 3302 font-style : normal; 3303 text-decoration : none; 3304 } 3305 .li-footer-sub a:hover{ 3306 color: #ff9900; 3307 } 3308 .menuCol{ 3309 margin-bottom: 10px; 3310 } 3311 /*.menuCol:last-child{ 3312 margin-bottom: 0; 3313 }*/ 3314 </style> 3315<div class="row"> 3316 <div class="menuCol"> 3317 <div class="footerTopic" id="footermenu-head_1"> 3318 Street Fashion Outfits </div> 3319 <div class="advdividerF"style="visibility: hidden;"></div> 3320 <ul class="ul-footermenu-sub"> 3321 <li class="li-footer-sub"> 3322 <a href="/" target="_self"> 3323 Home </a> 3324 </li> 3325 <li class="li-footer-sub"> 3326 <a href="/category/1658/100/dresses" target="_blank"> 3327 Dresses </a> 3328 </li> 3329 <li class="li-footer-sub"> 3330 <a href="/category/1658/99/tops" target="_blank"> 3331 Tops </a> 3332 </li> 3333 <li class="li-footer-sub"> 3334 <a href="/category/1658/98/bottoms" target="_blank"> 3335 Bottoms </a> 3336 </li> 3337 <li class="li-footer-sub"> 3338 <a href="/category/1657/103/authentic-vintage" target="_blank"> 3339 Authentic Vintage </a> 3340 </li> 3341 <li class="li-footer-sub"> 3342 <a href="/category/1657/104/special-mix-match" target="_blank"> 3343 Vintage Mix & Match </a> 3344 </li> 3345 </ul> 3346 </div> 3347 </div> 3348 </div> 3349 <div class="col-12"> 3350 <div class="wordWrapFooterHtml footer-mb-mobile"> 3351 <div style="text-align: left;" data-mce-style="text-align: left;"><span style="color: #808080; line-height: 1.6; font-size: 16px; font-family: Quicksand;" data-mce-style="color: #808080; line-height: 1.6; font-size: 16px; font-family: Quicksand;"> <span style="color: #dedede;" data-mce-style="color: #dedede;"> </span></span></div><div style="text-align: left;" data-mce-style="text-align: left;"><br></div><div style="text-align: left;" data-mce-style="text-align: left;"><br></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 16px;" data-mce-style="font-size: 16px;"><strong><span style="color: #dedede; line-height: 1.6; font-family: Quicksand;" data-mce-style="color: #dedede; line-height: 1.6; font-family: Quicksand;">Line : @wlslimited</span></strong></span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 16px;" data-mce-style="font-size: 16px;"><strong><span style="color: #dedede; line-height: 1.6; font-family: Quicksand;" data-mce-style="color: #dedede; line-height: 1.6; font-family: Quicksand;">Instagram : welovestreetfashion</span></strong></span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 16px;" data-mce-style="font-size: 16px;"><strong><span style="color: #dedede; line-height: 1.6; font-family: Quicksand;" data-mce-style="color: #dedede; line-height: 1.6; font-family: Quicksand;">Facebook : welovestreetfashions</span></strong></span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 16px;" data-mce-style="font-size: 16px;"><strong><span style="line-height: 1.6; color: #dedede; font-family: Quicksand;" data-mce-style="line-height: 1.6; color: #dedede; font-family: Quicksand;">Email : <a href="mailto:[email protected]" data-mce-href="mailto:[email protected]" style="color: #dedede;" data-mce-style="color: #dedede;">[email protected]</a></span></strong></span></div><div style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 16px;" data-mce-style="font-size: 16px;"><strong><span style="line-height: 1.6; color: #dedede; font-family: Quicksand;" data-mce-style="line-height: 1.6; color: #dedede; font-family: Quicksand;"> : <a href="mailto:[email protected]" style="color: #dedede;" data-mce-href="mailto:[email protected]" data-mce-style="color: #dedede;">[email protected]</a></span></strong></span></div><div style="text-align: left;" data-mce-style="text-align: left;"> <br></div></div> </div> 3352 <div class="col-12"> 3353 <div id="Subscribe" style="margin-bottom:10px;"> 3354 <style> 3355 button.close { 3356 margin-top: 2px; 3357 color: #808080; 3358 font-size: 22px; 3359 line-height: 24px; 3360 opacity: 1;
3361 margin-top: 1px !important; 3362 } 3363 button.close:hover { 3364 color: #d6d6d6 !important; 3365 } 3366 3367 .customhighlight{ 3368 background-color: #E9E9E9; 3369 border: 1px dashed #cccccc; 3370 display: block; 3371 height: 45px; 3372 line-height: 40px; 3373 padding: 0 10px; 3374 } 3375 3376 #sortable_subscribe { 3377 list-style-type: none; 3378 margin: 0; 3379 padding:0; 3380 width: 100%; 3381 } 3382 #sortable_subscribe li { 3383 width: 100%; 3384 margin-top: 2%; 3385 border-radius: 4px; 3386 height: auto; 3387 /* border-bottom: 1px solid #CCCCCC; */ 3388 display: block; 3389 line-height: 40px; 3390 padding: 0 10px; 3391 /* border-left: 1px solid #cccccc; */ 3392 /* border-right: 1px solid #cccccc; */ 3393 list-style-type: none; 3394 } 3395 /* #sortable_subscribe li:first-child { 3396 border-top: 1px solid #CCCCCC; 3397 } */ 3398 #scolllistScripe{ 3399 height: 100%; 3400 overflow-y: auto; 3401 overflow-x:hidden; 3402 position: relative; 3403 } 3404 3405</style> 3406<div id="scolllistScripe" class="col-sm-12 p-0"> 3407 <form class="form" name="form_subscribe" id="form_subscribe" enctype='multipart/form-data' style="margin:0px;" role="form" method="post"> 3408 <ul id="sortable_subscribe" class="ui-sortable list-group" style="margin-bottom: 0px;"> 3409 <li class="p-0" name="subscribe_id[]" id="scid_title" style="padding-bottom: 2%;display: none; "> 3410 <span>ลà¸à¸à¸°à¹à¸à¸µà¸¢à¸à¹à¸à¸·à¹à¸à¸£à¸±à¸à¸à¹à¸²à¸§à¸ªà¸²à¸£à¸à¸²à¸à¹à¸£à¸²</span> 3411 </li> 3412 3413 <li class="p-0 fieldSubscribe" name="subscribe_id[]" id="scid_email>" style="padding-bottom: 2%;"> 3414 <div class="p-0 m-0 row subscribeInput"> 3415 <div class="pl-0 col-12 mb-2" > 3416 <input placeholder="Email" class="form-control" type="text" name="email" id="email" value=""> 3417 <span class="error" style="display: none;"></span> 3418 </div> 3419 <div class="pl-0 pr-0 col-12 text-left" > 3420 <button type="submit" class="btn btn-style" id="savesubscribe">Subscribe</button> 3421 </div> 3422 </div> 3423 </li> 3424 </ul> 3425 </form> 3426</div> 3427<style type="text/css"> 3428 .divContentBox { 3429 color: #fff; 3430 max-width: 100%; 3431 padding: 2.5rem; 3432 text-align: center; 3433 width: 50rem; 3434 } 3435 .divContentBox { 3436 /* color: #333; */ 3437 font-family: tahoma; 3438 } 3439 .divImgCheck { 3440 margin-bottom: -4%; 3441 text-align: center; 3442 color: #76bc38; 3443 font-size: 70px; 3444 } 3445 .divContent01 { 3446 margin: 20px auto; 3447 } 3448 3449 @media (max-width: 768px) { 3450 .divContentBox { 3451 padding-bottom: 5%; 3452 padding-top: 5%; 3453 } 3454 3455 } 3456 3457</style> 3458<div class="modal fade" id="modelShopeeContactSuccess" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true"> 3459 <div class="modal-dialog modal-lg" role="document" style="width: auto;"> 3460 <div class="modal-content boxShopee" > 3461 <div class="divContentBox pageConfig card card-bg theme-font theme-main"> 3462 <button type="button" class="close"> 3463 <i style="position:absolute;top:15px;right:15px;color:#333;font-size:16px;" data-dismiss="modal" class="far fa-times"></i> 3464 </button> 3465 <div class="divImgCheck"> 3466 <i class="far fa-check-circle"></i> 3467 </div> 3468 <div class="divContent01"> 3469 <div class="divSuccessDetail "> 3470 <label class="col-form-label" style="font-size:18px;">à¹à¸à¹à¸£à¸±à¸à¸à¹à¸à¸¡à¸¹à¸¥à¸à¸à¸à¸à¸¸à¸à¹à¸£à¸µà¸¢à¸à¸£à¹à¸à¸¢à¹à¸¥à¹à¸§</label> 3471 </div> 3472 </div> 3473 <div> 3474 <button class="btn btn-style" data-dismiss="modal" id="bt
3474nConfirm" style="padding: 1% 5% 1% 5%;">à¸à¸à¸¥à¸</button> 3475 </div> 3476 </div> 3477 </div> 3478 </div> 3479</div> 3480
3481<script> 3482 $(document).ready(function () { 3483 $('#btnConfirm').click(function (e) { 3484 e.preventDefault(); 3485 // window.location.reload(); 3486 }); 3487 3488 jQuery('#form_subscribe').formValidation({ 3489 live: 'enabled', 3490 framework: 'bootstrap', 3491 excluded: [':disabled'], 3492 icon: { 3493 valid: '', 3494 invalid: '', 3495 validating: 'glyphicon glyphicon-refresh' 3496 }, 3497 err: { 3498 clazz: 'invalid-feedback' 3499 }, 3500 fields: { 3501 "email": { 3502 trigger: 'blur', 3503 validators: { 3504 notEmpty: { 3505 message: 'à¸à¸£à¸¸à¸à¸²à¸à¸£à¸à¸à¸à¸µà¹à¸¡à¸¥' 3506 }, 3507 regexp: { 3508 regexp: /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/, 3509 message: 'รูà¸à¹à¸à¸à¸à¸µà¹à¸¡à¸¥à¹à¸¡à¹à¸à¸¹à¸à¸à¹à¸à¸' 3510 } 3511 } 3512 }, 3513 }, 3514 }).on('err.field.fv', function(e, data) { 3515 data.element.addClass('is-invalid'); 3516 data.element.data('fv.messages') 3517 .find('[data-fv-for="' + data.field + '"]').hide() 3518 .filter('[data-fv-validator="' + data.validator + '"]').show(); 3519 data.element.parent().addClass('has-error'); 3520 }).on('success.field.fv', function(e, data) { 3521 data.element.removeClass('is-invalid'); 3522 data.element.parents('.form-group').removeClass('has-success'); 3523 data.element.parent().removeClass('has-error'); 3524 $('.error').hide(); 3525 }).on('success.form.fv', function(e) { 3526 $('#boxLoading').fadeIn(); 3527 var form = jQuery('#form_subscribe').serialize(); 3528 $.ajax({ 3529 url: '/widget/subscribe/ajaxDialogManageSubscribeController.php?typ=savesubscribeForm', 3530 type: "POST", 3531 data: form, 3532 success: function(data) { 3533 fbq('track', 'CompleteRegistration'); $('#modelShopeeContactSuccess').modal('show'); 3534 $('#boxLoading').fadeOut(); 3535 // window.location.reload(); 3536 },error: function(jqXHR, textStatus, errorThrown) { 3537 $('#boxLoading').fadeOut(); 3538 } 3539 }); 3540 }); 3541 }); 3542</script>
3542 </div> 3543 </div> 3544 <div class="col-12"> 3545 <div class="divFooterSocial"> 3546 <style type="text/css"> 3547 .footerLineWidget, .footerLineWidget:focus,.footerLineWidget:active { 3548 background-image: linear-gradient(#80D544, #65BC3E); 3549 background-image: -webkit-linear-gradient(top, #80D544, #65BC3E); 3550 background-image: -moz-linear-gradient(top, #80D544, #65BC3E); 3551 background-image: -ms-linear-gradient(top, #80D544, #65BC3E); 3552 background-image: -o-linear-gradient(top, #80D544, #65BC3E); 3553 background-image: linear-gradient(to bottom, #80D544, #65BC3E); 3554 -webkit-border-radius: 5px; 3555 border-radius: 5px; 3556 color: #FFF; 3557 font-size: 14px; 3558 padding: 5px 8px; 3559 padding-bottom: 8px; 3560 text-decoration: none; 3561 cursor: pointer; 3562 display: inline-block; 3563 margin-right: 11px; 3564 } 3565 .footerLineWidget:hover { 3566 background-image: linear-gradient(#80D544, #65BC3E); 3567 color: #FFF; 3568 background-image: -webkit-linear-gradient(top, #65BC3E, #80D544); 3569 background-image: -moz-linear-gradient(top, #65BC3E, #80D544); 3570 background-image: -ms-linear-gradient(top, #65BC3E, #80D544); 3571 background-image: -o-linear-gradient(top, #65BC3E, #80D544); 3572 background-image: linear-gradient(to bottom, #65BC3E, #80D544); 3573 text-decoration: none; 3574 } 3575 .footerLineWidget{ 3576 font-size: 14px; 3577 } 3578 .footerWechatWidget, .footerWechatWidget:focus,.footerWechatWidget:active { 3579 background: #00BC0C; 3580 background-image: -webkit-linear-gradient(top, #00BC0C, #3cbf1c); 3581 background-image: -moz-linear-gradient(top, #00BC0C, #3cbf1c); 3582 background-image: -ms-linear-gradient(top, #00BC0C, #3cbf1c); 3583 background-image: -o-linear-gradient(top, #00BC0C, #3cbf1c); 3584 background-image: linear-gradient(to bottom, #00BC0C, #3cbf1c); 3585 -webkit-border-radius: 5px; 3586 border-radius: 5px; 3587 color: #FFF; 3588 font-size: 14px; 3589 padding: 5px 8px; 3590 padding-bottom: 8px; 3591 text-decoration: none; 3592 cursor: pointer; 3593 display: inline-block; 3594 } 3595 3596 .footerWechatWidget:hover { 3597 background: #3cbf1c; 3598 color: #FFF; 3599 background-image: -webkit-linear-gradient(top, #3cbf1c, #00BC0C); 3600 background-image: -moz-linear-gradient(top, #3cbf1c, #00BC0C); 3601 background-image: -ms-linear-gradient(top, #3cbf1c, #00BC0C); 3602 background-image: -o-linear-gradient(top, #3cbf1c, #00BC0C); 3603 background-image: linear-gradient(to bottom, #3cbf1c, #00BC0C); 3604 text-decoration: none; 3605 } 3606 .imgLineWidget,.imgWechatWidget{ 3607 width: 145px !important; 3608 height: 145px !important; 3609 } 3610 .qrcodeLogo{ 3611 width: 25px; 3612 height: 25px; 3613 } 3614 #fsocial-widget { 3615 display:block; 3616 } 3617 3618 #fsocial-widget>.faco-top { 3619 margin-bottom: 25px; 3620 } 3621 3622 .pointer-none { 3623 pointer-events: none; 3624 } 3625 3626 </style> 3627<div class="social-widget" id="fsocial-widget"> 3628 <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/welovestreetfashions/"> 3629 <i class="fas fa-circle colorFacebookBG pointer-none"></i> 3630 <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i> 3631 </a> 3632 <a class="faco-top fa-layers fa-fw instagramSocial" target="_blank" href="https://www.instagram.com/welovestreetfashion/"> 3633 <i class="fas fa-circle colorInstagramBG pointer-none"></i> 3634 <i class="fa-inverse fab fa-instagram colorInstagram pointer-none" data-fa-transform="shrink-7"></i> 3635 </a> 3636 3637 <a class="faco-top fa-layers fa-fw pinterestSocial" target="_blank" href="https://www.pinterest.com/WLSbangkok/"> 3638 <i class="fas fa-circle colorPinterestBG pointer-none"></i> 3639 <i class="fa-inverse fab fa-pinterest-p colorPinterest pointer-none" data-fa-transform="shrink-7"></i> 3640 </a> 3641 3642 <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/@https://lin.ee/fxidmYP" > 3643 <i class="fas fa-circle colorLineBG pointer-none"></i> 3644 <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i> 3645 </a> 3646 3647 3648 </div> 3649 3650 3651
3651<script type="text/javascript"> 3652 3653 jQuery(".footerWechatWidget").click(function () { 3654 window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); 3655 }); 3656 3657</script>
3657 </div> 3658 </div> 3659 <!-- <div class="col-12"> 3660 <div class="divFooterLine"> 3661 </div> 3662 </div> --> 3663 </div> 3664 </div> 3665 </div> 3666 <div id="footer-bar"> 3667 <div class="container"> 3668 <div class="row"> 3669 <div class="col-12"> 3670 <div style="text-align: center;" data-mce-style="text-align: center;"> <br></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: Oswald; font-size: 12px;" data-mce-style="font-family: Oswald; font-size: 12px;"><br data-mce-bogus="1"></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: Oswald; font-size: 12px;" data-mce-style="font-family: Oswald; font-size: 12px;"><br data-mce-bogus="1"></span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: Oswald; font-size: 12px;" data-mce-style="font-family: Oswald; font-size: 12px;"> </span></div><div style="text-align: center;" data-mce-style="text-align: center;"><span style="font-family: Oswald; font-size: 12px;" data-mce-style="font-family: Oswald; font-size: 12px;"> copyright@ 2009 by welovestreetfashion.com all rights reserved</span></div><p><span style="font-family: Oswald;" data-mce-style="font-family: Oswald;"> </span><br></p><p> <br></p> </div> 3671 </div> 3672 </div> 3673 </div> 3674 </footer> 3675 3676 </div> 3677 3678 <div class="widget_cart_fix_display open"></div> 3679 </div> 3680 </div> 3681 3682 <!-- cookie consent--> 3683 3684<div class="policy-position"> 3685 <div class="wrap-con"> 3686 <div class="container"> 3687 <div class="row pad-row-pdpa policy-container"> 3688 <div class="col-12 col-md-9 col-lg-9"> 3689 <span class="txt-pdconsent">à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸µà¹à¸¡à¸µà¸à¸²à¸£à¹à¸à¹à¸à¸²à¸à¸à¸¸à¸à¸à¸µà¹ à¹à¸à¸·à¹à¸à¹à¸à¸´à¹à¸¡à¸à¸£à¸°à¸ªà¸´à¸à¸à¸´à¸ าà¸à¹à¸¥à¸°à¸à¸£à¸°à¸ªà¸à¸à¸²à¸£à¸à¹à¸à¸µà¹à¸à¸µà¹à¸à¸à¸²à¸£à¹à¸à¹à¸à¸²à¸à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸à¸à¸à¹à¸²à¸ à¸à¹à¸²à¸à¸ªà¸²à¸¡à¸²à¸£à¸à¸à¹à¸²à¸à¸£à¸²à¸¢à¸¥à¸°à¹à¸à¸µà¸¢à¸à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡à¹à¸à¹à¸à¸µà¹ <a class="" href="/privacy-policy" target="_blank">à¸à¹à¸¢à¸à¸²à¸¢à¸à¸§à¸²à¸¡à¹à¸à¹à¸à¸ªà¹à¸§à¸à¸à¸±à¸§</a> 3690 à¹à¸¥à¸° <a class="" href="/cookies-policy" target="_blank">à¸à¹à¸¢à¸à¸²à¸¢à¸à¸¸à¸à¸à¸µà¹</a> 3691 </span> 3692 </div> 3693 <div class="col-12 col-md-3 col-lg-3 colbtn"> 3694 <button class="btnAcceptPd btn btn-style " type="button" id="btn_setting_cookie">à¸à¸±à¹à¸à¸à¹à¸²à¸à¸¸à¸à¸à¸µà¹</button> 3695 <button class="btnAcceptPd btn btn-style" type="button" id="btnAcceptPd">ยà¸à¸¡à¸£à¸±à¸à¸à¸±à¹à¸à¸«à¸¡à¸</button> 3696 </div> 3697 </div> 3698 </div> 3699 </div> 3700</div> 3701
3701<script type="text/javascript"> 3702 var plugins = {}; 3703 plugins['fontawesome'] = {'isEnable': false}; 3704 plugins['hamburgers'] = {'isEnable': true}; 3705 plugins['imagesloaded'] = {'isEnable': false}; 3706 plugins['magnificpopup'] = {'isEnable': true}; 3707 plugins['masonry'] = {'isEnable': true}; 3708 plugins['owlcarousel'] = {'isEnable': true}; 3709 plugins['perfectscrollbar'] = {'isEnable': true}; 3710 plugins['scrollposstyler'] = {'isEnable': false}; 3711 plugins['style_mwe'] = {'isEnable': false}; 3712 plugins['all'] = {'isEnable': false}; 3713 plugins['circularloading'] = {'isEnable': true}; 3714 plugins['customerjs'] = {'isEnable': false}; 3715 plugins['customerstyle'] = {'isEnable': false}; 3716 plugins['font'] = {'isEnable': false}; 3717 plugins['fullcalendar'] = {'isEnable': true}; 3718 plugins['homebox_eventcalendar'] = {'isEnable': true}; 3719 plugins['page_calendar'] = {'isEnable': true}; 3720 plugins['page_faq'] = {'isEnable': true}; 3721 plugins['themesystem'] = {'isEnable': false}; 3722 </script>
3722 3723 <!-- JS Main --> 3724
3724<script src="https://cloud.makewebstatic.com/makeweb/prod/js/scrollPosStyler.min.js?v=202012190947"></script>
3724 3725
3725<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.flexslider-min.js?v=202604291000"></script>
3725 3726
3726<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.zoom.js?v=202604291000"></script>
3726 3727
3727<script src="https://cloud.makewebstatic.com/makeweb/prod/js/social-buttons.min.js?v=202604291000"></script>
3727 3728
3728<script src="https://cloud.makewebstatic.com/makeweb/prod/js/popper.min.js?v=202604291000"></script>
3728 3729
3729<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js?v=202604291000" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
3729 3730
3730<script src="https://cloud.makewebstatic.com/makeweb/prod/js/formValidation.min.js?v=202604291000"></script>
3730 3731
3731<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap.min.js?v=202604291000"></script>
3731 3732
3732<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=202604291000"></script>
3732 3733
3733<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-datetimepicker.min.js?v=202604291000"></script>
3733 3734
3734<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-checkbox.min.js?v=202604291000"></script>
3734 3735
3735<script src="https://cloud.makewebstatic.com/makeweb/prod/js/backtotop.min.js?v=202604291000"></script>
3735 3736
3736<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootbox.min.js?v=202102081700"></script>
3736 3737
3737<script src="https://cloud.makewebstatic.com/makeweb/prod/js/simplepagination.min.js?v=202604291000"></script>
3737 3738
3738<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-toggle.min.js?v=202604291000"></script>
3738 3739
3739<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-context.min.js?v=202604291000"></script>
3739 3740
3740<script src="https://cloud.makewebstatic.com/makeweb/prod/js/spectrum.min.js?v=202604291000"></script>
3740 3741
3741<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-select.min.js?v=202604291000"></script>
3741 3742
3742<script>var lang = "th";</script>
3742 3743
3743<script src="https://cloud.makewebstatic.com/makeweb/prod/js/modernizr.min.js?v=202604291000"></script>
3743 3744
3744<script src="https://cloud.makewebstatic.com/makeweb/prod/js/rellax_new_min.js?v=202604291000"></script>
3744 3745 <!-- JS Page --> 3746
3746<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=0"></script>
3746<script src="https://cloud.makewebstatic.com/makeweb/prod/js/fullcalendar.min.js?v=0"></script>
3746<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel.min.js?v=202001111111"></script>
3746<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel2.thumbs.min.js?v=202001111111"></script>
3746<script src="https://cloud.makewebstatic.com/makeweb/prod/js/perfect-scrollbar.jquery.min.js?v=0"></script>
3746<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.magnific-popup.min.js?v=202012190947"></script>
3746<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/masonry.pkgd.min.js?v=0"></script>
3746 <!-- JS Main --> 3747
3747<script defer src="https://cloud.makewebstatic.com/makeweb/prod/js/all.min.js?v=1"></script>
3747 3748
3748<script type="text/javascript" src="/include/customer/customer.js?v=202510071324"></script>
3748 3749
3749<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/hideShowPassword.min.js?v=202604291000"></script>
3749 3750 <!-- Script CustomerPage --> 3751 <!-- Script Body --> 3752
3752<script type="text/javascript"> 3753 $(document).ready(function () { 3754 if ( 3755 navigator.platform == 'iPhone' || 3756 navigator.platform == 'iPod' || 3757 navigator.platform == 'iPad' || 3758 (navigator.platform == 'MacIntel' && navigator.maxTouchPoints != 0) 3759 ) { 3760 var $body = $('body'); 3761 var bg_attachment = $body.css('background-attachment'); 3762 if (bg_attachment == 'fixed') { 3763 var bg_size = $body.css('background-size'); 3764 if (bg_size == 'auto') { 3765 var bg_img = $body.css('background-image'); 3766 var bg_repeat = $body.css('background-repeat'); 3767 $bodyBG = $('<div class="pseudo-body-bg"></div>'); 3768 $bodyBG.css('width', '100vw'); 3769 $bodyBG.css('height', '100vh'); 3770 $bodyBG.css('position', 'fixed'); 3771 $bodyBG.css('top', '0'); 3772 $bodyBG.css('left', '0'); 3773 $bodyBG.css('background-image', bg_img); 3774 $bodyBG.css('background-repeat', bg_repeat); 3775 $bodyBG.css('z-index', '-99'); 3776 $body.prepend($bodyBG); 3777 3778 } else if (bg_size == 'cover') { 3779 var bg_img = $body.css('background-image'); 3780 var bg_repeat = $body.css('background-repeat'); 3781 var bg_pos = $body.css('background-position'); 3782 var bg_size = $body.css('background-size'); 3783 $bodyBG = $('<div class="pseudo-body-bg"></div>'); 3784 $bodyBG.css('width', '100vw'); 3785 $bodyBG.css('height', '100vh'); 3786 $bodyBG.css('position', 'fixed'); 3787 $bodyBG.css('top', '0'); 3788 $bodyBG.css('left', '0'); 3789 $bodyBG.css('background-image', bg_img); 3790 $bodyBG.css('background-repeat', bg_repeat); 3791 $bodyBG.css('background-position', bg_pos); 3792 $bodyBG.css('background-size', bg_size); 3793 $bodyBG.css('-webkit-background-size', bg_size); 3794 $bodyBG.css('-moz-background-size', bg_size); 3795 $bodyBG.css('-o-background-size', bg_size); 3796 $bodyBG.css('z-index', '-99'); 3797 $body.prepend($bodyBG); 3798 } 3799 } 3800 } 3801 }); 3802 </script>
3802 3803 <!-- Script Rellax --> 3804
3804<script type="text/javascript"> 3805 if (document.getElementsByClassName("rellax").length > 0) { 3806 if (!navigator.userAgent.match(/SamsungBrowser/i) && Modernizr.csstransforms) { 3807 var rellax = new Rellax('.rellax', { 3808 speed: -4, 3809 round: true 3810 }); 3811 } else { 3812 $(document).ready(function () { 3813 $('.rellax-view').each(function (index) { 3814 var $rellax = $(this).find('>.rellax'); 3815 var bg_img = $rellax.css('background-image'); 3816 var bg_repeat = $rellax.css('background-repeat'); 3817 var bg_xpos = $rellax.css('background-position-x'); 3818 var bg_ypos = $rellax.css('background-position-y'); 3819 var bg_size = $rellax.css('background-size'); 3820 $(this).css({ 3821 'background-image': bg_img, 3822 'background-repeat': bg_repeat, 3823 'background-position-x': bg_xpos, 3824 'background-position-y': bg_ypos, 3825 '-webkit-background-size': bg_size, 3826 '-moz-background-size': bg_repeat, 3827 '-o-background-size': bg_repeat, 3828 'background-size': bg_repeat, 3829 }).addClass('rellax-not-support'); 3830 $rellax.remove(); 3831 }); 3832 }); 3833 } 3834 } 3835 </script>
3835 3836 <!-- Script Slide --> 3837 <!-- Script WidgetCart --> 3838
3838<script> 3839 drawWidgetCartFix(); 3840 </script>
3840 3841 3842 <!-- Script MWEAds --> 3843
3843<script> 3844 // $("#divMWEAds").on("click", function (e) { 3845 // var aNode = e.target.nodeName; 3846 // if (aNode !== "B") { 3847 // window.open('https://www.makewebeasy.com'); 3848 // } 3849 // }); 3850 </script>
3850 3851 <!-- Script FB --> 3852 3853
3853<script> 3854 (function (d, s, id) { 3855 var lang = "th_TH"; 3856 var js, fjs = d.getElementsByTagName(s)[0]; 3857 if (d.getElementById(id)) 3858 return; 3859 js = d.createElement(s); 3860 js.id = id; 3861 js.async = true; 3862 js.src = "https://connect.facebook.net/" + lang + "/sdk.js#xfbml=1&version=v21.0&appId=827734580893078"; 3863 fjs.parentNode.insertBefore(js, fjs); 3864 }(document, "script", "facebook-jssdk")); 3865 </script>
3865 3866 <!-- Script Embed --> 3867 <!-- Script More --> 3868
3868<script type="text/javascript"> 3869 function myFunctionincount(id, gid, page, homid, place, local, pagetype) { 3870 if (id !== '' && page !== '' && local !== '') { 3871 jQuery.ajax({ 3872 type: 'POST', 3873 url: '/customer/banner/store.php', 3874 data: { 3875 bnid: id, 3876 gid: gid, 3877 page: page, 3878 home: homid, 3879 place: place, 3880 local: local, 3881 pagetype: pagetype 3882 }, 3883 success: function (returnData) { 3884 if (returnData != '') { 3885 console.log(returnData); 3886 } 3887 } 3888 }); 3889 } 3890 } 3891 $(function () { 3892 $('a[href*="#"]:not([href="#"])').click(function () { 3893 if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 3894 var target = $(this.hash); 3895 target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 3896 if (target.length) { 3897 disable_scroll(); 3898 $('html,body').animate({ 3899 scrollTop: target.offset().top 3900 }, 'slow', function () { 3901 enable_scroll(); 3902 }); 3903 return false; 3904 } 3905 } 3906 }); 3907 }); 3908 function preventDefault(e) { 3909 e = e || window.event; 3910 if (e.preventDefault) 3911 e.preventDefault(); 3912 e.returnValue = false; 3913 } 3914 function wheel(e) { 3915 preventDefault(e); 3916 } 3917 function disable_scroll() { 3918 if (window.addEventListener) { 3919 window.addEventListener('DOMMouseScroll', wheel, false); 3920 } 3921 window.onmousewheel = document.onmousewheel = wheel; 3922 } 3923 function enable_scroll() { 3924 if (window.removeEventListener) { 3925 window.removeEventListener('DOMMouseScroll', wheel, false); 3926 } 3927 window.onmousewheel = document.onmousewheel = null; 3928 } 3929 3930 $(function () { 3931 $('#whatsappIcon').click(function () { 3932 let toggle = $(this).data("toggle"); 3933 if (toggle == 0) { 3934 $("#whatsappDialog").css({"opacity": "1", "pointer-events": "all", "visibility": "visible", "touch-action": "auto", "margin-bottom": "96px"}); 3935 let date = new Date(); 3936 $('.whatsappTime').html(("0" + date.getHours()).slice(-2)+':'+("0" + date.getMinutes()).slice(-2)); 3937 $(this).data("toggle", 1); 3938 } else { 3939 $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"}); 3940 $(this).data("toggle", 0); 3941 } 3942 }); 3943 $('.whatsappBtnCancel').click(function () { 3944 $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"}); 3945 $('#whatsappDialog').data("toggle", 0); 3946 }); 3947 }); 3948 </script>
3948 3949
3949<script type="text/javascript"> 3950 // Img LazyLoad 3951 document.addEventListener("DOMContentLoaded", function() { 3952 var lazyImages = [].slice.call(document.querySelectorAll("img.lazy")); 3953 if ("IntersectionObserver" in window) { 3954 let lazyImageObserver = new IntersectionObserver(function(entries, observer) { 3955 entries.forEach(function(entry) { 3956 if (entry.isIntersecting) { 3957 let lazyImage = entry.target; 3958 lazyImage.src = lazyImage.dataset.src; 3959 lazyImage.classList.remove("lazy"); 3960 lazyImageObserver.unobserve(lazyImage); 3961 } 3962 }); 3963 }); 3964 3965 lazyImages.forEach(function(lazyImage) { 3966 lazyImageObserver.observe(lazyImage); 3967 }); 3968 } else { 3969 // Possibly fall back to a more compatible method here 3970 lazyImages.forEach(function(lazyImage) { 3971 lazyImage.src = lazyImage.dataset.src; 3972 lazyImage.classList.remove("lazy"); 3973 }); 3974 } 3975 }); 3976 // Iframe LazyLoad 3977 document.addEventListener("DOMContentLoaded", function() { 3978 var lazyIframes = [].slice.call(document.querySelectorAll("iframe.lazy")); 3979 if ("IntersectionObserver" in window) { 3980 let lazyIframeObserver = new IntersectionObserver(function(entries, observer) { 3981 entries.forEach(function(entry) { 3982 if (entry.isIntersecting) { 3983 let lazyIframe = entry.target; 3984 lazyIframe.src = lazyIframe.dataset.src; 3985 lazyIframe.classList.remove("lazy"); 3986 lazyIframeObserver.unobserve(lazyIframe); 3987 } 3988 }); 3989 }); 3990 3991 lazyIframes.forEach(function(lazyIframe) { 3992 lazyIframeObserver.observe(lazyIframe); 3993 }); 3994 } else { 3995 lazyIframes.forEach(function(lazyIframe) { 3996 lazyIframe.src = lazyIframe.dataset.src; 3997 lazyIframe.classList.remove("lazy"); 3998 }); 3999 } 4000 }); 4001 </script>
4001 4002
4002<script type="text/javascript"> 4003 // Img Opacity 4004 (function ($) { 4005 "use strict"; 4006 $.fn.visible = function (partial) { 4007 if (typeof ($(this).offset()) !== 'undefined') { 4008 var $t = $(this), 4009 $w = $(window), 4010 viewTop = $w.scrollTop(), 4011 viewBottom = viewTop + $w.height(), 4012 _top = $t.offset().top, 4013 _bottom = _top + $t.height(), 4014 compareTop = partial === true ? _bottom : _top, 4015 compareBottom = partial === true ? _top : _bottom; 4016 return (((compareBottom <= viewBottom) && (compareTop >= viewTop)) || ((compareBottom <= viewBottom) && (compareTop >= viewTop))); 4017 } 4018 }; 4019 jQuery(window).ready(function ($) { 4020 var bkWindow = jQuery(window), bkthumbnail = [], bkthumbnailfooter = []; 4021 //bkRatingBars = $('.bk-overlay').find('.bk-zero-trigger'), 4022 4023 jQuery('body img').not('.imgLineWidget').imagesLoaded(function () { 4024 bkthumbnail = $('#section-content').find('img:not(.zoomImg)'); 4025 bkthumbnailfooter = $('#section-footer').find('img:not(.zoomImg)'); 4026 }).progress(function (instance, image) { 4027 var result = image.isLoaded ? 'loaded' : 'broken'; 4028 if (($(image.img).visible(true)) && ($(image.img).css('opacity') == 0)) { 4029 $(image.img).css('opacity', '1'); 4030 } 4031 if ($(image.img).hasClass("infoThumbProduct") || $(image.img).attr("id") == "compareProductDisplay" || $(image.img).hasClass("fill")) { 4032 $(image.img).css('opacity', '1'); 4033 } 4034 if ($(image.img).closest(".owl-item").length > 0) { 4035 $(image.img).css('opacity', '1'); 4036 var height = $(image.img).height(); 4037 $(image.img).css("height", height); 4038 } 4039 }); 4040 bkWindow.scroll(function (event) { 4041 $.each(bkthumbnail, function (i, value) { 4042 var bkValue = $(value); 4043 if ((bkValue.visible(true)) && (bkValue.css('opacity') == 0) && !bkValue.hasClass('lazy')) { 4044 bkValue.css('opacity', '1'); 4045 } 4046 }); 4047 $.each(bkthumbnailfooter, function (i, value) { 4048 var bkValueft = $(value); 4049 if ((bkValueft.visible(true)) && (bkValueft.css('opacity') == 0) && !bkValueft.hasClass('lazy')) { 4050 bkValueft.css('opacity', '1'); 4051 } 4052 }); 4053 }); 4054 }); 4055 })(jQuery); 4056 </script>
4056 4057 4058
4058<script type="text/javascript"> 4059 $(function () { 4060 $('a[href^="tel:"], a[href^="Tel:"]').click(function () { 4061 clickConversion('call'); 4062 }); 4063 $('a[href*="line.me"], a[href*="lin.ee"]').click(function () { 4064 if($(this).hasClass('LineSocialPD')) return; 4065 clickConversion('line'); 4066 }); 4067 $('a[href*="instagram.com"]').click(function () { 4068 clickConversion('instagrams'); 4069 }) 4070 $('a[href*="facebook.com"], a[href*="fb.me"]').click(function () { 4071 if($(this).hasClass('facebookSocialPD')) return; 4072 clickConversion('facebook'); 4073 }) 4074 }); 4075 function clickConversion(snippetType, value = null, transectionId = null) { 4076 } 4077 </script>
4077 4078 4079 4080 <!-- Script Schema --> 4081 <style> 4082 @media (max-width: 992px){ 4083 .widget-overlay .fb-customerchat span iframe , 4084 .widget-overlay .fb_dialog .fb_dialog_content iframe , 4085 .widget-overlay .fb_dialog_mobile .fb_dialog_content iframe, 4086 .widget-overlay iframe.fb_mpn_mobile_landing_page_slide_up { 4087 bottom: 70px !important 4088 } 4089 #toTop.widget-to-top { 4090 bottom : 150px !important; 4091 } 4092 #unknown{ 4093 bottom : 60px !important; 4094 } 4095 } 4096 .fb_new_ui_mobile_overlay_active { 4097 overflow: auto !important; 4098 } 4099 </style> 4100 4101 4102 </body> 4103</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.