PageSourceSearch

https://www.welovestreetfashion.com/cart

html welovestreetfashion.com collected 2026-10-08 08:34:32 UTC 189,666 bytes, 4,103 lines download raw bytes

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">&nbsp;</span>&nbsp;<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&nbsp;บริการส่งด่วน</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 &amp; 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 &amp; 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 &amp; 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">&nbsp;</span>&nbsp;<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&nbsp;บริการส่งด่วน</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 &amp; 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 &amp; 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 &amp; 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] + '&nbsp;ชิ้น)');
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 &amp; 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;">&nbsp;<span style="color: #dedede;" data-mce-style="color: #dedede;">&nbsp;&nbsp;&nbsp;</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&nbsp; : 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&nbsp; :&nbsp;&nbsp;<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;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;:&nbsp;&nbsp;<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;">&nbsp;<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;">&nbsp;<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;">&nbsp;copyright@ 2009 by welovestreetfashion.com all rights reserved</span></div><p><span style="font-family: Oswald;" data-mce-style="font-family: Oswald;">&nbsp;</span><br></p><p>&nbsp;<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                        &nbsp;และ&nbsp;                        <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.