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="à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¹à¸à¸à¸£à¸´à¸ , สà¸à¸à¸à¸³à¸à¸²à¹à¸à¸à¸£à¸´à¸ , à¸à¸¸à¸à¸à¸£à¸à¹à¸ªà¹à¸¥à¸§à¹à¸à¸²à¸£à¹ , à¸à¸²à¸¢ Hario , สิà¸à¸à¹à¸² Hario , à¸à¸·à¹à¸ syphon , moka pot , aero press, french press , cold brew" /> 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="2147261155496216" /> 12 <meta property="og:type" content="website" /> 13 14 <meta property="og:title" content="cart" /> 15 <meta property="og:image" content="https://image.makewebeasy.net/makeweb/m_1200x600/SfjcR5Jud/logo/logo400.png" /> 16 <meta property="og:description" content="" /> 17 <meta property="og:url" content="https://www.koffeetools.com/cart" /> 18 <meta property="og:site_name" content="koffeetools.com" /> 19 <!-- twitter --> 20 <meta name="twitter:card" content="summary_large_image"> 21 <meta name="twitter:site" content="koffeetools.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.koffeetools.com/cart"> 26 <!-- google --> 27 <meta name="google-site-verification" content="gcQ58FiJCRVi6ovpANshnMaQZmuI1JNaywq9R4E3P-Y" /> <meta name="generator" content="MakeWebEasy" /> 28 <!-- Phone number--> 29 <meta name="format-detection" content="telephone=no"> 30 <link rel="alternate" href="https://www.koffeetools.com/cart" hreflang="x-default" /> 31 32 <link rel="canonical" href="https://www.koffeetools.com/cart" /> 33 34 <link rel="apple-touch-icon" sizes="32x32" href="https://image.makewebeasy.net/makeweb/0/SfjcR5Jud/attach_file/favicon/favicon_20181123044324-0.ico?v=202604291000" /> 35 <link rel="shortcut icon" href="https://image.makewebeasy.net/makeweb/0/SfjcR5Jud/attach_file/favicon/favicon_20181123044324-0.ico?v=202604291000" type="image/x-icon" /> 36 <link rel="icon" href="https://image.makewebeasy.net/makeweb/0/SfjcR5Jud/attach_file/favicon/favicon_20181123044324-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.com/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.
45com/makeweb/prod/css/light/homebox_eventcalendar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/page_calendar.min.css?v=0" /><link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/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/light/theme-system.min.css?v=202306151430" /> --> 49 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system.css?v=20261006235748" /> 50 <link rel="stylesheet" type="text/css" href="https://cloud.makewebstatic.com/makeweb/prod/css/light/theme-system2.css?v=202306151430" /> 51 <link rel="stylesheet" type="text/css" href="/customer-css/style_SfjcR5Jud.min.css?v=1791003856" /> 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-KT8JR3Q
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-130586377-1
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-130586377-1
vendor: 5 bytes, line 75
75');
76</script>
76<!-- Facebook Pixel Code -->
77<script>
vendor: 426 bytes, lines 77-86
77 78 !function(f,b,e,v,n,t,s) 79 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 80 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 81 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 82 n.queue=[];t=b.createElement(e);t.async=!0; 83 t.src=v;s=b.getElementsByTagName(e)[0]; 84 s.parentNode.insertBefore(t,s)}(window, document,'script', 85 'https://connect.facebook.net/en_US/fbevents.js'); 86 fbq('init', '
86136656780275588
vendor: 34 bytes, lines 86-87
86'); 87 fbq('track', 'PageView');
88</script>
88 89<noscript><img height="1" width="1" style="display:none" 90 src="https://www.facebook.com/tr?id=136656780275588&ev=PageView&noscript=1" 91/></noscript> 92<!-- End Facebook Pixel Code --><!-- Global site tag (gtag.js) - Google Ads: 769679803 -->
vendor: 65 bytes, lines 92-93
92 93<script async src="https://www.googletagmanager.com/gtag/js?id=
93AW-769679803
vendor: 13 bytes, line 93
93"></script>
94<script> 95
vendor: 138 bytes, lines 95-99
95window.dataLayer = window.dataLayer || []; 96 function gtag(){dataLayer.push(arguments);} 97 gtag('js', new Date()); 98 99 gtag('config', '
99AW-769679803
vendor: 5 bytes, line 99
99');
100</script>
100 101<!-- Global site tag (gtag.js) - Google Ads: 390014480 -->
vendor: 64 bytes, lines 101-102
101 102<script async src="https://www.googletagmanager.com/gtag/js?id=
102AW-390014480
vendor: 12 bytes, line 102
102"></script>
103<script> 104
vendor: 134 bytes, lines 104-108
104window.dataLayer = window.dataLayer || []; 105 function gtag(){dataLayer.push(arguments);} 106 gtag('js', new Date()); 107 108 gtag('config', '
108AW-390014480
vendor: 4 bytes, line 108
108');
109</script>
109 110 111 <style> 112 #divMWEAds .mweColor{ 113 color: #28bee3; 114 } 115 116 /* #divMWEAds .webFreeColor{ 117 color: #ffffff; 118 background-color: #28bee3; 119 } */ 120 121 .webFreeColor { background-color: #28bee3; border-color: #24BEE2; color: #FFFFFF; border-radius: 20px;width: 148px; height: 36px; line-height: normal;} 122 .webFreeColor:hover, 123 .webFreeColor.active { 124 background-color: #09A1E0; border-color: #1EA7C7; color: #FFFFFF; 125} 126 </style> 127 </head> 128 <body> 129 <!-- Script Embed --> 130 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 130-131
130 131<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
131GTM-KT8JR3Q
vendor: 85 bytes, lines 131-132
131" 132height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
133<!-- End Google Tag Manager (noscript) --> 134 <!--
134<script> 135 </script>
135 --> 136 <style type="text/css"> 137 .pagination>li>a, .pagination>li>span { 138 font-size: 14px; 139 color: inherit; 140 } 141 .dropdown.areacontext.open{ 142 z-index: 1001 !important; 143 } 144 .table-responsive table { 145 margin-bottom: 20px; 146 white-space: nowrap; 147 } 148 @media only screen and (min-width: 1200px) { 149 .table-responsive table { 150 white-space: normal; 151 } 152 } 153 @media only screen and (min-width: 1200px) { 154 .section-container > .slimScrollDiv { 155 display: none; 156 } 157 } 158 a[data-mce-href] { 159 font-size: inherit; 160 font-family: inherit; 161 /*color: inherit;*/ 162 } 163 /* areacontext menu */ 164 .areacontext { 165 border: 1px solid rgb(9,10,12); 166 } 167 .areacontext .btn-primary { 168 background: #373e44!important; 169 color: #FFF!important; 170 border-color: #23292f!important; 171 padding: 1px 5px; 172 display: block; 173 } 174 .areacontext > div { 175 font-family: Open Sans !important; 176 font-size: 12px !important; 177 } 178 .areacontext ul.dropdown-menu { 179 border-radius: 0px !important; 180 background: #373E44 !important; 181 margin-top: 0px !important; 182 border: 1px solid rgb(9,10,12); 183 padding: 0px !important; 184 min-width: 100px !important; 185 transform: translate3d(-1px, 20px, 0px) !important; 186 } 187 .areacontext ul.dropdown-menu > li > a { 188 font-family: "Helvetica Neue",Helvetica,Tahoma !important; 189 font-size: 12px !important; 190 color: rgb(145, 159, 174) !important; 191 padding: 3px 5px !important; 192 display: block; 193 } 194 .areacontext ul.dropdown-menu > li > a:hover { 195 background: #262D33 !important; 196 color: #FFF !important; 197 text-decoration: none; 198 } 199 /* addition */ 200 /* facebook like box */ 201 .fb-like.fb_iframe_widget > span > iframe{ 202 max-width:none!important 203 } 204 /* img in table */ 205 table img { 206 max-width:initial!important; 207 } 208 /* iframe */ 209 iframe { 210 max-width:100%; 211 } 212 /* pagination */ 213 .pagination>li>a,.pagination>li>span{ 214 font-size:14px;color:inherit 215 } 216 /* table */ 217 .table-responsive table { 218 margin-bottom:20px; 219 white-space:nowrap; 220 } 221 @media only screen and (min-width: 1200px){ 222 .table-responsive table{ 223 white-space:normal 224 } 225 } 226 /* img width and rendering */ 227 div#section-content img:not(.fill), 228 div#section-footer img:not(.fill) { 229 overflow:hidden; 230 opacity:0; 231 -webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out; 232 transition:opacity .3s ease-in-out,transform .3s ease-in-out; 233 max-width:100%; 234 } 235 @media (max-width: 768px) { 236 body { 237 max-width: 100vw; 238 } 239 } 240 /* force show img */ 241 .map_outter img { 242 opacity: 1 !important; 243 } 244 /* link in tinymce */ 245 a[data-mce-href] { 246 font-size: inherit; 247 font-family: inherit; 248 } 249 /* top layout */ 250 nav > #top-area > .container-fluid { 251 padding-left: 8px; 252 padding-right: 8px; 253 } 254 nav > #top-area > .row { 255 margin: 0; 256 } 257 nav > #top-area > .row > .col { 258 padding: 0; 259 } 260 .navbar-link { 261 display: inline-block; 262 padding: 8px; 263 border: none; 264 margin: 8px 0px; 265 vertical-align: middle; 266 line-height: 1; 267 } 268 /*.navbar-fa { 269 width: 24px !important; 270 height: 24px !important; 271 }*/ 272 .navbar-toggler-icon { 273 margin: 0; 274 padding: 0; 275 } 276 .dropdown > .dropdown-toggle > svg { 277 transition: all 300ms ease; 278 -webkit-transition: all 300ms ease; 279 -o-transition: all 300ms ease; 280 -ms-transition: all 300ms ease; 281 } 282 .dropdown.show > .dropdown-toggle > svg { 283 transform: rotate(180deg); 284 -webkit-transform: rotate(180deg); 285 -moz-transform: rotate(180deg); 286 -o-transform: rotate(180deg); 287 } 288 .dropdown-menu > li > .dropdown-toggle > svg { 289 transition: all 300ms ease; 290 -webkit-transition: all 300ms ease; 291 -o-transition: all 300ms ease; 292 -ms-transition: all 300ms ease; 293 } 294 .dropdown-menu > li.show > .dropdown-toggle > svg { 295 transform: rotate(90deg); 296 -webkit-transform: rotate(90deg); 297 -moz-transform: rotate(90deg); 298 -o-transform: rotate(90deg); 299 } 300 /* cart widget */ 301 nav span.fa-layers.fa-fw > i.navbar-fa + span.fa-layers-counter { 302 display: none; 303 } 304 nav span.fa-layers.fa-fw > svg.navbar-fa + span.fa-layers-counter { 305 -webkit-transform: scale(0.75) !important; 306 transform: scale(0.75) !important; 307 top: -75%; 308 right: auto; 309 left: 50%; 310 -webkit-transform-origin: top center; 311 transform-origin: top center; 312 display: inline-block; 313 } 314 /* list style */ 315 ul { 316 margin-bottom: 0 !important; 317 } 318 li { 319 /* list-style: none;*/ 320 } 321 /* hide caret */ 322 .dropdown-toggle::after{ 323 display:none!important; 324 } 325 /* social widget */ 326 .social-widget { 327 display: inline-block; 328 } 329 .social-widget a { 330 font-size: 30px; 331 width: 30px; 332 height: 30px; 333 min-width: 30px; 334 min-height: 30px; 335 } 336 @media (min-width: 401px) { 337 .social-widget a { 338 font-size: 36px; 339 width: 36px; 340 height: 36px; 341 min-width: 36px; 342 min-height: 36px; 343 } 344 } 345 .social-widget a svg.fa-twitter { 346 margin-right: -1px !important; 347 } 348 .social-widget a svg.fa-instagram { 349 margin-right: 2px !important; 350 } 351 .social-widget a svg.fa-google-plus-g { 352 margin-right: -6px !important; 353 } 354 .social-widget a svg.fa-youtube { 355 margin-right: -3px !important; 356 } 357 /* vertical align text widget */ 358 .navbar-text { 359 line-height: 150%; 360 vertical-align: middle; 361 min-height: 50px; 362 } 363 @media (min-width: 401px) { 364 .navbar-text { 365 min-height: 56px; 366 } 367 } 368 </style> 369 370 <!--// ! ------------arrow scroll to top --> 371 <a href="javascript:void(0);" id="toTop" class="back-to-top widget-to-top " style="display: none; width: 45px !important; height: 45px !important; z-index: 55;">
372 <span class="fa-stack" style="font-size: 22px;"> 373 <i class="fas fa-circle fa-stack-2x" style="color: #2b2a2a;"></i> 374 <i class="fas fa-arrow-up fa-stack-1x fa-inverse" style="color: #ffffff;"></i> 375 </span> 376 </a> 377 378 <!-- //! facebook messager --> 379 <div class="section-container"> 380 <!-- BoxLoading --> 381 <div class="boxLoading" id="boxLoading"> 382 <div class="loader"> 383 <svg class="circular" viewBox="25 25 50 50"> 384 <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"></circle> 385 </svg> 386 </div> 387 </div> 388 389 <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_standard"></div> 390<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_popup"></div> 391<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="modal_coupon"></div> 392
393<script type="text/javascript"> 394 395 function showModalBS(isClose, path, size) { 396 if (size == 'small') { 397 var siz = 'sm'; 398 } else if (size == 'medium') { 399 var siz = 'md'; 400 } else if (size == 'large') { 401 var siz = 'lg'; 402 } else if (size == 'full') { 403 var siz = 'full'; 404 } else if (size == 'cartlogin') { 405 var siz = 'modalCartLogin'; 406 } else if (size === 'addToCartGroupProduct') { 407 var siz = 'groupProduct modal-dialog-centered' 408 } else if (size === 'addToCart') { 409 var siz = 'addToCart modal-dialog-centered' 410 } else if (size === 'medium-center') { 411 var siz = 'md modal-dialog-centered' 412 } else { 413 var siz = 'md'; 414 } 415 416 if (isClose == 1) { 417 var backdrop = true; 418 } else if (isClose == 0) { 419 var backdrop = 'static'; 420 } else { 421 var backdrop = true; 422 } 423 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>'); 424 jQuery('#modal_standard').modal({ 425 backdrop: backdrop, 426 // remote: path, 427 show: true, 428 keyboard: true 429 }); 430 jQuery('#modal_standard').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 431 }); 432 } 433 434 function showModalPopup(isClose, path) { 435 if (isClose == 1) { 436 var backdrop = true; 437 } else if (isClose == 0) { 438 var backdrop = 'static'; 439 } else { 440 var backdrop = true; 441 } 442 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>'); 443 jQuery('#modal_popup').modal({ 444 backdrop: backdrop, 445 // remote: path, 446 show: true, 447 keyboard: true 448 }); 449 jQuery('#modal_popup').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 450 }); 451 } 452 453 function showModalCouponBS(path) { 454 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>'); 455 jQuery('#modal_coupon').modal({ 456 backdrop: true, 457 // remote: path, 458 show: true, 459 keyboard: true 460 }); 461 jQuery('#modal_coupon').find('.modal-content').load(path, function (responseText, textStatus, XMLHttpRequest) { 462 }); 463 } 464 465</script>
465 <div class="disabled-filter"></div> 466 <div class="section-body "> 467 <div id="section-header" class="sps sps--abv"> 468 469<style type="text/css"> 470 @media only screen and (min-width: 1025px){ 471 .headerMobile { 472 display: none !important; 473 } 474 .navbar-toggler { 475 display: none !important; 476 } 477 .navbar-expand-xl .navbar-collapse { 478 display: flex !important; 479 flex-basis: auto; 480 } 481 .navbar-expand-xl .navbar-nav { 482 flex-direction: row; 483 } 484 .navbar-expand-xl .navbar-nav .nav-link { 485 padding-right: 0.5rem; 486 padding-left: 0.5rem; 487 } 488 /* sticky */ 489 .headerDesktop nav #top-sticky { 490 transition: transform 450ms; 491 -webkit-transition: transform 450ms; 492 -moz-transition: transform 450ms; 493 -o-transition: transform 450ms; 494 } 495 .sps--abv .headerDesktop nav #top-sticky { 496 position: relative; 497 transform: translate3d(0, 0, 0); 498 -webkit-transform: translate3d(0, 0, 0); 499 -moz-transform: translate3d(0, 0, 0); 500 -ms-transform: translate3d(0, 0, 0); 501 } 502 .sps--abv .headerDesktop nav #top-mb { 503 margin-bottom: 0; 504 } 505 .sps--abv .headerDesktop nav #top-sticky #cart{ 506 display: none !important; 507 } 508 .sps--blw .headerDesktop nav #top-sticky { 509 position: fixed; 510 top: -56px; 511 left: 0; 512 right: 0; 513 z-index: 1000; 514 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 515 -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 516 -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 517 transform: translate3d(0, 56px, 0); 518 -webkit-transform: translate3d(0, 56px, 0); 519 -moz-transform: translate3d(0, 56px, 0); 520 -ms-transform: translate3d(0, 56px, 0); 521 } 522 .sps--blw .headerDesktop nav #top-mb { 523 padding-bottom: 56px; 524 } 525 .sps--blw #top-sticky #logotop{ 526 display: none !important; 527 } 528 529 .sps--blw .headerDesktop nav #top-sticky #cart{ 530 display: inline-flex !important 531 } 532 533 } 534 @media (max-width: 1024px){ 535 .headerDesktop { 536 display: none !important; 537 } 538 /* sticky */ 539 .sps--abv .headerMobile nav #top-sticky { 540 position: static; 541 } 542 .sps--abv .headerMobile nav #top-mb { 543 margin-bottom: 0; 544 } 545 .sps--blw .headerMobile nav #top-sticky { 546 position: fixed; 547 top: 0; 548 left: 0; 549 right: 0; 550 z-index: 1000; 551 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 552 -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); 553 -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 554 } 555 .sps--blw .headerMobile nav #top-mb { 556 margin-bottom: 56px; 557 } 558 .icoMember ,#iconsMember{ 559 display: none; 560 } 561 ul.navbar-topmenu.navbar-nav .arrowCollapse{ 562 transition: transform .3s ease 0s; 563 } 564 ul.navbar-topmenu.navbar-nav .arrowCollapse > svg{ 565 transition: transform .3s ease 0s; 566 } 567 } 568 .sb { 569 visibility: visible; 570 /*position: absolute; 571 top: 0; 572 left: 0; 573 right: 0; 574 bottom: 0; 575 576 opacity: 1; 577 z-index: 999; 578 padding: 0 16px; 579 /*margin: 0 16px;*/ 580 } 581 .sb > input { 582 /*width: calc(100% - 39px); 583 border-top: 0; 584 border-left: 0; 585 border-right: 0; 586 border-bottom: 2px solid #FFF; 587 background: #333 !important; 588 padding: 6px; 589 color: #FFF; 590 vertical-align: middle;*/ 591 } 592 .sb > input::placeholder { 593 color: #333; 594 } 595 .sb > input:focus { 596 outline: none; 597 } 598 .aCloseSearchIcon { 599 height: 36px; 600 padding: 6px 12px; 601 } 602 #top-sticky > div { 603 position: relative; 604 } 605 div.headerMobile{ 606 position: relative; 607 z-index: 56; 608 } 609 #divMWEAds { 610 bottom: unset; 611 width: 100vw !important; 612 background: #fff; 613 color: #000; 614 } 615 #divMWEAds:hover { 616 background: #fff; 617 } 618 #topZone { 619 padding-top: 0px; 620 } 621 .marginBot { 622 margin-bottom: 0px; 623 } 624 625 .headerMobile #divMWEAds { 626 font-family: 'DB Heavent' !important; 627 font-size:21px; 628 z-index:999999; 629 } 630 .headerMobile #divMWEAds a { 631 font-size: 20px; 632 font-family: 'DB Heavent' !important; 633 font-weight: bold; 634 } 635 @media only screen and (max-width: 400px) { 636 .headerMobile #divMWEAds { 637 font-size:16px; 638 } 639 #divMWEAds img { 640 max-height: 25px; 641 max-width: 25px; 642 } 643 .headerMobile #divMWEAds a { 644 font-size: 16px; 645 } 646 } 647</style> 648<div class="headerDesktop"> 649 <style type="text/css"> 650 @media (min-width: 1025px) { 651 .navbar-brand { 652 font-size: 24px !important; 653 border: none !important; 654 padding: 0; 655 margin: auto; 656 } 657 .navbar-text{ 658 min-height: 24px; 659 } 660 .text-truncate{ 661 width: 100%; 662 } 663 .text-truncate p{ 664 margin-bottom: 0 !important; 665 line-height: 24px; 666 } 667 668 #menutop{ 669 margin: 10px 10px 10px 0 !important; 670 } 671 .topwidget-menu{ 672 margin: 0 !important; 673 } 674 .sps--abv .row-display-justify { 675 -webkit-box-pack: center !important; 676 -ms-flex-pack: center !important; 677 justify-content: center !important; 678 } 679 .sps--blw .row-display-justify { 680 -webkit-box-pack: flex-start !important; 681 -ms-flex-pack: flex-start !important; 682 justify-content: flex-start !important; 683 } 684 #top-area #logotop { 685 margin: 10px 0px 0px 0px; 686 } 687 .navbar-brand .img-logo { 688 max-width: 100%; 689 min-width: 1px; 690 min-height: 1px; 691 max-height: 100%; 692 } 693 #top-sticky #cart2{ 694 display: none !important; 695 } 696 .sps--blw #top-sticky #cart2{ 697 display: inline-flex !important; 698 699 } 700 } 701</style> 702 703<nav id="topZone" class="navbar-expand-xl"> 704 <div id="top-bar"> 705 <div id="top-mb"> 706 <div class="container-fluid"> 707 <div class="row align-items-center justify-content-between"> 708 <div class="col-12 col-sm col-lg-auto"> 709 <div id="member" class="hoverOverlay d-inline-flex align-middle my-1"> 710 <ul class="navbar-nav member-nav"> 711 <li class="nav-item"> 712 <a class="nav-link" href="/th/member" id="txtLoginMember"> 713 <i class='fas fa-sign-in-alt icoMember'></i> à¹à¸à¹à¸²à¸ªà¸¹à¹à¸£à¸°à¸à¸ </a> 714 </li> 715 <li class="nav-item" style="font-size: 15px;">
716 <span id="sprMember"> 717 <span id="imgSprMemberLoged"></span> 718 </span> 719 </li> 720 <li class="nav-item"> 721 <a class="nav-link" href="/th/member/register" id="txtRegisMember"> 722 <i class="fas fa-user icoMember"></i> สมัà¸à¸£à¸ªà¸¡à¸²à¸à¸´à¸ </a> 723 </li> 724 </ul> 725 </div> 726 </div> 727 728 <div class="col-lg-auto"> 729 <div id="toptext" class="hoverOverlay d-inline-flex align-middle my-1"> 730 <div class="navbar-text text-truncate text-right py-1"> 731 <span style="font-size: 18px;" data-mce-style="font-size: 18px;"><span data-mce-style="color: #3366ff; font-family: thaisansneue_bold_webfont, Tahoma;" style="color: #3366ff; font-family: thaisansneue_bold_webfont, Tahoma;"><span style="color: #1e2457; font-family: thaisansneue_extrabold_webfont, Tahoma;" data-mce-style="color: #1e2457; font-family: thaisansneue_extrabold_webfont, Tahoma;">à¸à¸´à¸à¸à¹à¸à¸ªà¸à¸à¸à¸²à¸¡ à¹à¸à¸£ : 080-646-9764 (à¸à¸±à¸à¸à¸£à¹-à¹à¸ªà¸²à¸£à¹ 10.00à¸. - 17.00à¸.)</span></span></span> </div> 732 </div> 733 <div id="cart" class="hoverOverlay d-inline-flex align-middle my-1"> 734 <style type="text/css"> 735 .cart-nav{ 736 margin: 0; 737 } 738</style> 739 740 741 742<a class="navbar-link cart-nav" href="/cart"> 743 <span class="fa-layers fa-fw navbar-fa2"> 744 <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i> 745 <span class="widgetCartNumber d-none">0</span> 746 </span> 747</a> 748 </div> 749 <div id="socialnetwork" class="hoverOverlay d-inline-flex align-middle my-1"> 750 <div class="d-inline"> 751 <style> 752 .social-widget .faco-top svg:first-child { 753 width: 32px; 754 height: 32px; 755 } 756 .LineSocial a svg:first-child { 757 font-size: 10px; 758 } 759 </style> 760<style> 761 .empty { 762 padding-top: 15px; 763 padding-right: 22px; 764 padding-bottom: 12px; 765 padding-left: 29px; 766 } 767 .wechatSocial{ 768 cursor: pointer; 769 } 770 .pointer-none { 771 pointer-events: none; 772 } 773</style> 774<div class="social-widget"> 775 <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/koffeetools " style=""> 776 <i class="fas fa-square-full colorFacebookBG pointer-none"></i> 777 <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i> 778 </a> 779 <a class="faco-top fa-layers fa-fw youtubeSocial " target="_blank" href="https://www.youtube.com/channel/UCwwmMxm2luOKfimcsyirCRQ" style=""> 780 <i class="fas fa-square-full colorYoutubeBG pointer-none"></i> 781 <i class="fa-inverse fab fa-youtube colorYoutube pointer-none" data-fa-transform="shrink-7"></i> 782 </a> 783 <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/@koffeetools " style=""> 784 <i class="fas fa-square-full colorLineBG pointer-none"></i> 785 <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i> 786 </a> 787 788 789 </div>
790<script type="text/javascript"> 791 792 jQuery(".wechatSocial").click(function () { 793 window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); 794 }); 795 796</script>
796</div> 797 </div> 798 <div id="languagetab" class="hoverOverlay d-inline-flex align-middle my-1"> 799 <style type="text/css"> 800 .headerDesktop .topwidget-lang .dropdown-menu.dropdown-menu-right.show{ 801 padding: 0; 802 border-radius: .25rem; 803 transform: translate3d(0px, 40px, 0px) !important; 804 } 805 .headerDesktop .topwidget-lang ul, .topwidget-lang li { 806 min-width: 1px; 807 border-radius: 0; 808 } 809 .headerMobile .topwidget-lang { 810 } 811 .headerMobile .topwidget-lang ul, .topwidget-lang li { 812 min-width: 1px; 813 width: 100%; 814 border-radius: 0; 815 } 816 .headerDesktop .topwidget-lang #chooseLanguage{ 817 line-height: 24px; 818 } 819 .flag-icon{ 820 box-shadow : 0px 0px 2px 0px rgb(0 0 0 / 25%); 821 } 822</style> 823<div class="topwidget-lang"> 824 <ul class="navbar-nav"> 825 <li class="nav-item dropdown"> 826 <a data-toggle="dropdown" class="dropdown-toggle aLanguage nav-link" id="chooseLanguage" href="javascript:void(0)"> 827 <i class="flag-icon flag-icon-th"></i> 828 TH </a> 829 </li> 830 </ul> 831</div> </div> 832 </div> 833 </div> 834 </div> 835 </div> 836 </div> 837 <div id="top-area"> 838 <div id="top-mb"> 839 <div class="container-fluid"> 840 <div class="row no-gutters"> 841 <div class="col col-lg text-center"> 842 <div id="logotop" class="hoverOverlay d-inline-flex"> 843 <span class="navbar-brand"> 844 <a href="/" style="text-decoration: none;"> 845 <style> 846 @media (min-width: 1025px){ 847 .img-logo { 848 } 849 } 850 </style> 851 <img src="https://image.makewebeasy.net/makeweb/m_1920x0/SfjcR5Jud/logo/logo400.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/> 852 </a> 853 </span> 854 </div> 855 </div> 856 </div> 857 </div> 858 </div> 859 <div id="top-sticky"> 860 <div class="container-fluid"> 861 <div class="row no-gutters justify-content-center"> 862 <div class="collapse topSearchBar"> 863 <div class="topSearchBarInner"> 864 <div class="input-group mb-3"> 865 <input type="text" class="form-control textStringSearchTopWidget" placeholder="à¹à¸ªà¹à¸à¸³à¸à¹à¸à¸«à¸²à¸à¸à¸à¸à¸¸à¸..."> 866 <div class="input-group-append"> 867 <button class="btn border-left-0 rounded-right btn-outline-secondary btnSearchTopWidget" type="button"><i class="fas fa-search"></i></button> 868 </div> 869 </div> 870 </div> 871 </div> 872 873 <div class="col-12 col-lg-auto d-lg-inline-flex align-items-center"> 874 <div id="menutop" class="hoverOverlay d-inline-flex"> 875 <div class="collapse navbar-collapse"> 876 <style type="text/css"> 877 .topwidget-menu .navbar-nav .dropdown-menu { 878 padding: 0; 879 margin: 0; 880 } 881 .topwidget-menu .navbar-nav .dropdown-menu.hidden { 882 visibility: hidden; 883 } 884 /*PC hack to hover*/ 885 @media (min-width: 1025px) { 886 ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{ 887 display:block !important; 888 } 889 ul.navbar-topmenu.navbar-nav > li.nav-item >
889 ul.dropdown-menu li:hover > .dropdown-menu{ 890 display:block !important; 891 } 892 ul.navbar-topmenu.navbar-nav ul{ 893 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 894 } 895 .topwidget-menu { 896 margin: 10px; 897 } 898 ul.dropdown-menu.dropdown-menu-right{ 899 left: unset; 900 right:0; 901 } 902 .dropdownfix-menu-right { 903 right:100% !important; 904 left:auto !important; 905 } 906 .public-topmenu .dropdown-menu-right .fa-chevron-right { 907 transform: rotate(180deg); 908 left: 0; 909 position: absolute; 910 top: 12px; 911 } 912 .public-topmenu .dropdown-menu-right .fa-chevron-down{ 913 transform: rotate(90deg); 914 left: 0; 915 position: absolute; 916 top: 12px; 917 } 918 .more.hidden{ 919 display:none; 920 } 921 .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{ 922 transform: rotate(-90deg); 923 } 924 ul.navbar-topmenu.navbar-nav > li.nav-item ul{ 925 position: absolute; 926 } 927 .public-topmenu .topmenuLg{ 928 border-right:none !important; 929 } 930 } 931 /* tablet*/ 932 @media only screen and (min-width: 768px) and (max-width: 1112px) { 933 ul.navbar-topmenu.navbar-nav ul{ 934 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 935 } 936 } 937 /*mobile tablet*/ 938 @media only screen and (max-width: 1024px) { 939 940 ul.navbar-topmenu .abl1 .arrowCollapse, 941 ul.navbar-topmenu .abl2 .arrowCollapse{ 942 position: absolute; 943 right: 20px !important; 944 top: 25%; 945 text-align: center; 946 height: 16px; 947 } 948 ul.navbar-topmenu.navbar-nav a{ 949 text-align: left !important; 950 white-space: normal; 951 } 952 ul.navbar-topmenu.navbar-nav .fa-chevron-down{ 953 transition: all .3s ease 0s; 954 -ms-transition: all .3s ease 0s; 955 -webkit-transition: all .3s ease 0s; 956 -moz-transition: all .3s ease 0s; 957 } 958 ul.navbar-topmenu.navbar-nav .fa-chevron-right{ 959 transform: rotate(90deg); 960 transition: all .3s ease 0s; 961 -ms-transition: all .3s ease 0s; 962 -webkit-transition: all .3s ease 0s; 963 -moz-transition: all .3s ease 0s; 964 /* width: 15px; 965 height: 15px; */ 966 } 967 968 ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{ 969 right: 12px; 970 top: 27%; 971 } 972 973 ul.navbar-topmenu.navbar-nav a{ 974 word-wrap: break-word; 975 } 976 ul.navbar-topmenu.navbar-nav .more{ 977 display:none !important; 978 } 979 .public-topmenu .dropdown.show > a > .arrowCollapse{ 980 transform: rotate(180deg); 981 -ms-transform: rotate(180deg); 982 -webkit-transform: rotate(180deg); 983 -moz-transform: rotate(180deg); 984 } 985 .public-topmenu ul.dropdown-menu.show > li.show:not(.dropdown) > a > svg.fa-chevron-right{ 986 transform: rotate(270deg); 987 -ms-transform: rotate(270deg); 988 -webkit-transform: rotate(270deg); 989 -moz-transform: rotate(270deg); 990 } 991 .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{ 992 transform: rotate(270deg); 993 -ms-transform: rotate(270deg); 994 -webkit-transform: rotate(270deg); 995 -moz-transform: rotate(270deg); 996 } 997 ul.navbar-topmenu.navbar-nav > li > ul > li > a { 998 padding-left: 30px !important; 999 } 1000 ul.navbar-topmenu.navbar-nav ul ul a { 1001 padding-left: 45px !important; 1002 } 1003 } 1004</style> 1005<div class="topwidget-menu"> 1006 <ul class="navbar-nav navbar-topmenu public-topmenu"> 1007 <li class="nav-item "> 1008 <a class="nav-link abl1" data-onhome="home" href="/" target="_self"> 1009 หà¸à¹à¸²à¹à¸£à¸ </a> 1010 </li> 1011 <li class="nav-item dropdown "> 1012 <a class="nav-link abl1" href="/category/5117/สิà¸à¸à¹à¸²-hario" target="_self" style="position: relative;"> 1013 สิà¸à¸à¹à¸² HARIO <sp
1013an class="arrowCollapse"> 1014 <i class="fal fa-chevron-down"></i> 1015 </span> 1016 </a> 1017 <ul class="dropdown-menu"> 1018 <li> 1019 <a class="nav-link dropdown-item abl2" href="/category/5117/2311/à¸à¸¸à¸à¸à¸£à¸´à¸" target="_self"> 1020 à¸à¸¸à¸à¸à¸£à¸´à¸ </a> 1021 </li> 1022 <li> 1023 <a class="nav-link dropdown-item abl2" href="/category/5117/2235/à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹" target="_self" style="position: relative;"> 1024 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹ <span class="arrowCollapse"> 1025 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1026 </span> 1027 </a> 1028 <ul class="dropdown-menu"> 1029 <li> 1030 <a class="nav-link dropdown-item abl2" href="https://www.koffeetools.com/category/5117/2235/939/%E0%B8%94%E0%B8%A3%E0%B8%B4%E0%B8%9B%E0%B9%80%E0%B8%9B%E0%B8%AD%E0%B8%A3%E0%B9%8C-01" target="_self"> 1031 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹ 01 </a> 1032 </li> 1033 <li> 1034 <a class="nav-link dropdown-item abl2" href="https://www.koffeetools.com/category/5117/2235/940/%E0%B8%94%E0%B8%A3%E0%B8%B4%E0%B8%9B%E0%B9%80%E0%B8%9B%E0%B8%AD%E0%B8%A3%E0%B9%8C-02" target="_self"> 1035 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹ 02 </a> 1036 </li> 1037 <li> 1038 <a class="nav-link dropdown-item abl2" href="/category/5117/2235/984/à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹-03" target="_self"> 1039 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹ 03 </a> 1040 </li> 1041 </ul> 1042 </li> 1043 <li> 1044 <a class="nav-link dropdown-item abl2" href="/category/5117/2239/à¹à¸à¸£à¸à¸à¸à¸£à¸´à¸à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹" target="_self" style="position: relative;"> 1045 à¹à¸à¸£à¸à¸à¸à¸£à¸´à¸ / à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹ <span class="arrowCollapse"> 1046 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1047 </span> 1048 </a> 1049 <ul class="dropdown-menu"> 1050 <li> 1051 <a class="nav-link dropdown-item abl2" href="https://www.koffeetools.com/category/5117/2239/941/%E0%B9%80%E0%B8%8B%E0%B8%B4%E0%B8%A3%E0%B9%8C%E0%B8%9F%E0%B9%80%E0%B8%A7%E0%B8%AD%E0%B8%A3%E0%B9%8C-01" target="_self"> 1052 à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹ 01 </a> 1053 </li> 1054 <li> 1055 <a class="nav-link dropdown-item abl2" href="https://www.koffeetools.com/category/5117/2239/942/%E0%B9%80%E0%B8%8B%E0%B8%B4%E0%B8%A3%E0%B9%8C%E0%B8%9F%E0%B9%80%E0%B8%A7%E0%B8%AD%E0%B8%A3%E0%B9%8C-02" target="_self"> 1056 à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹ 02 </a> 1057 </li> 1058 </ul> 1059 </li> 1060 <li> 1061 <a class="nav-link dropdown-item abl2" href="/category/5117/2236/à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸" target="_self" style="position: relative;"> 1062 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸ <sp
1062an class="arrowCollapse"> 1063 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1064 </span> 1065 </a> 1066 <ul class="dropdown-menu"> 1067 <li> 1068 <a class="nav-link dropdown-item abl2" href="https://www.koffeetools.com/category/5117/2236/943/%E0%B8%81%E0%B8%A3%E0%B8%B0%E0%B8%94%E0%B8%B2%E0%B8%A9%E0%B8%81%E0%B8%A3%E0%B8%AD%E0%B8%87-01" target="_self"> 1069 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸ 01 </a> 1070 </li> 1071 <li> 1072 <a class="nav-link dropdown-item abl2" href="https://www.koffeetools.com/category/5117/2236/944/%E0%B8%81%E0%B8%A3%E0%B8%B0%E0%B8%94%E0%B8%B2%E0%B8%A9%E0%B8%81%E0%B8%A3%E0%B8%AD%E0%B8%87-02" target="_self"> 1073 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸ 02 </a> 1074 </li> 1075 <li> 1076 <a class="nav-link dropdown-item abl2" href="/category/5117/2236/985/à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸-03" target="_self"> 1077 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸ 03 </a> 1078 </li> 1079 </ul> 1080 </li> 1081 <li> 1082 <a class="nav-link dropdown-item abl2" href="/category/5117/2238/à¸à¸²à¸à¸£à¸´à¸" target="_self"> 1083 à¸à¸²à¸à¸£à¸´à¸ </a> 1084 </li> 1085 <li> 1086 <a class="nav-link dropdown-item abl2" href="/category/5117/2244/à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¹à¸¡à¸¥à¹à¸à¸à¸²à¹à¸" target="_self"> 1087 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¹à¸¡à¸¥à¹à¸à¸à¸²à¹à¸ </a> 1088 </li> 1089 <li> 1090 <a class="nav-link dropdown-item abl2" href="/category/5117/2237/à¸à¸µà¸à¹à¸à¸à¸£à¹" target="_self"> 1091 à¸à¸µà¸à¹à¸à¸à¸£à¹ </a> 1092 </li> 1093 <li> 1094 <a class="nav-link dropdown-item abl2" href="/category/5117/2240/à¹à¸à¸£à¸à¸à¹à¹à¸à¸£à¸ª" target="_self"> 1095 à¹à¸à¸£à¸à¸à¹à¹à¸à¸£à¸ª </a> 1096 </li> 1097 <li> 1098 <a class="nav-link dropdown-item abl2" href="/category/5117/2241/
1098à¹à¸à¸à¹à¸à¸" target="_self"> 1099 à¹à¸à¸à¹à¸à¸ / Syphon </a> 1100 </li> 1101 <li> 1102 <a class="nav-link dropdown-item abl2" href="/category/5117/2242/à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¹à¸à¸ªà¸à¸±à¸à¹à¸¢à¹à¸" target="_self"> 1103 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸³à¸à¸²à¹à¸à¸ªà¸à¸±à¸à¹à¸¢à¹à¸ </a> 1104 </li> 1105 <li> 1106 <a class="nav-link dropdown-item abl2" href="/category/5117/2243/à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸³à¸à¸²à¹à¸à¹à¸¢à¹à¸" target="_self"> 1107 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸³à¸à¸²à¹à¸à¹à¸¢à¹à¸ </a> 1108 </li> 1109 <li> 1110 <a class="nav-link dropdown-item abl2" href="/category/5117/2246/à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¹à¸à¸à¸·à¹à¸à¹" target="_self"> 1111 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¹à¸à¸à¸·à¹à¸à¹ </a> 1112 </li> 1113 <li> 1114 <a class="nav-link dropdown-item abl2" href="/category/5117/2400/à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²" target="_self"> 1115 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸² </a> 1116 </li> 1117 </ul> 1118 </li> 1119 <li class="nav-item "> 1120 <a class="nav-link abl1" href="/category/5261/yamayagi" target="_self"> 1121 สิà¸à¸à¹à¸² YAMAYAGI </a> 1122 </li> 1123 <li class="nav-item dropdown "> 1124 <a class="nav-link abl1" href="/category/3104/coffee-tools" target="_self" style="position: relative;"> 1125 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸³à¸à¸²à¹à¸ <span class="arrowCollapse"> 1126 <i class="fal fa-chevron-down"></i> 1127 </span> 1128 </a> 1129 <ul class="dropdown-menu"> 1130 <li> 1131 <a class="nav-link dropdown-item abl2" href="/category/3104/997/coffee-grinder" target="_self" style="position: relative;"> 1132 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¹à¸¡à¸¥à¹à¸à¸à¸²à¹à¸ / Coffee grinder <span class="arrowCollapse"> 1133 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1134 </span> 1135 </a> 1136 <ul class="dropdown-menu"> 1137 <li> 1138 <a class="nav-link dropdown-item abl2" href="/category/3104/997/142/steel-blade" target="_self"> 1139 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¹à¸à¸·à¸à¸à¸à¸à¹à¸«à¸¥à¹à¸+à¹à¸à¸¡à¸µà¸à¹à¸«à¸¥à¹à¸ </a> 1140 </li> 1141 <li> 1142 <a class="nav-link dropdown-item abl2" href="/category/3104/997/140/ceramic-burr" target="_self"> 1143 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¹à¸à¸·à¸à¸à¸à¸à¹à¸à¸£à¸²à¸¡à¸´à¸ </a> 1144 </li> 1145 <li> 1146 <a class="nav-link dropdown-item abl2" href="/category/3104/997/427/à¸à¸±à¸à¸à¸à¸ªà¹à¸à¸à¹à¸¥à¸ª" target="_self"> 1147 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¹à¸à¸·à¸à¸à¸à¸à¸ªà¹à¸à¸à¹à¸¥à¸ª </a> 1148 </li> 1149 <li> 1150 <a class="nav-link dropdown-item abl2" href="/category/3104/997/149/automatic-grinder" target="_self"> 1151 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¸à¸±à¸à¹à¸à¸¡à¸±à¸à¸´ </a> 1152 </li> 1153 <li> 1154 <a class="nav-link dropdown-item abl2" href="/category/3104/997/918/à¸à¸°à¹à¸«à¸¥à¹à¹à¸à¸·à¸à¸à¸à¸à¹à¸à¸£à¸²à¸¡à¸´à¸" target="_self"> 1155 à¸à¸°à¹à¸«à¸¥à¹à¹à¸à¸·à¸à¸à¹à¸à¸£à¸²à¸¡à¸´à¸ </a> 1156 </li> 1157 </ul> 1158 </li> 1159 <li> 1160 <a class="nav-link dropdown-item abl2" href="/category/3104/998/coffee-measurement" target="_self" style="position: relative;"> 1161 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸§à¸à¸§à¸±à¸ <sp
1161an class="arrowCollapse"> 1162 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1163 </span> 1164 </a> 1165 <ul class="dropdown-menu"> 1166 <li> 1167 <a class="nav-link dropdown-item abl2" href="/category/3104/998/185/digital-scale" target="_self"> 1168 à¸à¸²à¸à¸±à¹à¸à¸à¸´à¸à¸´à¸à¸à¸¥ / Digital scale </a> 1169 </li> 1170 <li> 1171 <a class="nav-link dropdown-item abl2" href="/category/3104/998/187/digital-timer" target="_self"> 1172 à¸à¸²à¸¬à¸´à¸à¸²à¸à¸±à¸à¹à¸§à¸¥à¸² / Digital timer </a> 1173 </li> 1174 <li> 1175 <a class="nav-link dropdown-item abl2" href="/category/3104/998/184/measuring-cup" target="_self"> 1176 à¸à¹à¸§à¸¢à¸à¸§à¸ / Mesuring cup </a> 1177 </li> 1178 <li> 1179 <a class="nav-link dropdown-item abl2" href="/category/3104/998/183/measuring-spoon" target="_self"> 1180 à¸à¹à¸à¸à¸à¸§à¸ / Mesuring spoon </a> 1181 </li> 1182 <li> 1183 <a class="nav-link dropdown-item abl2" href="/category/3104/998/186/thermometer" target="_self"> 1184 à¹à¸à¸à¸£à¹à¹à¸¡à¸¡à¸´à¹à¸à¸à¸£à¹à¸§à¸±à¸à¸à¸¸à¸à¸«à¸ ูมิ </a> 1185 </li> 1186 <li> 1187 <a class="nav-link dropdown-item abl2" href="/category/3104/998/1015/à¹à¸¡à¹à¸à¸£à¸£à¸à¸±à¸à¸§à¸±à¸à¸à¸à¸²à¸à¸à¸à¸à¸²à¹à¸" target="_self"> 1188 à¹à¸¡à¹à¸à¸£à¸£à¸à¸±à¸à¸§à¸±à¸à¸à¸à¸²à¸à¸à¸à¸à¸²à¹à¸ </a> 1189 </li> 1190 </ul> 1191 </li> 1192 <li> 1193 <a class="nav-link dropdown-item abl2" href="/category/3104/478/coffee-tamper" target="_self" style="position: relative;"> 1194 à¹à¸à¸¡à¹à¸à¸à¸£à¹/à¸à¸µà¹à¸à¸à¸à¸²à¹à¸ <sp
1194an class="arrowCollapse"> 1195 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1196 </span> 1197 </a> 1198 <ul class="dropdown-menu"> 1199 <li> 1200 <a class="nav-link dropdown-item abl2" href="/category/3104/478/987/à¸à¸à¸²à¸-455-mm" target="_self"> 1201 à¸à¸à¸²à¸ 45.5 mm </a> 1202 </li> 1203 <li> 1204 <a class="nav-link dropdown-item abl2" href="/category/3104/478/442/à¸à¸à¸²à¸-49-mm" target="_self"> 1205 à¸à¸à¸²à¸ 49 mm </a> 1206 </li> 1207 <li> 1208 <a class="nav-link dropdown-item abl2" href="/category/3104/478/441/à¸à¸à¸²à¸-51-mm" target="_self"> 1209 à¸à¸à¸²à¸ 51 mm </a> 1210 </li> 1211 <li> 1212 <a class="nav-link dropdown-item abl2" href="/category/3104/478/452/à¸à¸à¸²à¸-53-mm" target="_self"> 1213 à¸à¸à¸²à¸ 53 mm </a> 1214 </li> 1215 <li> 1216 <a class="nav-link dropdown-item abl2" href="/category/3104/478/451/à¸à¸à¸²à¸-54-mm" target="_self"> 1217 à¸à¸à¸²à¸ 54 mm </a> 1218 </li> 1219 <li> 1220 <a class="nav-link dropdown-item abl2" href="/category/3104/478/439/à¸à¸à¸²à¸-58-mm" target="_self"> 1221 à¸à¸à¸²à¸ 58 mm </a> 1222 </li> 1223 <li> 1224 <a class="nav-link dropdown-item abl2" href="/category/3104/478/443/à¸à¸à¸²à¸-5835-mm" target="_self"> 1225 à¸à¸à¸²à¸ 58.35 mm </a> 1226 </li> 1227 <li> 1228 <a class="nav-link dropdown-item abl2" href="/category/3104/478/995/à¸à¸à¸²à¸-585-mm" target="_self"> 1229 à¸à¸à¸²à¸ 58.5 mm </a> 1230 </li> 1231 </ul> 1232 </li> 1233 <li> 1234 <a class="nav-link dropdown-item abl2" href="/category/3104/1265/dosing-ring" target="_self" style="position: relative;"> 1235 à¹à¸«à¸§à¸à¸à¸£à¸à¸à¸à¹à¸²à¸¡à¸à¸à¸à¸²à¹à¸ / Dosing ring <sp
1235an class="arrowCollapse"> 1236 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1237 </span> 1238 </a> 1239 <ul class="dropdown-menu"> 1240 <li> 1241 <a class="nav-link dropdown-item abl2" href="/category/3104/1265/831/à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸-51-mm" target="_self"> 1242 à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸ 51 mm </a> 1243 </li> 1244 <li> 1245 <a class="nav-link dropdown-item abl2" href="/category/3104/1265/1006/à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸-53-mm" target="_self"> 1246 à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸ 53 mm </a> 1247 </li> 1248 <li> 1249 <a class="nav-link dropdown-item abl2" href="/category/3104/1265/954/à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸-54-mm" target="_self"> 1250 à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸ 54 mm </a> 1251 </li> 1252 <li> 1253 <a class="nav-link dropdown-item abl2" href="/category/3104/1265/830/à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸-58-mm" target="_self"> 1254 à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸ 58 mm </a> 1255 </li> 1256 </ul> 1257 </li> 1258 <li> 1259 <a class="nav-link dropdown-item abl2" href="/category/3104/1272/cleaning-tools" target="_self" style="position: relative;"> 1260 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸³à¸à¸§à¸²à¸¡à¸ªà¸°à¸à¸²à¸ <span class="arrowCollapse"> 1261 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1262 </span> 1263 </a> 1264 <ul class="dropdown-menu"> 1265 <li> 1266 <a class="nav-link dropdown-item abl2" href="/category/3104/1272/447/à¹à¸à¸£à¸à¸à¸±à¸à¸à¸à¸à¸²à¹à¸à¸«à¸±à¸§à¸à¸" target="_self"> 1267 à¹à¸à¸£à¸à¸à¸±à¸à¸à¸à¸à¸²à¹à¸/หัวà¸à¸ </a> 1268 </li> 1269 <li> 1270 <a class="nav-link dropdown-item abl2" href="/category/3104/1272/449/à¸à¹à¸²à¹à¸à¹à¸à¸à¸¸à¸à¸à¸£à¸à¹" target="_self"> 1271 à¸à¹à¸²à¹à¸à¹à¸à¸à¸¸à¸à¸à¸£à¸à¹ </a> 1272 </li> 1273 <li> 1274 <a class="nav-link dropdown-item abl2" href="/category/3104/1272/448/à¸à¹à¸²à¸à¹à¸à¸²à¸°à¸à¸²à¸à¸à¸²à¹à¸" target="_self"> 1275 à¸à¹à¸²à¸à¹à¸à¸²à¸°à¸à¸²à¸à¸à¸²à¹à¸ / Knock box </a> 1276 </li> 1277 <li> 1278 <a class="nav-link dropdown-item abl2" href="/category/3104/1272/450/à¸à¸à¸¥à¹à¸²à¸à¸«à¸±à¸§à¸à¸" target="_self"> 1279 à¸à¸à¸¥à¹à¸²à¸à¸«à¸±à¸§à¸à¸ </a> 1280 </li> 1281 <li> 1282 <a class="nav-link dropdown-item abl2" href="/category/3104/1272/1013/à¸à¸µà¹à¸¥à¹à¸²à¸à¹à¸à¹à¸§" target="_self"> 1283 à¸à¸µà¹à¸¥à¹à¸²à¸à¹à¸à¹à¸§ / Glass Rinser </a> 1284 </li> 1285 </ul> 1286 </li> 1287 <li> 1288 <a class="nav-link dropdown-item abl2" href="/category/3104/1000/coffee-storage" target="_self"> 1289 à¹à¸à¹à¸à¹à¸à¹à¸¡à¸¥à¹à¸à¸à¸²à¹à¸ </a> 1290 </li> 1291 <li> 1292 <a class="nav-link dropdown-item abl2" href="/category/3104/2233/ยาà¸à¸£à¸à¸à¹à¸à¸¡à¹à¸à¸à¸£à¹" target="_self"> 1293 ยาà¸à¸£à¸à¸à¹à¸à¸¡à¹à¸à¸à¸£à¹ / Tamper mat </a> 1294 </li> 1295 <li> 1296 <a class="nav-link dropdown-item abl2" href="/category/3104/2698/à¹à¸à¹à¸¡à¹à¸à¸¥à¸µà¹à¸¢à¸à¸à¸à¸²à¹à¸" target="_self"> 1297 à¹à¸à¹à¸¡à¹à¸à¸¥à¸µà¹à¸¢à¸à¸à¸à¸²à¹à¸ </a> 1298 </li> 1299 <li> 1300 <a class="nav-link dropdown-item abl2" href="/category/3104/1457/dosing-cup" target="_self"> 1301 à¸à¹à¸§à¸¢à¹à¸à¸ªà¸à¸²à¹à¸ / Dosing cup </a> 1302 </li> 1303 <li> 1304 <a class="nav-link dropdown-item abl2" href="/category/3104/1402/latte-pen" target="_self"> 1305 à¸à¸²à¸à¸à¸²à¸¥à¸²à¹à¸à¹à¸à¸²à¸£à¹à¸ </a> 1306 </li> 1307 <li> 1308 <a class="nav-link dropdown-item abl2" href="/category/3104/1005/milk-pitcher" target="_self"> 1309 à¹à¸«à¸¢à¸·à¸à¸à¸à¸µà¸à¸à¸à¸à¸¡ / Milk pitcher </a> 1310 </li> 1311 <li> 1312 <a class="nav-link dropdown-item abl2" href="/category/3104/1004/milk-frother" target="_self"> 1313 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸µà¸à¸à¸à¸à¸¡ / Milk Frother </a> 1314 </li> 1315 <li> 1316 <a class="nav-link dropdown-item abl2" href="/category/3104/2900/à¸à¹à¸à¸à¸à¸±à¸à¸à¸à¸à¸à¸¡" target="_self"> 1317 à¸à¹à¸à¸à¸à¸±à¸à¸à¸à¸à¸à¸¡ </a> 1318 </li> 1319 <li> 1320 <a class="nav-link dropdown-item abl2" href="/category/3104/2942/à¸à¹à¸à¸à¸à¸à¸à¸²à¹à¸à¹à¸à¸£à¸·à¹à¸à¸à¸à¸·à¹à¸¡" target="_self"> 1321 à¸à¹à¸à¸à¸à¸à¸à¸²à¹à¸/à¹à¸à¸£à¸·à¹à¸à¸à¸à¸·à¹à¸¡ </a> 1322 </li> 1323 <li> 1324 <a class="nav-link dropdown-item abl2" href="/category/3104/2826/à¸à¸£à¸°à¸à¸à¸à¹
1324รยà¸à¸à¹à¸à¹à¸à¹" target="_self"> 1325 à¸à¸£à¸°à¸à¸à¸à¹à¸£à¸¢à¸à¸à¹à¸à¹à¸à¹ </a> 1326 </li> 1327 <li> 1328 <a class="nav-link dropdown-item abl2" href="/category/3104/2865/à¸à¸µà¹à¹à¸à¸´à¸à¸à¸£à¸°à¸à¹à¸à¸" target="_self"> 1329 à¸à¸µà¹à¹à¸à¸´à¸à¸à¸£à¸°à¸à¹à¸à¸ </a> 1330 </li> 1331 <li> 1332 <a class="nav-link dropdown-item abl2" href="/category/3104/2641/à¸à¹à¸²à¸¡à¸à¸à¸à¸²à¹à¸" target="_self"> 1333 à¸à¹à¸²à¸¡à¸à¸à¸à¸²à¹à¸ / Portafilter </a> 1334 </li> 1335 <li> 1336 <a class="nav-link dropdown-item abl2" href="/à¹à¸¡à¹à¸à¸à¸à¸²à¹à¸" target="_self"> 1337 à¹à¸¡à¹à¸à¸à¸à¸²à¹à¸ </a> 1338 </li> 1339 <li> 1340 <a class="nav-link dropdown-item abl2" href="/category/3104/1475/cup" target="_self"> 1341 à¹à¸à¹à¸§à¸à¸²à¹à¸/à¹à¸à¹à¸§à¹à¸ªà¹à¹à¸à¸£à¸·à¹à¸à¸à¸à¸·à¹à¸¡ </a> 1342 </li> 1343 <li> 1344 <a class="nav-link dropdown-item abl2" href="/category/3104/2765
1344/à¸à¸¥à¹à¸à¸à¹à¸à¹à¸§à¸«à¸¥à¸à¸à¸à¸´à¸à¸à¸¹" target="_self"> 1345 à¸à¸¥à¹à¸à¸à¹à¸ªà¹à¹à¸à¹à¸§/หลà¸à¸/à¸à¸´à¸à¸à¸¹ </a> 1346 </li> 1347 <li> 1348 <a class="nav-link dropdown-item abl2" href="/category/3104/1463/coffee-bag" target="_self"> 1349 à¸à¸¸à¸à¹à¸ªà¹à¹à¸¡à¸¥à¹à¸à¸à¸²à¹à¸ </a> 1350 </li> 1351 <li> 1352 <a class="nav-link dropdown-item abl2" href="/category/3104/1001/coffee-accessories" target="_self"> 1353 à¸à¸¸à¸à¸à¸£à¸à¹à¸£à¹à¸²à¸à¸à¸²à¹à¸ </a> 1354 </li> 1355 <li> 1356 <a class="nav-link dropdown-item abl2" href="/category/3104/1485/à¸à¹à¸²à¸¢à¸à¸à¹à¸à¹à¸à¸£à¹à¸²à¸" target="_self"> 1357 à¸à¹à¸²à¸¢à¸à¸à¹à¸à¹à¸à¸£à¹à¸²à¸ </a> 1358 </li> 1359 <li> 1360 <a class="nav-link dropdown-item abl2" href="/category/3104/1496/à¸à¸à¸à¸à¸§à¸±à¸" target="_self"> 1361 à¸à¸à¸à¸à¸§à¸±à¸ </a> 1362 </li> 1363 </ul> 1364 </li> 1365 <li class="nav-item dropdown "> 1366 <a class="nav-link abl1" href="/category/5233/à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸£à¸´à¸" target="_self" style="position: relative;"> 1367 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¹à¸à¸à¸£à¸´à¸ <span class="arrowCollapse"> 1368 <i class="fal fa-chevron-down"></i> 1369 </span> 1370 </a> 1371 <ul class="dropdown-menu"> 1372 <li> 1373 <a class="nav-link dropdown-item abl2" href="/category/5233/2405/à¸à¸¸à¸à¸à¸£à¸´à¸" target="_self"> 1374 à¸à¸¸à¸à¸à¸£à¸´à¸ / Drip set </a> 1375 </li> 1376 <li> 1377 <a class="nav-link dropdown-item abl2" href="/category/5233/2402/à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹" target="_self" style="position: relative;"> 1378 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹ / Dripper <span class="arrowCollapse"> 1379 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1380 </span> 1381 </a> 1382 <ul class="dropdown-menu"> 1383 <li> 1384 <a class="nav-link dropdown-item abl2" href="/category/5233/2402/866/à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹à¸à¸£à¸à¸à¸£à¸§à¸¢-v60" target="_self"> 1385 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹à¸à¸£à¸à¸à¸£à¸§à¸¢ / V60 </a> 1386 </li> 1387 <li> 1388 <a class="nav-link dropdown-item abl2" href="/category/5233/2402/867/à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹à¸à¸£à¸à¸à¸£à¸§à¸¢à¸à¸±à¸" target="_self"> 1389 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹à¸à¸£à¸à¸à¸£à¸§à¸¢à¸à¸±à¸ </a> 1390 </li> 1391 <li> 1392 <a class="nav-link dropdown-item abl2" href="/category/5233/2402/868/à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹à¸à¸£à¸à¸à¸£à¸°à¸à¸£à¹à¸²" target="_self"> 1393 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹à¸à¸£à¸à¸à¸°à¸à¸£à¹à¸² </a> 1394 </li> 1395 </ul> 1396 </li> 1397 <li> 1398 <a class="nav-link dropdown-item abl2" href="/category/5233/2404/à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹" target="_self" style="position: relative;"> 1399 à¹à¸à¸£à¸à¸à¸à¸£à¸´à¸ / à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹ <sp
1399an class="arrowCollapse"> 1400 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1401 </span> 1402 </a> 1403 <ul class="dropdown-menu"> 1404 <li> 1405 <a class="nav-link dropdown-item abl2" href="/category/5233/2404/872/à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹à¸à¸à¸²à¸-01" target="_self"> 1406 à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹ 01 </a> 1407 </li> 1408 <li> 1409 <a class="nav-link dropdown-item abl2" href="/category/5233/2404/873/à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹à¸à¸à¸²à¸-02-" target="_self"> 1410 à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹ 02 </a> 1411 </li> 1412 </ul> 1413 </li> 1414 <li> 1415 <a class="nav-link dropdown-item abl2" href="/category/5233/2403/à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸" target="_self" style="position: relative;"> 1416 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¸à¸£à¸´à¸ <span class="arrowCollapse"> 1417 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1418 </span> 1419 </a> 1420 <ul class="dropdown-menu"> 1421 <li> 1422 <a class="nav-link dropdown-item abl2" href="/category/5233/2403/869/à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¸à¸£à¸à¸à¸£à¸§à¸¢-v60" target="_self"> 1423 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸ V60 </a> 1424 </li> 1425 <li> 1426 <a class="nav-link dropdown-item abl2" href="/category/5233/2403/870/à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¸à¸£à¸à¸à¸£à¸§à¸¢à¸à¸±à¸" target="_self"> 1427 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¸à¸£à¸à¸à¸£à¸§à¸¢à¸à¸±à¸ </a> 1428 </li> 1429 <li> 1430 <a class="nav-link dropdown-item abl2" href="/category/5233/2403/871/à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¸à¸£à¸à¸à¸°à¸à¸£à¹à¸²" target="_self"> 1431 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¸à¸£à¸à¸à¸°à¸à¸£à¹à¸² </a> 1432 </li> 1433 <li> 1434 <a class="nav-link dropdown-item abl2" href="/category/5233/2403/875/à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¸¡à¸µà¸«à¸¹à¹à¸à¸§à¸" target="_self"> 1435 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¹à¸à¸à¸¡à¸µà¸«à¸¹à¹à¸à¸§à¸ </a> 1436 </li> 1437 <li> 1438 <a class="nav-link dropdown-item abl2" href="/category/5233/2403/874/à¹à¸à¹à¸à¸§à¸²à¸à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸" target="_self"> 1439 à¹à¸à¹à¸à¸§à¸²à¸à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸ </a> 1440 </li> 1441 </ul> 1442 </li> 1443 <li> 1444 <a class="nav-link dropdown-item abl2" href="/category/3104/996/coffee-kettle" target="_self" style="position: relative;"> 1445 à¸à¸²à¸à¸£à¸´à¸ / Drip kettle <sp
1445an class="arrowCollapse"> 1446 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1447 </span> 1448 </a> 1449 <ul class="dropdown-menu"> 1450 <li> 1451 <a class="nav-link dropdown-item abl2" href="/category/3104/996/189/able-to-use-normal-cooker" target="_self"> 1452 à¹à¸à¹à¸à¸±à¸à¹à¸à¸²à¹à¸à¹à¸ªà¹à¸¥à¸°à¹à¸à¸²à¹à¸à¸à¹à¸²à¸à¸£à¸£à¸¡à¸à¸² </a> 1453 </li> 1454 <li> 1455 <a class="nav-link dropdown-item abl2" href="/category/3104/996/188/able-to-use-induction-cooker" target="_self"> 1456 à¹à¸à¹à¸à¸±à¸à¹à¸à¸²à¹à¸¡à¹à¹à¸«à¸¥à¹à¸ / induction </a> 1457 </li> 1458 <li> 1459 <a class="nav-link dropdown-item abl2" href="/category/3104/996/252/à¸à¸²à¸à¸£à¸´à¸à¹à¸à¹à¸à¹à¸à¸à¹à¸²" target="_self"> 1460 à¸à¸²à¸à¸£à¸´à¸ + à¹à¸à¹à¸à¹à¸à¸à¹à¸² </a> 1461 </li> 1462 </ul> 1463 </li> 1464 <li> 1465 <a class="nav-link dropdown-item abl2" href="/category/5233/2406/à¸à¸²à¸à¸£à¸à¸à¸à¸£à¸´à¸" target="_self"> 1466 à¸à¸²à¸à¸£à¸à¸à¸à¸£à¸´à¸ / Drip stand </a> 1467 </li> 1468 </ul> 1469 </li> 1470 <li class="nav-item dropdown "> 1471 <a class="nav-link abl1" href="/category/4926/à¹à¸à¸£à¸·à¹à¸à¸à¸à¸³à¸à¸²à¹à¸à¸ªà¹à¸¥à¸§à¹à¸à¸²à¸£à¹" target="_self" style="position: relative;"> 1472 à¸à¸¸à¸à¸à¸£à¸à¹à¸ªà¹à¸¥à¸§à¹à¸à¸²à¸£à¹ <span class="arrowCollapse"> 1473 <i class="fal fa-chevron-down"></i> 1474 </span> 1475 </a> 1476 <ul class="dropdown-menu"> 1477 <li> 1478 <a class="nav-link dropdown-item abl2" href="/category/4926/1482/à¹à¸¡à¸à¹à¸²-à¸à¸à¸" target="_self" style="position: relative;"> 1479 หมà¹à¸à¸à¹à¸¡à¸à¸²à¹à¸ / à¹à¸¡à¸à¹à¸² à¸à¸à¸ <span class="arrowCollapse"> 1480 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1481 </span> 1482 </a> 1483 <ul class="dropdown-menu"> 1484 <li> 1485 <a class="nav-link dropdown-item abl2" href="/category/4926/1482/444/à¹à¸¡à¸à¹à¸²-à¸à¸à¸" target="_self"> 1486 à¹à¸¡à¸à¹à¸² à¸à¸à¸ </a> 1487 </li> 1488 <li> 1489 <a class="nav-link dropdown-item abl2" href="/category/4926/1482/446/à¸à¸°à¹à¸«à¸¥à¹-à¹à¸¡à¸à¹à¸²-à¸à¸à¸" target="_self"> 1490 à¸à¸°à¹à¸«à¸¥à¹ à¹à¸¡à¸à¹à¸² à¸à¸à¸ </a> 1491 </li> 1492 </ul> 1493 </li> 1494 <li> 1495 <a class="nav-link dropdown-item abl2" href="/category/4926/1480/à¸à¸£à¸´à¸à¹à¸¢à¹à¸" target="_self" style="position: relative;"> 1496 สà¸à¸±à¸à¹à¸¢à¹à¸ <sp
1496an class="arrowCollapse"> 1497 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1498 </span> 1499 </a> 1500 <ul class="dropdown-menu"> 1501 <li> 1502 <a class="nav-link dropdown-item abl2" href="/category/4926/1480/845/สà¸à¸±à¸à¹à¸¢à¹à¸à¹à¸à¸à¹à¸à¹" target="_self"> 1503 สà¸à¸±à¸à¹à¸¢à¹à¸à¹à¸à¸à¹à¸à¹ </a> 1504 </li> 1505 <li> 1506 <a class="nav-link dropdown-item abl2" href="/category/4926/1480/844/สà¸à¸±à¸à¹à¸¢à¹à¸à¹à¸à¸à¸«à¸¢à¸" target="_self"> 1507 สà¸à¸±à¸à¹à¸¢à¹à¸à¹à¸à¸à¸«à¸¢à¸ </a> 1508 </li> 1509 </ul> 1510 </li> 1511 <li> 1512 <a class="nav-link dropdown-item abl2" href="/category/4926/1483/à¹à¸à¸¡à¹à¸à¹à¸à¸à¹" target="_self"> 1513 à¹à¸à¹à¸à¸¡à¹à¸à¹à¸à¸à¹ </a> 1514 </li> 1515 <li> 1516 <a class="nav-link dropdown-item abl2" href="/category/4926/1478/à¹à¸à¹à¸£à¹à¹à¸à¸£à¸ª" target="_self"> 1517 à¹à¸à¹à¸£à¹à¹à¸à¸£à¸ª (à¸à¸°à¹à¸«à¸¥à¹) </a> 1518 </li> 1519 <li> 1520 <a class="nav-link dropdown-item abl2" href="/category/4926/1481/à¹à¸à¸£à¸à¸à¹à¹à¸à¸£à¸ª" target="_self"> 1521 à¹à¸à¸£à¸à¸à¹à¹à¸à¸£à¸ª </a> 1522 </li> 1523 <li> 1524 <a class="nav-link dropdown-item abl2" href="/category/4926/1479/à¸à¸²à¹à¸à¹à¸§à¸µà¸¢à¸à¸à¸²à¸¡" target="_self"> 1525 à¸à¸²à¹à¸à¹à¸§à¸µà¸¢à¸à¸à¸²à¸¡ </a> 1526 </li> 1527 <li> 1528 <a class="nav-link dropdown-item abl2" href="/category/4926/1477/à¹à¸à¸à¹à¸à¸" target="_self"> 1529 à¹à¸à¸à¹à¸à¸ </a> 1530 </li> 1531 </ul> 1532 </li> 1533 <li class="nav-item dropdown "> 1534 <a class="nav-link abl1" href="/category/4618/bar-tools" target="_self" style="position: relative;"> 1535 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¸£à¹ <span class="arrowCollapse"> 1536 <i class="fal fa-chevron-down"></i> 1537 </span> 1538 </a> 1539 <ul class="dropdown-menu"> 1540 <li> 1541 <a class="nav-link dropdown-item abl2" href="/category/4618/2582/à¸à¸¸à¸à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¸£à¹" target="_self"> 1542 à¸à¸¸à¸à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¸£à¹ / Bar set </a> 1543 </li> 1544 <li> 1545 <a class="nav-link dropdown-item abl2" href="/category/4618/990/shaker" target="_self"> 1546 à¸à¸£à¸°à¸à¸à¸à¹à¸à¸à¹à¸à¸à¸£à¹ /Shaker </a> 1547 </li> 1548 <li> 1549 <a class="nav-link dropdown-item abl2" href="/category/4618/991/jigger" target="_self"> 1550 à¸à¹à¸§à¸¢à¸à¸§à¸à¸à¸´à¹à¸à¹à¸à¸à¸£à¹ / Jigger </a> 1551 </li> 1552 <li> 1553 <a class="nav-link dropdown-item abl2" href="/category/4618/992/bar-spoon" target="_self"> 1554 à¸à¹à¸à¸à¸à¸²à¸£à¹ / Bar spoon </a> 1555 </li> 1556 <li> 1557 <a class="nav-link dropdown-item abl2" href="/category/4618/993/bar-mat" target="_self"> 1558 à¹à¸à¹à¸à¸¢à¸²à¸à¸£à¸à¸ / Bar mat </a> 1559 </li> 1560 <li> 1561 <a class="nav-link dropdown-item abl2" href="javascript:void(0);" target="_self" style="position: relative;"> 1562 à¸à¸¸à¸à¸à¸£à¸à¹à¸ªà¸³à¸«à¸£à¸±à¸à¸à¹à¸³à¹à¸à¹à¸ <sp
1562an class="arrowCollapse"> 1563 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1564 </span> 1565 </a> 1566 <ul class="dropdown-menu"> 1567 <li> 1568 <a class="nav-link dropdown-item abl2" href="/category/4618/2265/à¸à¸µà¹à¸à¸£à¸à¸à¸à¹à¸³à¹à¸à¹à¸" target="_self"> 1569 à¸à¸µà¹à¸à¸£à¸à¸à¸à¹à¸³à¹à¸à¹à¸ / Strainer </a> 1570 </li> 1571 <li> 1572 <a class="nav-link dropdown-item abl2" href="/category/4618/2888/à¸à¸µà¹à¹à¸à¸²à¸°à¸à¹à¸³à¹à¸à¹à¸" target="_self"> 1573 à¸à¸µà¹à¹à¸à¸²à¸°à¸à¹à¸³à¹à¸à¹à¸ / Ice pick </a> 1574 </li> 1575 <li> 1576 <a class="nav-link dropdown-item abl2" href="/category/4618/2697/à¸à¸´à¸¡à¸à¹à¸à¹à¸³à¹à¸à¹à¸" target="_self"> 1577 à¸à¸´à¸¡à¸à¹à¸à¹à¸³à¹à¸à¹à¸ / Ice mold </a> 1578 </li> 1579 <li> 1580 <a class="nav-link dropdown-item abl2" href="/category/4618/2829/à¸à¸µà¹à¸à¸µà¸à¸à¹à¸³à¹à¸à¹à¸" target="_self"> 1581 à¸à¸µà¹à¸à¸µà¸à¸à¹à¸³à¹à¸à¹à¸ / Ice thong </a> 1582 </li> 1583 <li> 1584 <a class="nav-link dropdown-item abl2" href="/category/4618/2780/à¸à¸µà¹à¸à¸±à¸à¸à¹à¸³à¹à¸à¹à¸" target="_self"> 1585 à¸à¸µà¹à¸à¸±à¸à¸à¹à¸³à¹à¸à¹à¸ / Ice scoop </a> 1586 </li> 1587 <li> 1588 <a class="nav-link dropdown-item abl2" href="/category/4618/2779/à¸à¸±à¸à¸à¹à¸³à¹à¸à¹à¸-à¹à¸§à¸à¹" target="_self"> 1589 à¸à¸±à¸à¸à¹à¸³à¹à¸à¹à¸ / à¹à¸§à¸à¹ </a> 1590 </li> 1591 </ul> 1592 </li> 1593 <li> 1594 <a class="nav-link dropdown-item abl2" href="javascript:void(0);" target="_self" style="position: relative;"> 1595 à¸à¸¸à¸à¸à¸£à¸à¹à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸à¹à¸à¹à¸à¹à¸¥à¸°à¹à¸ªà¸´à¸£à¹à¸ <sp
1595an class="arrowCollapse"> 1596 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1597 </span> 1598 </a> 1599 <ul class="dropdown-menu"> 1600 <li> 1601 <a class="nav-link dropdown-item abl2" href="/category/4618/2732/à¹à¸¡à¹à¸à¸à¸à¹à¸à¸à¹à¸à¸¥" target="_self"> 1602 à¹à¸¡à¹à¸à¸à¸à¹à¸à¸à¹à¸à¸¥ / Muddle </a> 1603 </li> 1604 <li> 1605 <a class="nav-link dropdown-item abl2" href="/category/4618/2701/à¹à¸¡à¹à¸à¸´à¹à¸¡à¸à¹à¸à¸à¹à¸à¸¥" target="_self"> 1606 à¹à¸¡à¹à¸à¸´à¹à¸¡à¸à¹à¸à¸à¹à¸à¸¥ / Cocktail pick </a> 1607 </li> 1608 <li> 1609 <a class="nav-link dropdown-item abl2" href="/category/4618/2702/à¸à¸µà¹à¸à¸µà¸à¸à¸à¹à¸à¹à¸" target="_self"> 1610 à¸à¸µà¹à¸à¸µà¸à¸à¸à¹à¸à¹à¸ / Bar thong </a> 1611 </li> 1612 <li> 1613 <a class="nav-link dropdown-item abl2" href="/category/4618/2850/à¸à¸µà¹à¸à¸à¸à¸à¸¥à¹à¸¡à¹-peeler" target="_self"> 1614 à¸à¸µà¹à¸à¸à¸à¸à¸¥à¹à¸¡à¹ / peeler </a> 1615 </li> 1616 <li> 1617 <a class="nav-link dropdown-item abl2" href="/category/4618/2781/มีà¸" target="_self"> 1618 มีภ</a> 1619 </li> 1620 <li> 1621 <a class="nav-link dropdown-item abl2" href="/category/4618/2878/à¸à¸£à¸£à¹à¸à¸£" target="_self"> 1622 à¸à¸£à¸£à¹à¸à¸£ </a> 1623 </li> 1624 <li> 1625 <a class="nav-link dropdown-item abl2" href="/category/4618/2825/à¹à¸à¸µà¸¢à¸" target="_self"> 1626 à¹à¸à¸µà¸¢à¸ </a> 1627 </li> 1628 <li> 1629 <a class="nav-link dropdown-item abl2" href="/category/4618/2855/à¸à¸¥à¹à¸à¸à¹à¸ªà¹à¸à¸¥à¹à¸¡à¹" target="_self"> 1630 à¸à¸¥à¹à¸à¸à¹à¸ªà¹à¸à¸¥à¹à¸¡à¹ / container </a> 1631 </li> 1632 <li> 1633 <a class="nav-link dropdown-item abl2" href="/category/4618/2871/หลà¸à¸" target="_self"> 1634 หลà¸à¸ </a> 1635 </li> 1636 <li> 1637 <a class="nav-link dropdown-item abl2" href="/category/4618/2890/à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸à¹à¸à¹à¸à¸à¸à¸à¹à¸à¹à¸§" target="_self"> 1638 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸à¹à¸à¹à¸à¸à¸à¸à¹à¸à¹à¸§ </a> 1639 </li> 1640 <li> 1641 <a class="nav-link dropdown-item abl2" href="/category/4618/2907/à¹à¸à¹à¸à¸£à¸à¸à¹à¸à¹à¸§à¸¡à¸µà¹à¸" target="_self"> 1642 à¹à¸à¹à¸à¸£à¸à¸à¹à¸à¹à¸§à¸¡à¸µà¹à¸ </a> 1643 </li> 1644 </ul> 1645 </li> 1646 <li> 1647 <a class="nav-link dropdown-item abl2" href="javascript:void(0);" target="_self" style="position: relative;"> 1648 à¸à¸¸à¸à¸à¸£à¸à¹à¸ªà¸³à¸«à¸£à¸±à¸à¹à¸§à¸à¹ <sp
1648an class="arrowCollapse"> 1649 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 1650 </span> 1651 </a> 1652 <ul class="dropdown-menu"> 1653 <li> 1654 <a class="nav-link dropdown-item abl2" href="/category/4618/2262/à¸à¸¸à¸à¸£à¸´à¸à¹à¸§à¸à¹-à¸à¹à¸³à¹à¸à¸·à¹à¸à¸¡" target="_self"> 1655 à¸à¸¸à¸à¸£à¸´à¸à¹à¸§à¸à¹ / à¸à¹à¸³à¹à¸à¸·à¹à¸à¸¡ / Pourer </a> 1656 </li> 1657 <li> 1658 <a class="nav-link dropdown-item abl2" href="/category/4618/2773/à¸à¸µà¹à¹à¸à¸´à¸à¸à¸§à¸à¹à¸§à¸à¹à¹à¸à¸à¸²" target="_self"> 1659 à¸à¸µà¹à¹à¸à¸´à¸à¸à¸§à¸à¹à¸§à¸à¹/à¹à¸à¸à¸² / Bottle opener </a> 1660 </li> 1661 <li> 1662 <a class="nav-link dropdown-item abl2" href="/category/4618/2263/à¸à¸¸à¸à¸à¸´à¸à¸à¸§à¸à¹à¸à¸à¸²" target="_self"> 1663 à¸à¸¸à¸à¸à¸´à¸à¸à¸§à¸à¹à¸à¸à¸² / à¹à¸§à¸à¹ / Stopper </a> 1664 </li> 1665 <li> 1666 <a class="nav-link dropdown-item abl2" href="/category/4618/2885/à¹à¸«à¸¢à¸·à¸à¸à¹à¸à¹à¸§à¹à¸§à¸à¹" target="_self"> 1667 à¹à¸«à¸¢à¸·à¸à¸à¹à¸à¹à¸§à¹à¸§à¸à¹ /Decanter </a> 1668 </li> 1669 <li> 1670 <a class="nav-link dropdown-item abl2" href="/category/4618/2779/à¸à¸±à¸à¸à¹à¸³à¹à¸à¹à¸-à¹à¸§à¸à¹" target="_self"> 1671 à¸à¸±à¸à¸à¹à¸³à¹à¸à¹à¸ / à¹à¸§à¸à¹ </a> 1672 </li> 1673 <li> 1674 <a class="nav-link dropdown-item abl2" href="/category/4618/2827/à¹à¸à¹à¸§à¸à¹à¸à¸à¹à¸à¸¥à¹à¸§à¸à¹" target="_self"> 1675 à¹à¸à¹à¸§à¸à¹à¸à¸à¹à¸à¸¥/à¹à¸§à¸à¹ </a> 1676 </li> 1677 <li> 1678 <a class="nav-link dropdown-item abl2" href="/category/4618/2905/à¸à¹à¸²à¹à¸à¹à¸à¹à¸à¹à¸§à¹à¸§à¸à¹" target="_self"> 1679 à¸à¹à¸²à¹à¸à¹à¸à¹à¸à¹à¸§à¹à¸§à¸à¹ </a> 1680 </li> 1681 </ul> 1682 </li> 1683 <li> 1684 <a class="nav-link dropdown-item abl2" href="/category/4618/2887/à¸à¸µà¹à¸à¸µà¸à¸à¸²à¸«à¸²à¸£" target="_self"> 1685 à¸à¸µà¹à¸à¸µà¸à¸à¸²à¸«à¸²à¸£ </a> 1686 </li> 1687 <li> 1688 <a class="nav-link dropdown-item abl2" href="/category/4618/2734/à¹à¸à¹à¸à¸à¸" target="_self"> 1689 à¹à¸à¹à¸à¸à¸ / à¹à¸¡à¹à¸à¸ </a> 1690 </li> 1691 <li> 1692 <a class="nav-link dropdown-item abl2" href="/category/4618/2730/mixing-glass" target="_self"> 1693 Mixing glass </a> 1694 </li> 1695 <li> 1696 <a class="nav-link dropdown-item abl2" href="/category/4618/2744/à¸à¸£à¸°à¸à¸à¸à¸à¸°à¹à¸à¸£à¸" target="_self"> 1697 à¸à¸£à¸°à¸à¸à¸ / à¸à¸°à¹à¸à¸£à¸ / fine strainer </a> 1698 </li> 1699 <li> 1700 <a class="nav-link dropdown-item abl2" href="/category/4618/2824/à¸à¸§à¸à¹à¸ªà¹à¸à¹à¸³à¸«à¸§à¸²à¸à¹à¸à¸£à¸±à¸" target="_self"> 1701 à¸à¸§à¸à¹à¸ªà¹à¸à¹à¸³à¸«à¸§à¸²à¸/à¹à¸à¸£à¸±à¸ </a> 1702 </li> 1703 <li> 1704 <a class="nav-link dropdown-item abl2" href="/category/4618/2884/à¸à¸§à¸-bitter" target="_self"> 1705 à¸à¸§à¸à¹à¸à¹à¸§ bitter </a> 1706 </li> 1707 <li> 1708 <a class="nav-link dropdown-item abl2" href="/category/4618/2831/à¸à¸§à¸à¸à¸µà¸" target="_self"> 1709 à¸à¸§à¸à¸à¸µà¸ /Squeeze bottle </a> 1710 </li> 1711 <li> 1712 <a class="nav-link dropdown-item abl2" href="/category/4618/2828/à¸à¸µà¹à¸à¸±à¹à¸à¸à¹à¸³à¸à¸¥à¹à¸¡à¹" target="_self"> 1713 à¸à¸µà¹à¸à¸±à¹à¸à¸à¹à¸³à¸à¸¥à¹à¸¡à¹ / Citrus squeezer </a> 1714 </li> 1715 <li> 1716 <a class="nav-link dropdown-item abl2" href="/category/4618/2844/à¸à¸£à¸§à¸¢à¸ªà¹à¸à¸à¹à¸¥à¸ª" target="_self"> 1717 à¸à¸£à¸§à¸¢à¸ªà¹à¸à¸à¹à¸¥à¸ª </a> 1718 </li> 1719 <li> 1720 <a class="nav-link dropdown-item abl2" href="/category/4618/2234/à¸à¸£à¸°à¸à¸à¸à¸§à¸´à¸à¸à¸£à¸µà¸¡" target="_self"> 1721 à¸à¸£à¸°à¸à¸à¸à¸§à¸´à¸à¸à¸£à¸µà¸¡ </a> 1722 </li> 1723 <li> 1724 <a class="nav-link dropdown-item abl2" href="/category/4618/1338/drink-mixer" target="_self"> 1725 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸ªà¸¡à¹à¸à¸£à¸·à¹à¸à¸à¸à¸·à¹à¸¡ </a> 1726 </li> 1727 <li> 1728 <a class="nav-link dropdown-item abl2" href="/category/4618/2830/à¸à¸¸à¸à¸à¸£à¸à¹à¸£à¸¡à¸à¸§à¸±à¸" target="_self"> 1729 à¸à¸¸à¸à¸à¸£à¸à¹à¸£à¸¡à¸à¸§à¸±à¸ </a> 1730 </li> 1731 <li> 1732 <a class="nav-link dropdown-item abl2" href="/category/4618/2947/à¸à¸§à¸à¸à¹à¸à¸¡à¹à¸¢à¸" target="_self"> 1733 à¸à¸§à¸à¸à¹à¸à¸¡à¹à¸¢à¸ </a> 1734 </li> 1735 <li> 1736 <a class="nav-link dropdown-item abl2" href="/category/4618/994/bar-accessories" target="_self"> 1737 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¸£à¹ </a> 1738 </li> 1739 </ul> 1740 </li> 1741 <li class="nav-item dropdown "> 1742 <a class="nav-link abl1" href="/category/4619/matchaamptea-tools" target="_self" style="position: relative;"> 1743 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸à¸à¸² & มัà¸à¸à¸° <sp
1743an class="arrowCollapse"> 1744 <i class="fal fa-chevron-down"></i> 1745 </span> 1746 </a> 1747 <ul class="dropdown-menu"> 1748 <li> 1749 <a class="nav-link dropdown-item abl2" href="/category/4619/2425/à¸à¸¸à¸à¸à¸à¸¡à¸±à¸à¸à¸°" target="_self"> 1750 à¸à¸¸à¸à¸à¸à¸¡à¸±à¸à¸à¸° </a> 1751 </li> 1752 <li> 1753 <a class="nav-link dropdown-item abl2" href="/category/4619/1006/bamboo-matcha-whisk" target="_self"> 1754 à¹à¸à¸£à¸à¹à¸¡à¹à¹à¸à¹à¸à¸à¸¡à¸±à¸à¸à¸° </a> 1755 </li> 1756 <li> 1757 <a class="nav-link dropdown-item abl2" href="/category/4619/2264/à¸à¸µà¹à¸§à¸²à¸à¹à¸à¸£à¸à¸à¸²à¹à¸à¸µà¸¢à¸§à¸¡à¸±à¸à¸à¸°" target="_self"> 1758 à¸à¸µà¹à¸§à¸²à¸à¹à¸à¸£à¸à¸à¸²à¹à¸à¸µà¸¢à¸§à¸¡à¸±à¸à¸à¸° </a> 1759 </li> 1760 <li> 1761 <a class="nav-link dropdown-item abl2" href="/category/4619/1008/matcha-spoon" target="_self"> 1762 à¸à¹à¸à¸à¸à¸±à¸à¸à¸à¸¡à¸±à¸à¸à¸° </a> 1763 </li> 1764 <li> 1765 <a class="nav-link dropdown-item abl2" href="/category/4619/1007/à¸à¹à¸§à¸¢à¸à¸à¸¡à¸±à¸à¸à¸°" target="_self"> 1766 à¸à¹à¸§à¸¢à¸à¸à¸¡à¸±à¸à¸à¸° </a> 1767 </li> 1768 <li> 1769 <a class="nav-link dropdown-item abl2" href="/category/4619/2886/à¸à¸µà¹à¸à¸£à¸à¸à¸à¸²" target="_self"> 1770 à¸à¸µà¹à¸à¸£à¸à¸à¸à¸² </a> 1771 </li> 1772 <li> 1773 <a class="nav-link dropdown-item abl2" href="/category/4619/1009/tea-accessories" target="_self"> 1774 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸à¸à¸²/มัà¸à¸à¸° </a> 1775 </li> 1776 </ul> 1777 </li> 1778 <li class="nav-item dropdown "> 1779 <a class="nav-link abl1" href="/categorycontent/1880/à¸à¸à¸à¸§à¸²à¸¡à¸à¸²à¹à¸" target="_self" style="position: relative;"> 1780 à¸à¸à¸à¸§à¸²à¸¡ <span class="arrowCollapse"> 1781 <i class="fal fa-chevron-down"></i> 1782 </span> 1783 </a> 1784 <ul class="dropdown-menu"> 1785 <li> 1786 <a class="nav-link dropdown-item abl2" href="/categorycontent/1880/219/à¸à¸à¸à¸§à¸²à¸¡à¸à¸²à¹à¸" target="_self"> 1787 à¸à¸à¸à¸§à¸²à¸¡à¸à¸²à¹à¸ </a> 1788 </li> 1789 <li> 1790 <a class="nav-link dropdown-item abl2" href="/categorycontent/1880/220/à¸à¸à¸à¸§à¸²à¸¡à¸à¸²à¸£à¹" target="_self"> 1791 à¸à¸à¸à¸§à¸²à¸¡à¸à¸²à¸£à¹ </a> 1792 </li> 1793 <li> 1794 <a class="nav-link dropdown-item abl2" href="/categorycontent/1880/226/
1794à¸à¸à¸à¸§à¸²à¸¡à¸à¸²à¸¡à¸±à¸à¸à¸°" target="_self"> 1795 à¸à¸à¸à¸§à¸²à¸¡à¸à¸²/มัà¸à¸à¸° </a> 1796 </li> 1797 </ul> 1798 </li> 1799 <li class="nav-item "> 1800 <a class="nav-link abl1" href="/howtoshop" target="_self"> 1801 วิà¸à¸µà¸ªà¸±à¹à¸à¸ªà¸´à¸à¸à¹à¸² </a> 1802 </li> 1803 <li class="nav-item "> 1804 <a class="nav-link abl1" href="/informpayment" target="_self"> 1805 à¹à¸à¹à¸à¸à¸³à¸£à¸°à¹à¸à¸´à¸ </a> 1806 </li> 1807 <li class="nav-item topmenuLg"> 1808 <a class="nav-link abl1" href="/contactus" target="_self"> 1809 à¸à¸´à¸à¸à¹à¸à¹à¸£à¸² </a> 1810 </li> 1811 1812 <li class="nav-item dropdown more hidden" data-width="80"> 1813 <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)"> 1814 à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i> 1815 </a> 1816 <ul class="dropdown-menu"></ul> 1817 </li> 1818 </ul> 1819</div> 1820
1820<script> 1821 /*width auto more*/ 1822 if (jQuery(window).width() > 1024) { 1823 calcWidth(); 1824 var last_visible_element = jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last'); 1825 last_visible_element.css('border-right', 'none'); 1826 } 1827 function calcWidth() { 1828 var navwidth = 0; 1829 var availablespace = 0; 1830 var logwid = jQuery('#logotop').outerWidth(true); 1831 var defwidth = 0; 1832 var intIsEnableSearchTop = "1"; 1833 var intIsEnableCart = "1"; 1834 var calAweDropdown = "119"; 1835 navwidth = navwidth + parseInt(calAweDropdown); 1836 let isLayoutId = '38'; 1837 let fullcontainer = '1'; 1838 if (intIsEnableSearchTop == 1) { 1839 defwidth = defwidth + 60; 1840 } 1841 1842 if (intIsEnableCart == 1) { 1843 defwidth = defwidth + 60; 1844 } 1845 1846 /* if (calAweDropdown != 0) { 1847 defwidth = defwidth + calAweDropdown; 1848 }*/ 1849 1850 if (typeof logwid === "undefined") { 1851 var logwid = 0; 1852 } 1853 if (isLayoutId == '37' || isLayoutId == '38') { 1854 var logwid = 0; 1855 } 1856 if(fullcontainer=='1'){ 1857 var pls_pad = 30; 1858 }else{ 1859 var pls_pad = 0; 1860 } 1861 /* if(isLayoutId=='38'){ 1862 var defwidth = 180; 1863 }*/ 1864 var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true) + 17; 1865 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { 1866 navwidth += jQuery(this).outerWidth(true); 1867 }); 1868 /*jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.dropdown:not(.more)').each(function () { 1869 navwidth += 17; 1870 });*/ 1871 var availablespace = parseInt(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 49); 1872 if (navwidth > availablespace) { 1873 var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); 1874 var jimwidtest = lastItem.outerWidth(true); 1875 lastItem.removeClass('nav-item'); 1876 lastItem.removeClass('dropdown'); 1877 lastItem.children('a.nav-link').addClass('dropdown-item'); 1878 lastItem.attr('data-width', lastItem.outerWidth(true)); 1879 if (jimwidtest > 0) { 1880 lastItem.prependTo(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul')); 1881 } 1882 delete lastItem; 1883 calcWidth(); 1884 return 0; 1885 } else { 1886 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') { 1887 var firstMoreElement = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first(); 1888 if (navwidth + firstMoreElement.data('width') < availablespace) { 1889 firstMoreElement.addClass('nav-item'); 1890 firstMoreElement.children('a.nav-link').removeClass('dropdown-item'); 1891 firstMoreElement.removeAttr("data-width"); 1892 firstMoreElement.insertBefore(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); 1893 } 1894 delete firstMoreElement; 1895 } 1896 } 1897 /*hide more*/ 1898 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') { 1899 var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length; 1900 if (thelast == 1) { 1901 //remove more 1902 var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1903 if ((navwidth + firstMoreElement2.width()) < availablespace) { 1904 firstMoreElement2.addClass('nav-item'); 1905 firstMoreElement2.addClass('topmenuLg'); 1906 firstMoreElement2.children('a.nav-link').removeClass('dropdown-item'); 1907 firstMoreElement2.removeAttr("data-width"); 1908 firstMoreElement2.insertBefore(jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more')); 1909 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1910 } else { 1911 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1912 } 1913 delete firstMoreElement2; 1914 } else { 1915 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1916 } 1917 } else { 1918 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); 1919 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1920 } 1921 } 1922 1923 function calcWidthAfter() { 1924 1925 //affix if reflesh topbar appear 1926 if ($(window).scrollTop() > 0) { 1927 var logwid = 210; 1928 }else{ 1929 var logwid = jQuery('#logotop').outerWidth(true); 1930 } 1931 1932 var navwidth = 0; 1933 var availablespace = 0; 1934 var defwidth = 0; 1935 var serwid = jQuery('#searchtop').outerWidth(true); 1936 var car2id = jQuery('#cart2').outerWidth(true); 1937 var intIsEnableSearchTop = "1"; 1938 var intIsEnableCart = "1"; 1939 let isLayoutId = '38'; 1940 let fullcontainer = '1'; 1941 if (intIsEnableSearchTop == 1) { 1942 defwidth = defwidth + serwid; 1943 } 1944 1945 if (intIsEnableCart == 1) { 1946 defwidth = defwidth + car2id; 1947 } 1948 1949 jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu').find('.topmenuLg').removeClass('topmenuLg'); 1950 1951 if (typeof logwid === "undefined") { 1952 var logwid = 0; 1953 } 1954 if (isLayoutId == '37' || isLayoutId == '38') { 1955 var logwid = 0; 1956 } 1957 if(fullcontainer=='1'){ 1958 var pls_pad = 30; 1959 }else{ 1960 var pls_pad = 0; 1961 } 1962 var morewidth = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').outerWidth(true); 1963 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li:not(.more)').each(function () { 1964 navwidth += (jQuery(this).outerWidth(true)); 1965 }); 1966 1967 var availablespace = parseFloat(jQuery('#top-area > #top-sticky > div').width() - pls_pad - morewidth - defwidth - logwid - 60); 1968 1969 if (navwidth > availablespace) { 1970 var lastItem = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:not(.more)').last(); 1971 var jimwidtest = lastItem.outerWidth(true); 1972 lastItem.removeClass('nav-item'); 1973 lastItem.removeClass('dropdown'); 1974 lastItem.children('a.nav-link').addClass('dropdown-item'); 1975 lastItem.attr('data-width', lastItem.outerWidth(true)); 1976 if (jimwidtest > 0) { 1977 lastItem.prependTo(jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul')); 1978 } 1979 delete lastItem; 1980 calcWidthAfter(); 1981 return 0; 1982 } else { 1983 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more > ul.dropdown-menu').html() != '') { 1984 } 1985 } 1986 1987 if (jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu').html() != '') { 1988 var thelast = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more ul.dropdown-menu > li').length; 1989 if (thelast == 1) { 1990 var firstMoreElement2 = jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more li').first();
1991 if ((navwidth + firstMoreElement2.width()) < availablespace) { 1992 } 1993 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1994 } else { 1995 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').show(); 1996 } 1997 } else { 1998 jQuery('.headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.more').hide(); 1999 } 2000 2001 //add class last item menu à¸à¸à¸à¹à¸à¹à¸ 2002 jQuery('.topwidget-menu > .navbar-nav.navbar-topmenu.public-topmenu > li.nav-item:visible:last').addClass('topmenuLg'); 2003 } 2004 2005 jQuery(".headerDesktop .topwidget-menu > .navbar-nav.navbar-topmenu > li.nav-item").hover(function(){ 2006 var vjim = jQuery(this); 2007 if (jQuery('ul', this).length) { 2008 vjim.find('ul.dropdown-menu').addClass('d-block hidden'); //à¹à¸à¸ render element à¹à¸à¸·à¹à¸ get à¸à¹à¸²à¸¡à¸²à¸à¸³à¸à¸§à¸ 2009 var elm = jQuery('ul:first', this); 2010 var off = elm.offset(); 2011 var l = off.left; 2012 var docW = jQuery("#top-area > #top-sticky").width(); 2013 let _maxWidthLv2 = vjim.find('ul.dropdown-menu:first').width(); 2014 let _maxWidthLv3 = 0; 2015 let _maxWidthLv4 = 0; 2016 let menuLv2Li = vjim.find('ul.dropdown-menu:first > li'); 2017 Array.prototype.forEach.call(menuLv2Li, menu2li => { 2018 let menuLv3Width = jQuery(menu2li).find('ul.dropdown-menu:first').width(); 2019 if (menuLv3Width > _maxWidthLv3) { 2020 _maxWidthLv3 = menuLv3Width; 2021 } 2022 let menuLv3Li = jQuery(menu2li).find('ul.dropdown-menu:first > li'); 2023 Array.prototype.forEach.call(menuLv3Li, menu3li => { 2024 let menuLv4Width = jQuery(menu3li).find('ul.dropdown-menu').width(); 2025 if (menuLv4Width > _maxWidthLv4) { 2026 _maxWidthLv4 = menuLv4Width; 2027 } 2028 }); 2029 }); 2030 2031 vjim.find('ul.dropdown-menu').removeClass('d-block hidden'); //à¸à¸³à¸à¸§à¸à¹à¸ªà¸£à¹à¸à¹à¸¥à¹à¸§à¹à¸à¸² render à¸à¸à¸ 2032 2033 let centerHover = l + (jQuery(this).width()/2) 2034 let centerScreen = docW / 2 2035 var isEntirelyVisible = ((l + _maxWidthLv2 + _maxWidthLv3 + _maxWidthLv4) <= docW); 2036 if (!isEntirelyVisible && (centerHover > centerScreen)){ 2037 vjim.children('ul.dropdown-menu').addClass('dropdown-menu-right'); 2038 vjim.children('ul.dropdown-menu.dropdown-menu-right').find('ul.dropdown-menu').addClass('dropdownfix-menu-right'); 2039 } 2040 } 2041 }) 2042 2043 /*nomobile*/ 2044 /* }*/ 2045 </script>
2045 2046 </div> 2047 </div> 2048 </div> 2049 <div class="col-auto col-lg-auto d-lg-inline-flex align-items-center"> 2050 <div id="searchtop" class="hoverOverlay d-inline-flex align-middle"> 2051 <style type="text/css"> 2052 div.topSearchBar { 2053 position: absolute; 2054 z-index: 999; 2055 width: 100%; 2056 left: 0; 2057 margin: 0 auto; 2058 max-width: 768px; 2059 right: 0; 2060 top: 100%; 2061 } 2062 @media only screen and (max-width: 1024px) { 2063 div.topSearchBar { 2064 bottom: unset !important; 2065 top: 56px !important; 2066 } 2067 div.topSearchBarInner { 2068 padding: 15px 15px 15px 15px; 2069 } 2070 } 2071 2072 @media only screen and (min-width: 1024px) { 2073 div.topSearchBarInner { 2074 padding: 15px 15px 1px 15px; 2075 } 2076 } 2077 div.topSearchBarInner { 2078 background: #FFF; 2079 box-shadow: 0 2px 5px rgba(0,0,0,0.26); 2080 -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 2081 -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 2082 } 2083 div.topSearchBarInner .btn.btn-default { 2084 border-left: 0px !important; 2085 } 2086 div.topSearchBarInner .btn.btn-default:hover { 2087 /* background: none !important;*/ 2088 } 2089 div.topSearchBarInner .form-control:focus { 2090 border-color: inherit !important; 2091 } 2092 .textStringSearchTopWidget, .btnSearchTopWidget { 2093 font-size: 16px; 2094 height: 36px; 2095 } 2096 .aOpenSearchIcon, .aCloseSearchIcon{ 2097 font-size: 22px !important; 2098 margin: 0; 2099 line-height: 20px; 2100 } 2101 2102</style> 2103 2104<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;"> 2105 <i class="far fa-search fa-fw navbar-fa"></i> 2106</div>
2107<script> 2108 jQuery('input.textStringSearchTopWidget').on('keypress', function (e) { 2109 jQuery('input.textStringSearchTopWidget').val(this.value); 2110 if (e.keyCode == 13) { 2111 clickSearch(jQuery(this).val()); 2112 } 2113 }); 2114 2115 jQuery('.btnSearchTopWidget').on('click', function () { 2116 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 2117 clickSearch(textStringSearch); 2118 }); 2119 2120 jQuery('.aCloseSearchIcon').on('click', function (e) { 2121 e.preventDefault(); 2122 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 2123 if(textStringSearch!=''){ 2124 clickSearch(textStringSearch); 2125 } 2126 }); 2127 2128 function clickSearch(textStringSearch) { 2129 if (textStringSearch != '') { 2130 let lpart = ''; 2131 let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/'); 2132 if(lpart!=''){ 2133 document.location.href = '/' + lpart + '/search&text=' + encodedSearch; 2134 }else{ 2135 document.location.href = '/search&text=' + encodedSearch; 2136 } 2137 } 2138 } 2139</script>
2139 </div> 2140 </div> 2141 <div class="col-auto col-lg-auto text-right order-1 order-lg-12 d-lg-inline-flex align-items-center"> 2142 <div id="cart2" class="hoverOverlay d-inline-flex align-middle"> 2143 <style type="text/css"> 2144 .cart-nav{ 2145 margin: 0; 2146 } 2147</style> 2148 2149 2150 2151<a class="navbar-link cart-nav" href="/cart"> 2152 <span class="fa-layers fa-fw navbar-fa2"> 2153 <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i> 2154 <span class="widgetCartNumber d-none">0</span> 2155 </span> 2156</a> 2157 </div> 2158 </div> 2159 </div> 2160 </div> 2161 </div> 2162 </div> 2163</nav></div> 2164<div class="headerMobile"> 2165 <style type="text/css"> 2166 nav .orderingMenu { 2167 order: 1; 2168 } 2169 .navbar-nav .dropdown-menu .dropdown-item { 2170 padding: 6px 20px; 2171 } 2172 @media (max-width: 1024px) { 2173 .navbar-toggler { 2174 padding: 9px 10px !important; 2175 margin-left: 3px !important; 2176 margin-top: 6px; 2177 margin-right: 0px; 2178 margin-bottom: 6px; 2179 font-size: 16px !important; 2180 height: 44px; 2181 } 2182 nav > #top-area > .row { 2183 margin: 0 6px; 2184 } 2185 .navbar-nav .dropdown-menu { 2186 position: relative !important; 2187 transform: translate3d(0px, 0px, 0px) !important; 2188 -webkit-transform: translate3d(0px, 0px, 0px) !important; 2189 top: auto !important; 2190 left: auto !important; 2191 padding: 0; 2192 margin: 0; 2193 } 2194 .navbar-nav .dropdown-menu .dropdown-item { 2195 padding: 9px 40px 9px 15px; 2196 } 2197 .navbar-text { 2198 margin: 0 auto; 2199 } 2200 .navbar-brand { 2201 padding: 4px 8px !important; 2202 font-size: 24px !important; 2203 line-height: 40px !important; 2204 border: none !important; 2205 margin: 0px 4px !important; 2206 } 2207 .navbar-brand span{ 2208 line-height: 40px; 2209 } 2210 .navbar-brand img { 2211 /*max-height: 48px;*/ 2212 max-height: 44px; 2213 max-width: 100%; 2214 } 2215 nav .navbar-link { 2216 min-width: 40px; 2217 } 2218 nav #top-area { 2219 transition: all 300ms ease; 2220 -webkit-transition: all 300ms ease; 2221 -moz-transition: all 300ms ease; 2222 -o-transition: all 300ms ease; 2223 } 2224 /* widget */ 2225 nav #socialnetwork,nav #linewidget { 2226 min-height: 34px; 2227 } 2228 nav .orderingMenu { 2229 order: 12; 2230 flex-basis: auto; 2231 } 2232 nav .brandingBox { 2233 flex-basis: 0; 2234 flex-grow: 1; 2235 max-width: 100%; 2236 } 2237 .navbar-link.cart-nav{ 2238 font-size: 22px; 2239 } 2240 .navbar-link.aOpenSearchIcon,.navbar-link.cart-nav{ 2241 margin-left: 0px; 2242 margin-top: 0px; 2243 margin-bottom: 0px; 2244 padding: 0px; 2245 } 2246 .widgetCartNumber { 2247 top: -11px; 2248 } 2249 .navbar-nav.member-nav .nav-item{ 2250 width: 100%; 2251 text-align: left !important; 2252 } 2253 .navbar-nav.member-nav{ 2254 height: auto; 2255 margin: 0px 5px; 2256 text-align: left !important; 2257 } 2258 .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show{ 2259 background: transparent; 2260 border: none; 2261 } 2262 .topwidget-lang ul.dropdown-menu.dropdown-menu-right.show a:hover { 2263 background-color: transparent; 2264 } 2265 } 2266 @media (max-width: 350px) { 2267 nav > #top-bar { 2268 padding-left: 5px; 2269 padding-right: 5px; 2270 } 2271 } 2272 /*lang*/ 2273 .topwidget-lang{ 2274 margin: 0px 5px; 2275 } 2276 .topwidget-lang a { 2277 padding-left: 10px !important; 2278 padding-right: 10px !important; 2279 } 2280 2281 #section-header.sps--blw .headerMobile .navbar-collapse { 2282 max-height: 79vh;
2283 overflow-y: scroll; 2284 position: relative; 2285 -webkit-overflow-scrolling: touch; 2286 } 2287 #section-header.sps--abv .headerMobile .navbar-collapse { 2288 max-height: 73vh; 2289 overflow-y: scroll; 2290 -webkit-overflow-scrolling: touch; 2291 } 2292</style> 2293<nav id="topZone" class="navbar-expand-xl airry"> 2294 <div id="top-bar"> 2295 <div id="top-mb"> 2296 <div class="container-fluid"> 2297 <div class="row"> 2298 <div class="col-12 col-sm-12 col-md-12 col-lg text-truncate text-center"> 2299 <div id="toptext" class="navbar-text"> 2300 <span style="font-size: 18px;" data-mce-style="font-size: 18px;"><span data-mce-style="color: #3366ff; font-family: thaisansneue_bold_webfont, Tahoma;" style="color: #3366ff; font-family: thaisansneue_bold_webfont, Tahoma;"><span style="color: #1e2457; font-family: thaisansneue_extrabold_webfont, Tahoma;" data-mce-style="color: #1e2457; font-family: thaisansneue_extrabold_webfont, Tahoma;">à¸à¸´à¸à¸à¹à¸à¸ªà¸à¸à¸à¸²à¸¡ à¹à¸à¸£ : 080-646-9764 (à¸à¸±à¸à¸à¸£à¹-à¹à¸ªà¸²à¸£à¹ 10.00à¸. - 17.00à¸.)</span></span></span> </div> 2301 </div> 2302 </div> 2303 <div class="row"> 2304 <div class="col-12 col-sm-12 col-md-12 col-lg text-center"> 2305 <div class="navbar-text"> 2306 <div id="socialnetwork" class="d-inline"> 2307 <style> 2308 .social-widget .faco-top svg:first-child { 2309 width: 32px; 2310 height: 32px; 2311 } 2312 .LineSocial a svg:first-child { 2313 font-size: 10px; 2314 } 2315 </style> 2316<style> 2317 .empty { 2318 padding-top: 15px; 2319 padding-right: 22px; 2320 padding-bottom: 12px; 2321 padding-left: 29px; 2322 } 2323 .wechatSocial{ 2324 cursor: pointer; 2325 } 2326 .pointer-none { 2327 pointer-events: none; 2328 } 2329</style> 2330<div class="social-widget"> 2331 <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/koffeetools " style=""> 2332 <i class="fas fa-square-full colorFacebookBG pointer-none"></i> 2333 <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i> 2334 </a> 2335 <a class="faco-top fa-layers fa-fw youtubeSocial " target="_blank" href="https://www.youtube.com/channel/UCwwmMxm2luOKfimcsyirCRQ" style=""> 2336 <i class="fas fa-square-full colorYoutubeBG pointer-none"></i> 2337 <i class="fa-inverse fab fa-youtube colorYoutube pointer-none" data-fa-transform="shrink-7"></i> 2338 </a> 2339 <a class="faco-top fa-layers fa-fw LineSocial" target="_blank" href="http://line.me/ti/p/@koffeetools " style=""> 2340 <i class="fas fa-square-full colorLineBG pointer-none"></i> 2341 <i class="fa-inverse fab fa-line colorLine pointer-none" data-fa-transform="grow-1.8" data-fa-mask="fas fa-circle"></i> 2342 </a> 2343 2344 2345 </div>
2346<script type="text/javascript"> 2347 2348 jQuery(".wechatSocial").click(function () { 2349 window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); 2350 }); 2351 2352</script>
2352</div> 2353 </div> 2354 </div> 2355 </div> 2356 </div> 2357 </div> 2358 </div> 2359 <div id="top-area"> 2360 <div id="top-sticky"> 2361 <div class=""> 2362 <div class="sb collapse topSearchBar"> 2363 <div class="topSearchBarInner"> 2364 <div class="input-group"> 2365 <input type="text" class="form-control textStringSearchTopWidget" placeholder="à¹à¸ªà¹à¸à¸³à¸à¹à¸à¸«à¸²à¸à¸à¸à¸à¸¸à¸..." /> 2366 <div class="input-group-append"> 2367 <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"> 2368 <i class="fas fa-search fa-fw navbar-fa" style="font-size: 16px; vertical-align: initial;"></i> 2369 </button> 2370 </div> 2371 </div> 2372 </div> 2373 </div> 2374 <div class="row no-gutters"> 2375 <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%;"> 2376 <a class="navbar-brand position-absolute" href="/" style="display: flex;flex-direction: column; justify-content: center;"> 2377 <style> 2378 .logotextmobile{ 2379 display: inline-block; 2380 max-width: 200px; 2381 height: 1.5em; 2382 overflow: hidden; 2383 text-overflow: ellipsis; 2384 white-space: nowrap; 2385 color: #000; 2386 } 2387 .logotextmobile span{ 2388 /* font-size: 30px !important; */ 2389 line-height: 40px !important; 2390 } 2391 2392 @media (max-width: 364.98px) { 2393 .logotextmobile{ 2394 max-width: 150px; 2395 } 2396 } 2397 2398 @media (min-width: 365px) and (max-width: 575.98px) { 2399 .logotextmobile{ 2400 max-width: 200px; 2401 } 2402 } 2403 2404 @media (min-width: 576px) and (max-width: 767.98px) { 2405 .logotextmobile{ 2406 min-width: calc(400px + 4vw); 2407 max-width: 500px; 2408 } 2409 } 2410 2411 @media (min-width: 768px) and (max-width: 991.98px) { 2412 .logotextmobile{ 2413 max-width: 600px; 2414 } 2415 } 2416 @media (min-width: 992px) { 2417 .logotextmobile{ 2418 max-width: 800px; 2419 } 2420 } 2421 2422 2423</style> 2424 2425 <img src="https://image.makewebeasy.net/makeweb/m_1920x0/SfjcR5Jud/logo/logombile.png?v=202405291424" alt="logo" title="logo" class="d-inline-block img-logo"/> 2426 </a> 2427 </div> 2428 <div class="col-12 col-lg d-lg-inline-flex orderingMenu"> 2429 <div class="collapse navbar-collapse pb-1" id="navbarNavDropdown"> 2430 <style type="text/css"> 2431 .headerMobile .topwidget-menu .navbar-nav .dropdown-menu { 2432 padding: 0; 2433 margin: 0; 2434 } 2435 /*PC hack to hover*/ 2436 @media (min-width: 1025px) { 2437 .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item:hover > .dropdown-menu{ 2438 display:block !important; 2439 } 2440 .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item > ul.dropdown-menu li:hover > .dropdown-menu{ 2441 display:block !important; 2442 } 2443 .headerMobile ul.navbar-topmenu.navbar-nav ul{ 2444 box-shadow: 0 6px 12px rgba(0,0,0,0.175); 2445 } 2446 .headerMobile .topwidget-menu { 2447 margin: 10px; 2448 } 2449 .headerMobile ul.dropdown-menu.dropdown-menu-right{ 2450 left: unset; 2451 right:0; 2452 } 2453 .headerMobile .dropdownfix-menu-right { 2454 right:100% !important; 2455 left:auto !important; 2456 } 2457 .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-right { 2458 transform: rotate(180deg); 2459 left: 0; 2460 position: absolute; 2461 top: 12px; 2462 } 2463 .headerMobile .public-topmenu .dropdown-menu-right .fa-chevron-down{ 2464 transform: rotate(90deg); 2465 left: 0; 2466 position: absolute; 2467 top: 12px; 2468 } 2469 .headerMobile .more.hidden{ 2470 display:none; 2471 } 2472 .headerMobile .public-topmenu .dropdown-menu:not(.dropdown-menu-right) .fa-chevron-down{ 2473 transform: rotate(-90deg); 2474 } 2475 .headerMobile ul.navbar-topmenu.navbar-nav > li.nav-item ul{ 2476 position: absolute; 2477 } 2478 .headerMobile .public-topmenu .topmenuLg{ 2479 border-right:none !important; 2480 } 2481 } 2482 /* tablet*/ 2483 @media only screen and (min-width: 768px) and (max-width: 1112px) { 2484 .headerMobile ul.navbar-topmenu.navbar-nav ul{ 2485 box-shadow: none; 2486 } 2487 /*.topwidget-menu { 2488 margin: 10px; 2489 }*/ 2490 } 2491 /*mobile tablet*/ 2492 @media only screen and (max-width: 1024px) { 2493 .headerMobile ul.navbar-topmenu.navbar-nav a{ 2494 text-align: left !important; 2495 white-space: normal; 2496 } 2497 .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-down{ 2498 transition: all .3s ease 0s; 2499 -ms-transition: all .3s ease 0s; 2500 -webkit-transition: all .3s ease 0s; 2501 -moz-transition: all .3s ease 0s; 2502 2503 } 2504 .headerMobile ul.navbar-topmenu.navbar-nav .fa-chevron-right{ 2505 transform: rotate(90deg); 2506 transition: all .3s ease 0s; 2507 -ms-transition: all .3s ease 0s; 2508 -webkit-transition: all .3s ease 0s; 2509 -moz-transition: all .3s ease 0s; 2510 } 2511 2512 .headerMobile ul.navbar-topmenu.navbar-nav span.arrowCollapse > .fa-chevron-right{ 2513 right: 12px; 2514 top: 27%; 2515 } 2516 2517 .headerMobile ul.navbar-topmenu.navbar-nav a{ 2518 word-wrap: break-word; 2519 } 2520 .headerMobile ul.navbar-topmenu.navbar-nav .more{ 2521 display:none !important; 2522 } 2523 .headerMobile .public-topmenu .dropdown.show > a > .arrowCollapse{ 2524 transform: rotate(180deg); 2525 -ms-transform: rotate(180deg); 2526 -webkit-transform: rotate(180deg); 2527 -moz-transform: rotate(180deg); 2528 } 2529 .headerMobile .public-topmenu li.show:not(.dropdown) > a > .arrowCollapse > svg{ 2530 transform: rotate(270deg); 2531 -ms-transform: rotate(270deg); 2532 -webkit-transform: rotate(270deg); 2533 -moz-transform: rotate(270deg); 2534 } 2535 2536 .headerMobile ul.navbar-topmenu.navbar-nav > li > ul > li > a { 2537 padding-left: 30px !important; 2538 } 2539 .headerMobile ul.navbar-topmenu.navbar-nav ul ul a { 2540 padding-left: 45px !important; 2541 } 2542 .headerMobile ul.navbar-topmenu.navbar-nav ul ul ul a { 2543 padding-left: 60px !important; 2544 } 2545 } 2546</style> 2547 2548<div class="topwidget-menu"> 2549 <ul class="navbar-nav navbar-topmenu public-topmenu"> 2550 <li class="nav-item "> 2551 <a class="nav-link abl1" data-onhome="home" href="/" target="_self"> 2552 หà¸à¹à¸²à¹à¸£à¸ </a> 2553 </li> 2554 <li class="nav-item dropdown "> 2555 <a class="nav-link abl1" href="/category/5117/สิà¸à¸à¹à¸²-hario" target="_self" style="position: relative;"> 2556 สิà¸à¸à¹à¸² HARIO <sp
2556an class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;"> 2557 <i class="fal fa-chevron-down"></i> 2558 </span> 2559 </a> 2560 <ul class="dropdown-menu"> 2561 <li> 2562 <a class="nav-link dropdown-item abl2" href="/category/5117/2311/à¸à¸¸à¸à¸à¸£à¸´à¸" target="_self"> 2563 à¸à¸¸à¸à¸à¸£à¸´à¸ </a> 2564 </li> 2565 <li> 2566 <a class="nav-link dropdown-item abl2" href="/category/5117/2235/à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹" target="_self" style="position: relative;"> 2567 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹ <span class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 2568 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 2569 </span> 2570 </a> 2571 <ul class="dropdown-menu"> 2572 <li> 2573 <a class="nav-link dropdown-item abl2" href="https://www.koffeetools.com/category/5117/2235/939/%E0%B8%94%E0%B8%A3%E0%B8%B4%E0%B8%9B%E0%B9%80%E0%B8%9B%E0%B8%AD%E0%B8%A3%E0%B9%8C-01" target="_self"> 2574 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹ 01 </a> 2575 </li> 2576 <li> 2577 <a class="nav-link dropdown-item abl2" href="https://www.koffeetools.com/category/5117/2235/940/%E0%B8%94%E0%B8%A3%E0%B8%B4%E0%B8%9B%E0%B9%80%E0%B8%9B%E0%B8%AD%E0%B8%A3%E0%B9%8C-02" target="_self"> 2578 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹ 02 </a> 2579 </li> 2580 <li> 2581 <a class="nav-link dropdown-item abl2" href="/category/5117/2235/984/à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹-03" target="_self"> 2582 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹ 03 </a> 2583 </li> 2584 </ul> 2585 </li> 2586 <li> 2587 <a class="nav-link dropdown-item abl2" href="/category/5117/2239/à¹à¸à¸£à¸à¸à¸à¸£à¸´à¸à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹" target="_self" style="position: relative;"> 2588 à¹à¸à¸£à¸à¸à¸à¸£à¸´à¸ / à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹ <span class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 2589 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 2590 </span> 2591 </a> 2592 <ul class="dropdown-menu"> 2593 <li> 2594 <a class="nav-link dropdown-item abl2" href="https://www.koffeetools.com/category/5117/2239/941/%E0%B9%80%E0%B8%8B%E0%B8%B4%E0%B8%A3%E0%B9%8C%E0%B8%9F%E0%B9%80%E0%B8%A7%E0%B8%AD%E0%B8%A3%E0%B9%8C-01" target="_self"> 2595 à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹ 01 </a> 2596 </li> 2597 <li> 2598 <a class="nav-link dropdown-item abl2" href="https://www.koffeetools.com/category/5117/2239/942/%E0%B9%80%E0%B8%8B%E0%B8%B4%E0%B8%A3%E0%B9%8C%E0%B8%9F%E0%B9%80%E0%B8%A7%E0%B8%AD%E0%B8%A3%E0%B9%8C-02" target="_self"> 2599 à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹ 02 </a> 2600 </li> 2601 </ul> 2602 </li> 2603 <li> 2604 <a class="nav-link dropdown-item abl2" href="/category/5117/2236/à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸" target="_self" style="position: relative;"> 2605 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸ <sp
2605an class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 2606 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 2607 </span> 2608 </a> 2609 <ul class="dropdown-menu"> 2610 <li> 2611 <a class="nav-link dropdown-item abl2" href="https://www.koffeetools.com/category/5117/2236/943/%E0%B8%81%E0%B8%A3%E0%B8%B0%E0%B8%94%E0%B8%B2%E0%B8%A9%E0%B8%81%E0%B8%A3%E0%B8%AD%E0%B8%87-01" target="_self"> 2612 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸ 01 </a> 2613 </li> 2614 <li> 2615 <a class="nav-link dropdown-item abl2" href="https://www.koffeetools.com/category/5117/2236/944/%E0%B8%81%E0%B8%A3%E0%B8%B0%E0%B8%94%E0%B8%B2%E0%B8%A9%E0%B8%81%E0%B8%A3%E0%B8%AD%E0%B8%87-02" target="_self"> 2616 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸ 02 </a> 2617 </li> 2618 <li> 2619 <a class="nav-link dropdown-item abl2" href="/category/5117/2236/985/à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸-03" target="_self"> 2620 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸ 03 </a> 2621 </li> 2622 </ul> 2623 </li> 2624 <li> 2625 <a class="nav-link dropdown-item abl2" href="/category/5117/2238/à¸à¸²à¸à¸£à¸´à¸" target="_self"> 2626 à¸à¸²à¸à¸£à¸´à¸ </a> 2627 </li> 2628 <li> 2629 <a class="nav-link dropdown-item abl2" href="/category/5117/2244/à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¹à¸¡à¸¥à¹à¸à¸à¸²à¹à¸" target="_self"> 2630 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¹à¸¡à¸¥à¹à¸à¸à¸²à¹à¸ </a> 2631 </li> 2632 <li> 2633 <a class="nav-link dropdown-item abl2" href="/category/5117/2237/à¸à¸µà¸à¹à¸à¸à¸£à¹" target="_self"> 2634 à¸à¸µà¸à¹à¸à¸à¸£à¹ </a> 2635 </li> 2636 <li> 2637 <a class="nav-link dropdown-item abl2" href="/category/5117/2240/à¹à¸à¸£à¸à¸à¹à¹à¸à¸£à¸ª" target="_self"> 2638 à¹à¸à¸£à¸à¸à¹à¹à¸à¸£à¸ª </a> 2639 </li> 2640 <li> 2641 <a class="nav-link dropdown-item abl2" href="/category/5117/2241/
2641à¹à¸à¸à¹à¸à¸" target="_self"> 2642 à¹à¸à¸à¹à¸à¸ / Syphon </a> 2643 </li> 2644 <li> 2645 <a class="nav-link dropdown-item abl2" href="/category/5117/2242/à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¹à¸à¸ªà¸à¸±à¸à¹à¸¢à¹à¸" target="_self"> 2646 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸³à¸à¸²à¹à¸à¸ªà¸à¸±à¸à¹à¸¢à¹à¸ </a> 2647 </li> 2648 <li> 2649 <a class="nav-link dropdown-item abl2" href="/category/5117/2243/à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸³à¸à¸²à¹à¸à¹à¸¢à¹à¸" target="_self"> 2650 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸³à¸à¸²à¹à¸à¹à¸¢à¹à¸ </a> 2651 </li> 2652 <li> 2653 <a class="nav-link dropdown-item abl2" href="/category/5117/2246/à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¹à¸à¸à¸·à¹à¸à¹" target="_self"> 2654 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¹à¸à¸à¸·à¹à¸à¹ </a> 2655 </li> 2656 <li> 2657 <a class="nav-link dropdown-item abl2" href="/category/5117/2400/à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²" target="_self"> 2658 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸² </a> 2659 </li> 2660 </ul> 2661 </li> 2662 <li class="nav-item "> 2663 <a class="nav-link abl1" href="/category/5261/yamayagi" target="_self"> 2664 สิà¸à¸à¹à¸² YAMAYAGI </a> 2665 </li> 2666 <li class="nav-item dropdown "> 2667 <a class="nav-link abl1" href="/category/3104/coffee-tools" target="_self" style="position: relative;"> 2668 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸³à¸à¸²à¹à¸ <span class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;"> 2669 <i class="fal fa-chevron-down"></i> 2670 </span> 2671 </a> 2672 <ul class="dropdown-menu"> 2673 <li> 2674 <a class="nav-link dropdown-item abl2" href="/category/3104/997/coffee-grinder" target="_self" style="position: relative;"> 2675 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¹à¸¡à¸¥à¹à¸à¸à¸²à¹à¸ / Coffee grinder <span class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 2676 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 2677 </span> 2678 </a> 2679 <ul class="dropdown-menu"> 2680 <li> 2681 <a class="nav-link dropdown-item abl2" href="/category/3104/997/142/steel-blade" target="_self"> 2682 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¹à¸à¸·à¸à¸à¸à¸à¹à¸«à¸¥à¹à¸+à¹à¸à¸¡à¸µà¸à¹à¸«à¸¥à¹à¸ </a> 2683 </li> 2684 <li> 2685 <a class="nav-link dropdown-item abl2" href="/category/3104/997/140/ceramic-burr" target="_self"> 2686 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¹à¸à¸·à¸à¸à¸à¸à¹à¸à¸£à¸²à¸¡à¸´à¸ </a> 2687 </li> 2688 <li> 2689 <a class="nav-link dropdown-item abl2" href="/category/3104/997/427/à¸à¸±à¸à¸à¸à¸ªà¹à¸à¸à¹à¸¥à¸ª" target="_self"> 2690 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¹à¸à¸·à¸à¸à¸à¸à¸ªà¹à¸à¸à¹à¸¥à¸ª </a> 2691 </li> 2692 <li> 2693 <a class="nav-link dropdown-item abl2" href="/category/3104/997/149/automatic-grinder" target="_self"> 2694 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸à¸à¸±à¸à¹à¸à¸¡à¸±à¸à¸´ </a> 2695 </li> 2696 <li> 2697 <a class="nav-link dropdown-item abl2" href="/category/3104/997/918/à¸à¸°à¹à¸«à¸¥à¹à¹à¸à¸·à¸à¸à¸à¸à¹à¸à¸£à¸²à¸¡à¸´à¸" target="_self"> 2698 à¸à¸°à¹à¸«à¸¥à¹à¹à¸à¸·à¸à¸à¹à¸à¸£à¸²à¸¡à¸´à¸ </a> 2699 </li> 2700 </ul> 2701 </li> 2702 <li> 2703 <a class="nav-link dropdown-item abl2" href="/category/3104/998/coffee-measurement" target="_self" style="position: relative;"> 2704 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸§à¸à¸§à¸±à¸ <sp
2704an class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 2705 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 2706 </span> 2707 </a> 2708 <ul class="dropdown-menu"> 2709 <li> 2710 <a class="nav-link dropdown-item abl2" href="/category/3104/998/185/digital-scale" target="_self"> 2711 à¸à¸²à¸à¸±à¹à¸à¸à¸´à¸à¸´à¸à¸à¸¥ / Digital scale </a> 2712 </li> 2713 <li> 2714 <a class="nav-link dropdown-item abl2" href="/category/3104/998/187/digital-timer" target="_self"> 2715 à¸à¸²à¸¬à¸´à¸à¸²à¸à¸±à¸à¹à¸§à¸¥à¸² / Digital timer </a> 2716 </li> 2717 <li> 2718 <a class="nav-link dropdown-item abl2" href="/category/3104/998/184/measuring-cup" target="_self"> 2719 à¸à¹à¸§à¸¢à¸à¸§à¸ / Mesuring cup </a> 2720 </li> 2721 <li> 2722 <a class="nav-link dropdown-item abl2" href="/category/3104/998/183/measuring-spoon" target="_self"> 2723 à¸à¹à¸à¸à¸à¸§à¸ / Mesuring spoon </a> 2724 </li> 2725 <li> 2726 <a class="nav-link dropdown-item abl2" href="/category/3104/998/186/thermometer" target="_self"> 2727 à¹à¸à¸à¸£à¹à¹à¸¡à¸¡à¸´à¹à¸à¸à¸£à¹à¸§à¸±à¸à¸à¸¸à¸à¸«à¸ ูมิ </a> 2728 </li> 2729 <li> 2730 <a class="nav-link dropdown-item abl2" href="/category/3104/998/1015/à¹à¸¡à¹à¸à¸£à¸£à¸à¸±à¸à¸§à¸±à¸à¸à¸à¸²à¸à¸à¸à¸à¸²à¹à¸" target="_self"> 2731 à¹à¸¡à¹à¸à¸£à¸£à¸à¸±à¸à¸§à¸±à¸à¸à¸à¸²à¸à¸à¸à¸à¸²à¹à¸ </a> 2732 </li> 2733 </ul> 2734 </li> 2735 <li> 2736 <a class="nav-link dropdown-item abl2" href="/category/3104/478/coffee-tamper" target="_self" style="position: relative;"> 2737 à¹à¸à¸¡à¹à¸à¸à¸£à¹/à¸à¸µà¹à¸à¸à¸à¸²à¹à¸ <sp
2737an class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 2738 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 2739 </span> 2740 </a> 2741 <ul class="dropdown-menu"> 2742 <li> 2743 <a class="nav-link dropdown-item abl2" href="/category/3104/478/987/à¸à¸à¸²à¸-455-mm" target="_self"> 2744 à¸à¸à¸²à¸ 45.5 mm </a> 2745 </li> 2746 <li> 2747 <a class="nav-link dropdown-item abl2" href="/category/3104/478/442/à¸à¸à¸²à¸-49-mm" target="_self"> 2748 à¸à¸à¸²à¸ 49 mm </a> 2749 </li> 2750 <li> 2751 <a class="nav-link dropdown-item abl2" href="/category/3104/478/441/à¸à¸à¸²à¸-51-mm" target="_self"> 2752 à¸à¸à¸²à¸ 51 mm </a> 2753 </li> 2754 <li> 2755 <a class="nav-link dropdown-item abl2" href="/category/3104/478/452/à¸à¸à¸²à¸-53-mm" target="_self"> 2756 à¸à¸à¸²à¸ 53 mm </a> 2757 </li> 2758 <li> 2759 <a class="nav-link dropdown-item abl2" href="/category/3104/478/451/à¸à¸à¸²à¸-54-mm" target="_self"> 2760 à¸à¸à¸²à¸ 54 mm </a> 2761 </li> 2762 <li> 2763 <a class="nav-link dropdown-item abl2" href="/category/3104/478/439/à¸à¸à¸²à¸-58-mm" target="_self"> 2764 à¸à¸à¸²à¸ 58 mm </a> 2765 </li> 2766 <li> 2767 <a class="nav-link dropdown-item abl2" href="/category/3104/478/443/à¸à¸à¸²à¸-5835-mm" target="_self"> 2768 à¸à¸à¸²à¸ 58.35 mm </a> 2769 </li> 2770 <li> 2771 <a class="nav-link dropdown-item abl2" href="/category/3104/478/995/à¸à¸à¸²à¸-585-mm" target="_self"> 2772 à¸à¸à¸²à¸ 58.5 mm </a> 2773 </li> 2774 </ul> 2775 </li> 2776 <li> 2777 <a class="nav-link dropdown-item abl2" href="/category/3104/1265/dosing-ring" target="_self" style="position: relative;"> 2778 à¹à¸«à¸§à¸à¸à¸£à¸à¸à¸à¹à¸²à¸¡à¸à¸à¸à¸²à¹à¸ / Dosing ring <sp
2778an class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 2779 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 2780 </span> 2781 </a> 2782 <ul class="dropdown-menu"> 2783 <li> 2784 <a class="nav-link dropdown-item abl2" href="/category/3104/1265/831/à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸-51-mm" target="_self"> 2785 à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸ 51 mm </a> 2786 </li> 2787 <li> 2788 <a class="nav-link dropdown-item abl2" href="/category/3104/1265/1006/à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸-53-mm" target="_self"> 2789 à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸ 53 mm </a> 2790 </li> 2791 <li> 2792 <a class="nav-link dropdown-item abl2" href="/category/3104/1265/954/à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸-54-mm" target="_self"> 2793 à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸ 54 mm </a> 2794 </li> 2795 <li> 2796 <a class="nav-link dropdown-item abl2" href="/category/3104/1265/830/à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸-58-mm" target="_self"> 2797 à¹à¸«à¸§à¸à¸£à¸à¸à¸à¸à¸²à¸ 58 mm </a> 2798 </li> 2799 </ul> 2800 </li> 2801 <li> 2802 <a class="nav-link dropdown-item abl2" href="/category/3104/1272/cleaning-tools" target="_self" style="position: relative;"> 2803 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸³à¸à¸§à¸²à¸¡à¸ªà¸°à¸à¸²à¸ <span class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 2804 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 2805 </span> 2806 </a> 2807 <ul class="dropdown-menu"> 2808 <li> 2809 <a class="nav-link dropdown-item abl2" href="/category/3104/1272/447/à¹à¸à¸£à¸à¸à¸±à¸à¸à¸à¸à¸²à¹à¸à¸«à¸±à¸§à¸à¸" target="_self"> 2810 à¹à¸à¸£à¸à¸à¸±à¸à¸à¸à¸à¸²à¹à¸/หัวà¸à¸ </a> 2811 </li> 2812 <li> 2813 <a class="nav-link dropdown-item abl2" href="/category/3104/1272/449/à¸à¹à¸²à¹à¸à¹à¸à¸à¸¸à¸à¸à¸£à¸à¹" target="_self"> 2814 à¸à¹à¸²à¹à¸à¹à¸à¸à¸¸à¸à¸à¸£à¸à¹ </a> 2815 </li> 2816 <li> 2817 <a class="nav-link dropdown-item abl2" href="/category/3104/1272/448/à¸à¹à¸²à¸à¹à¸à¸²à¸°à¸à¸²à¸à¸à¸²à¹à¸" target="_self"> 2818 à¸à¹à¸²à¸à¹à¸à¸²à¸°à¸à¸²à¸à¸à¸²à¹à¸ / Knock box </a> 2819 </li> 2820 <li> 2821 <a class="nav-link dropdown-item abl2" href="/category/3104/1272/450/à¸à¸à¸¥à¹à¸²à¸à¸«à¸±à¸§à¸à¸" target="_self"> 2822 à¸à¸à¸¥à¹à¸²à¸à¸«à¸±à¸§à¸à¸ </a> 2823 </li> 2824 <li> 2825 <a class="nav-link dropdown-item abl2" href="/category/3104/1272/1013/à¸à¸µà¹à¸¥à¹à¸²à¸à¹à¸à¹à¸§" target="_self"> 2826 à¸à¸µà¹à¸¥à¹à¸²à¸à¹à¸à¹à¸§ / Glass Rinser </a> 2827 </li> 2828 </ul> 2829 </li> 2830 <li> 2831 <a class="nav-link dropdown-item abl2" href="/category/3104/1000/coffee-storage" target="_self"> 2832 à¹à¸à¹à¸à¹à¸à¹à¸¡à¸¥à¹à¸à¸à¸²à¹à¸ </a> 2833 </li> 2834 <li> 2835 <a class="nav-link dropdown-item abl2" href="/category/3104/2233/ยาà¸à¸£à¸à¸à¹à¸à¸¡à¹à¸à¸à¸£à¹" target="_self"> 2836 ยาà¸à¸£à¸à¸à¹à¸à¸¡à¹à¸à¸à¸£à¹ / Tamper mat </a> 2837 </li> 2838 <li> 2839 <a class="nav-link dropdown-item abl2" href="/category/3104/2698/à¹à¸à¹à¸¡à¹à¸à¸¥à¸µà¹à¸¢à¸à¸à¸à¸²à¹à¸" target="_self"> 2840 à¹à¸à¹à¸¡à¹à¸à¸¥à¸µà¹à¸¢à¸à¸à¸à¸²à¹à¸ </a> 2841 </li> 2842 <li> 2843 <a class="nav-link dropdown-item abl2" href="/category/3104/1457/dosing-cup" target="_self"> 2844 à¸à¹à¸§à¸¢à¹à¸à¸ªà¸à¸²à¹à¸ / Dosing cup </a> 2845 </li> 2846 <li> 2847 <a class="nav-link dropdown-item abl2" href="/category/3104/1402/latte-pen" target="_self"> 2848 à¸à¸²à¸à¸à¸²à¸¥à¸²à¹à¸à¹à¸à¸²à¸£à¹à¸ </a> 2849 </li> 2850 <li> 2851 <a class="nav-link dropdown-item abl2" href="/category/3104/1005/milk-pitcher" target="_self"> 2852 à¹à¸«à¸¢à¸·à¸à¸à¸à¸µà¸à¸à¸à¸à¸¡ / Milk pitcher </a> 2853 </li> 2854 <li> 2855 <a class="nav-link dropdown-item abl2" href="/category/3104/1004/milk-frother" target="_self"> 2856 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸µà¸à¸à¸à¸à¸¡ / Milk Frother </a> 2857 </li> 2858 <li> 2859 <a class="nav-link dropdown-item abl2" href="/category/3104/2900/à¸à¹à¸à¸à¸à¸±à¸à¸à¸à¸à¸à¸¡" target="_self"> 2860 à¸à¹à¸à¸à¸à¸±à¸à¸à¸à¸à¸à¸¡ </a> 2861 </li> 2862 <li> 2863 <a class="nav-link dropdown-item abl2" href="/category/3104/2942/à¸à¹à¸à¸à¸à¸à¸à¸²à¹à¸à¹à¸à¸£à¸·à¹à¸à¸à¸à¸·à¹à¸¡" target="_self"> 2864 à¸à¹à¸à¸à¸à¸à¸à¸²à¹à¸/à¹à¸à¸£à¸·à¹à¸à¸à¸à¸·à¹à¸¡ </a> 2865 </li> 2866 <li> 2867 <a class="nav-link dropdown-item abl2" href="/category/3104/2826/à¸à¸£à¸°à¸à¸à¸à¹
2867รยà¸à¸à¹à¸à¹à¸à¹" target="_self"> 2868 à¸à¸£à¸°à¸à¸à¸à¹à¸£à¸¢à¸à¸à¹à¸à¹à¸à¹ </a> 2869 </li> 2870 <li> 2871 <a class="nav-link dropdown-item abl2" href="/category/3104/2865/à¸à¸µà¹à¹à¸à¸´à¸à¸à¸£à¸°à¸à¹à¸à¸" target="_self"> 2872 à¸à¸µà¹à¹à¸à¸´à¸à¸à¸£à¸°à¸à¹à¸à¸ </a> 2873 </li> 2874 <li> 2875 <a class="nav-link dropdown-item abl2" href="/category/3104/2641/à¸à¹à¸²à¸¡à¸à¸à¸à¸²à¹à¸" target="_self"> 2876 à¸à¹à¸²à¸¡à¸à¸à¸à¸²à¹à¸ / Portafilter </a> 2877 </li> 2878 <li> 2879 <a class="nav-link dropdown-item abl2" href="/à¹à¸¡à¹à¸à¸à¸à¸²à¹à¸" target="_self"> 2880 à¹à¸¡à¹à¸à¸à¸à¸²à¹à¸ </a> 2881 </li> 2882 <li> 2883 <a class="nav-link dropdown-item abl2" href="/category/3104/1475/cup" target="_self"> 2884 à¹à¸à¹à¸§à¸à¸²à¹à¸/à¹à¸à¹à¸§à¹à¸ªà¹à¹à¸à¸£à¸·à¹à¸à¸à¸à¸·à¹à¸¡ </a> 2885 </li> 2886 <li> 2887 <a class="nav-link dropdown-item abl2" href="/category/3104/2765
2887/à¸à¸¥à¹à¸à¸à¹à¸à¹à¸§à¸«à¸¥à¸à¸à¸à¸´à¸à¸à¸¹" target="_self"> 2888 à¸à¸¥à¹à¸à¸à¹à¸ªà¹à¹à¸à¹à¸§/หลà¸à¸/à¸à¸´à¸à¸à¸¹ </a> 2889 </li> 2890 <li> 2891 <a class="nav-link dropdown-item abl2" href="/category/3104/1463/coffee-bag" target="_self"> 2892 à¸à¸¸à¸à¹à¸ªà¹à¹à¸¡à¸¥à¹à¸à¸à¸²à¹à¸ </a> 2893 </li> 2894 <li> 2895 <a class="nav-link dropdown-item abl2" href="/category/3104/1001/coffee-accessories" target="_self"> 2896 à¸à¸¸à¸à¸à¸£à¸à¹à¸£à¹à¸²à¸à¸à¸²à¹à¸ </a> 2897 </li> 2898 <li> 2899 <a class="nav-link dropdown-item abl2" href="/category/3104/1485/à¸à¹à¸²à¸¢à¸à¸à¹à¸à¹à¸à¸£à¹à¸²à¸" target="_self"> 2900 à¸à¹à¸²à¸¢à¸à¸à¹à¸à¹à¸à¸£à¹à¸²à¸ </a> 2901 </li> 2902 <li> 2903 <a class="nav-link dropdown-item abl2" href="/category/3104/1496/à¸à¸à¸à¸à¸§à¸±à¸" target="_self"> 2904 à¸à¸à¸à¸à¸§à¸±à¸ </a> 2905 </li> 2906 </ul> 2907 </li> 2908 <li class="nav-item dropdown "> 2909 <a class="nav-link abl1" href="/category/5233/à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸£à¸´à¸" target="_self" style="position: relative;"> 2910 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¹à¸à¸à¸£à¸´à¸ <span class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;"> 2911 <i class="fal fa-chevron-down"></i> 2912 </span> 2913 </a> 2914 <ul class="dropdown-menu"> 2915 <li> 2916 <a class="nav-link dropdown-item abl2" href="/category/5233/2405/à¸à¸¸à¸à¸à¸£à¸´à¸" target="_self"> 2917 à¸à¸¸à¸à¸à¸£à¸´à¸ / Drip set </a> 2918 </li> 2919 <li> 2920 <a class="nav-link dropdown-item abl2" href="/category/5233/2402/à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹" target="_self" style="position: relative;"> 2921 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹ / Dripper <span class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 2922 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 2923 </span> 2924 </a> 2925 <ul class="dropdown-menu"> 2926 <li> 2927 <a class="nav-link dropdown-item abl2" href="/category/5233/2402/866/à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹à¸à¸£à¸à¸à¸£à¸§à¸¢-v60" target="_self"> 2928 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹à¸à¸£à¸à¸à¸£à¸§à¸¢ / V60 </a> 2929 </li> 2930 <li> 2931 <a class="nav-link dropdown-item abl2" href="/category/5233/2402/867/à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹à¸à¸£à¸à¸à¸£à¸§à¸¢à¸à¸±à¸" target="_self"> 2932 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹à¸à¸£à¸à¸à¸£à¸§à¸¢à¸à¸±à¸ </a> 2933 </li> 2934 <li> 2935 <a class="nav-link dropdown-item abl2" href="/category/5233/2402/868/à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹à¸à¸£à¸à¸à¸£à¸°à¸à¸£à¹à¸²" target="_self"> 2936 à¸à¸£à¸´à¸à¹à¸à¸à¸£à¹à¸à¸£à¸à¸à¸°à¸à¸£à¹à¸² </a> 2937 </li> 2938 </ul> 2939 </li> 2940 <li> 2941 <a class="nav-link dropdown-item abl2" href="/category/5233/2404/à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹" target="_self" style="position: relative;"> 2942 à¹à¸à¸£à¸à¸à¸à¸£à¸´à¸ / à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹ <sp
2942an class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 2943 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 2944 </span> 2945 </a> 2946 <ul class="dropdown-menu"> 2947 <li> 2948 <a class="nav-link dropdown-item abl2" href="/category/5233/2404/872/à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹à¸à¸à¸²à¸-01" target="_self"> 2949 à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹ 01 </a> 2950 </li> 2951 <li> 2952 <a class="nav-link dropdown-item abl2" href="/category/5233/2404/873/à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹à¸à¸à¸²à¸-02-" target="_self"> 2953 à¹à¸à¸´à¸£à¹à¸à¹à¸§à¸à¸£à¹ 02 </a> 2954 </li> 2955 </ul> 2956 </li> 2957 <li> 2958 <a class="nav-link dropdown-item abl2" href="/category/5233/2403/à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸" target="_self" style="position: relative;"> 2959 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¸à¸£à¸´à¸ <span class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 2960 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 2961 </span> 2962 </a> 2963 <ul class="dropdown-menu"> 2964 <li> 2965 <a class="nav-link dropdown-item abl2" href="/category/5233/2403/869/à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¸à¸£à¸à¸à¸£à¸§à¸¢-v60" target="_self"> 2966 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸ V60 </a> 2967 </li> 2968 <li> 2969 <a class="nav-link dropdown-item abl2" href="/category/5233/2403/870/à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¸à¸£à¸à¸à¸£à¸§à¸¢à¸à¸±à¸" target="_self"> 2970 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¸à¸£à¸à¸à¸£à¸§à¸¢à¸à¸±à¸ </a> 2971 </li> 2972 <li> 2973 <a class="nav-link dropdown-item abl2" href="/category/5233/2403/871/à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¸à¸£à¸à¸à¸°à¸à¸£à¹à¸²" target="_self"> 2974 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¸à¸£à¸à¸à¸°à¸à¸£à¹à¸² </a> 2975 </li> 2976 <li> 2977 <a class="nav-link dropdown-item abl2" href="/category/5233/2403/875/à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¸¡à¸µà¸«à¸¹à¹à¸à¸§à¸" target="_self"> 2978 à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸à¹à¸à¸à¸¡à¸µà¸«à¸¹à¹à¸à¸§à¸ </a> 2979 </li> 2980 <li> 2981 <a class="nav-link dropdown-item abl2" href="/category/5233/2403/874/à¹à¸à¹à¸à¸§à¸²à¸à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸" target="_self"> 2982 à¹à¸à¹à¸à¸§à¸²à¸à¸à¸£à¸°à¸à¸²à¸©à¸à¸£à¸à¸ </a> 2983 </li> 2984 </ul> 2985 </li> 2986 <li> 2987 <a class="nav-link dropdown-item abl2" href="/category/3104/996/coffee-kettle" target="_self" style="position: relative;"> 2988 à¸à¸²à¸à¸£à¸´à¸ / Drip kettle <sp
2988an class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 2989 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 2990 </span> 2991 </a> 2992 <ul class="dropdown-menu"> 2993 <li> 2994 <a class="nav-link dropdown-item abl2" href="/category/3104/996/189/able-to-use-normal-cooker" target="_self"> 2995 à¹à¸à¹à¸à¸±à¸à¹à¸à¸²à¹à¸à¹à¸ªà¹à¸¥à¸°à¹à¸à¸²à¹à¸à¸à¹à¸²à¸à¸£à¸£à¸¡à¸à¸² </a> 2996 </li> 2997 <li> 2998 <a class="nav-link dropdown-item abl2" href="/category/3104/996/188/able-to-use-induction-cooker" target="_self"> 2999 à¹à¸à¹à¸à¸±à¸à¹à¸à¸²à¹à¸¡à¹à¹à¸«à¸¥à¹à¸ / induction </a> 3000 </li> 3001 <li> 3002 <a class="nav-link dropdown-item abl2" href="/category/3104/996/252/à¸à¸²à¸à¸£à¸´à¸à¹à¸à¹à¸à¹à¸à¸à¹à¸²" target="_self"> 3003 à¸à¸²à¸à¸£à¸´à¸ + à¹à¸à¹à¸à¹à¸à¸à¹à¸² </a> 3004 </li> 3005 </ul> 3006 </li> 3007 <li> 3008 <a class="nav-link dropdown-item abl2" href="/category/5233/2406/à¸à¸²à¸à¸£à¸à¸à¸à¸£à¸´à¸" target="_self"> 3009 à¸à¸²à¸à¸£à¸à¸à¸à¸£à¸´à¸ / Drip stand </a> 3010 </li> 3011 </ul> 3012 </li> 3013 <li class="nav-item dropdown "> 3014 <a class="nav-link abl1" href="/category/4926/à¹à¸à¸£à¸·à¹à¸à¸à¸à¸³à¸à¸²à¹à¸à¸ªà¹à¸¥à¸§à¹à¸à¸²à¸£à¹" target="_self" style="position: relative;"> 3015 à¸à¸¸à¸à¸à¸£à¸à¹à¸ªà¹à¸¥à¸§à¹à¸à¸²à¸£à¹ <span class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;"> 3016 <i class="fal fa-chevron-down"></i> 3017 </span> 3018 </a> 3019 <ul class="dropdown-menu"> 3020 <li> 3021 <a class="nav-link dropdown-item abl2" href="/category/4926/1482/à¹à¸¡à¸à¹à¸²-à¸à¸à¸" target="_self" style="position: relative;"> 3022 หมà¹à¸à¸à¹à¸¡à¸à¸²à¹à¸ / à¹à¸¡à¸à¹à¸² à¸à¸à¸ <span class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 3023 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 3024 </span> 3025 </a> 3026 <ul class="dropdown-menu"> 3027 <li> 3028 <a class="nav-link dropdown-item abl2" href="/category/4926/1482/444/à¹à¸¡à¸à¹à¸²-à¸à¸à¸" target="_self"> 3029 à¹à¸¡à¸à¹à¸² à¸à¸à¸ </a> 3030 </li> 3031 <li> 3032 <a class="nav-link dropdown-item abl2" href="/category/4926/1482/446/à¸à¸°à¹à¸«à¸¥à¹-à¹à¸¡à¸à¹à¸²-à¸à¸à¸" target="_self"> 3033 à¸à¸°à¹à¸«à¸¥à¹ à¹à¸¡à¸à¹à¸² à¸à¸à¸ </a> 3034 </li> 3035 </ul> 3036 </li> 3037 <li> 3038 <a class="nav-link dropdown-item abl2" href="/category/4926/1480/à¸à¸£à¸´à¸à¹à¸¢à¹à¸" target="_self" style="position: relative;"> 3039 สà¸à¸±à¸à¹à¸¢à¹à¸ <sp
3039an class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 3040 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 3041 </span> 3042 </a> 3043 <ul class="dropdown-menu"> 3044 <li> 3045 <a class="nav-link dropdown-item abl2" href="/category/4926/1480/845/สà¸à¸±à¸à¹à¸¢à¹à¸à¹à¸à¸à¹à¸à¹" target="_self"> 3046 สà¸à¸±à¸à¹à¸¢à¹à¸à¹à¸à¸à¹à¸à¹ </a> 3047 </li> 3048 <li> 3049 <a class="nav-link dropdown-item abl2" href="/category/4926/1480/844/สà¸à¸±à¸à¹à¸¢à¹à¸à¹à¸à¸à¸«à¸¢à¸" target="_self"> 3050 สà¸à¸±à¸à¹à¸¢à¹à¸à¹à¸à¸à¸«à¸¢à¸ </a> 3051 </li> 3052 </ul> 3053 </li> 3054 <li> 3055 <a class="nav-link dropdown-item abl2" href="/category/4926/1483/à¹à¸à¸¡à¹à¸à¹à¸à¸à¹" target="_self"> 3056 à¹à¸à¹à¸à¸¡à¹à¸à¹à¸à¸à¹ </a> 3057 </li> 3058 <li> 3059 <a class="nav-link dropdown-item abl2" href="/category/4926/1478/à¹à¸à¹à¸£à¹à¹à¸à¸£à¸ª" target="_self"> 3060 à¹à¸à¹à¸£à¹à¹à¸à¸£à¸ª (à¸à¸°à¹à¸«à¸¥à¹) </a> 3061 </li> 3062 <li> 3063 <a class="nav-link dropdown-item abl2" href="/category/4926/1481/à¹à¸à¸£à¸à¸à¹à¹à¸à¸£à¸ª" target="_self"> 3064 à¹à¸à¸£à¸à¸à¹à¹à¸à¸£à¸ª </a> 3065 </li> 3066 <li> 3067 <a class="nav-link dropdown-item abl2" href="/category/4926/1479/à¸à¸²à¹à¸à¹à¸§à¸µà¸¢à¸à¸à¸²à¸¡" target="_self"> 3068 à¸à¸²à¹à¸à¹à¸§à¸µà¸¢à¸à¸à¸²à¸¡ </a> 3069 </li> 3070 <li> 3071 <a class="nav-link dropdown-item abl2" href="/category/4926/1477/à¹à¸à¸à¹à¸à¸" target="_self"> 3072 à¹à¸à¸à¹à¸à¸ </a> 3073 </li> 3074 </ul> 3075 </li> 3076 <li class="nav-item dropdown "> 3077 <a class="nav-link abl1" href="/category/4618/bar-tools" target="_self" style="position: relative;"> 3078 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¸£à¹ <sp
3078an class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;"> 3079 <i class="fal fa-chevron-down"></i> 3080 </span> 3081 </a> 3082 <ul class="dropdown-menu"> 3083 <li> 3084 <a class="nav-link dropdown-item abl2" href="/category/4618/2582/à¸à¸¸à¸à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¸£à¹" target="_self"> 3085 à¸à¸¸à¸à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¸£à¹ / Bar set </a> 3086 </li> 3087 <li> 3088 <a class="nav-link dropdown-item abl2" href="/category/4618/990/shaker" target="_self"> 3089 à¸à¸£à¸°à¸à¸à¸à¹à¸à¸à¹à¸à¸à¸£à¹ /Shaker </a> 3090 </li> 3091 <li> 3092 <a class="nav-link dropdown-item abl2" href="/category/4618/991/jigger" target="_self"> 3093 à¸à¹à¸§à¸¢à¸à¸§à¸à¸à¸´à¹à¸à¹à¸à¸à¸£à¹ / Jigger </a> 3094 </li> 3095 <li> 3096 <a class="nav-link dropdown-item abl2" href="/category/4618/992/bar-spoon" target="_self"> 3097 à¸à¹à¸à¸à¸à¸²à¸£à¹ / Bar spoon </a> 3098 </li> 3099 <li> 3100 <a class="nav-link dropdown-item abl2" href="/category/4618/993/bar-mat" target="_self"> 3101 à¹à¸à¹à¸à¸¢à¸²à¸à¸£à¸à¸ / Bar mat </a> 3102 </li> 3103 <li> 3104 <a class="nav-link dropdown-item abl2" href="javascript:void(0);" target="_self" style="position: relative;"> 3105 à¸à¸¸à¸à¸à¸£à¸à¹à¸ªà¸³à¸«à¸£à¸±à¸à¸à¹à¸³à¹à¸à¹à¸ <span class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 3106 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 3107 </span> 3108 </a> 3109 <ul class="dropdown-menu"> 3110 <li> 3111 <a class="nav-link dropdown-item abl2" href="/category/4618/2265/à¸à¸µà¹à¸à¸£à¸à¸à¸à¹à¸³à¹à¸à¹à¸" target="_self"> 3112 à¸à¸µà¹à¸à¸£à¸à¸à¸à¹à¸³à¹à¸à¹à¸ / Strainer </a> 3113 </li> 3114 <li> 3115 <a class="nav-link dropdown-item abl2" href="/category/4618/2888/à¸à¸µà¹à¹à¸à¸²à¸°à¸à¹à¸³à¹à¸à¹à¸" target="_self"> 3116 à¸à¸µà¹à¹à¸
3116าะà¸à¹à¸³à¹à¸à¹à¸ / Ice pick </a> 3117 </li> 3118 <li> 3119 <a class="nav-link dropdown-item abl2" href="/category/4618/2697/à¸à¸´à¸¡à¸à¹à¸à¹à¸³à¹à¸à¹à¸" target="_self"> 3120 à¸à¸´à¸¡à¸à¹à¸à¹à¸³à¹à¸à¹à¸ / Ice mold </a> 3121 </li> 3122 <li> 3123 <a class="nav-link dropdown-item abl2" href="/category/4618/2829/à¸à¸µà¹à¸à¸µà¸à¸à¹à¸³à¹à¸à¹à¸" target="_self"> 3124 à¸à¸µà¹à¸à¸µà¸à¸à¹à¸³à¹à¸à¹à¸ / Ice thong </a> 3125 </li> 3126 <li> 3127 <a class="nav-link dropdown-item abl2" href="/category/4618/2780/à¸à¸µà¹à¸à¸±à¸à¸à¹à¸³à¹à¸à¹à¸" target="_self"> 3128 à¸à¸µà¹à¸à¸±à¸à¸à¹à¸³à¹à¸à¹à¸ / Ice scoop </a> 3129 </li> 3130 <li> 3131 <a class="nav-link dropdown-item abl2" href="/category/4618/2779/à¸à¸±à¸à¸à¹à¸³à¹à¸à¹à¸-à¹à¸§à¸à¹" target="_self"> 3132 à¸à¸±à¸à¸à¹à¸³à¹à¸à¹à¸ / à¹à¸§à¸à¹ </a> 3133 </li> 3134 </ul> 3135 </li> 3136 <li> 3137 <a class="nav-link dropdown-item abl2" href="javascript:void(0);" target="_self" style="position: relative;"> 3138 à¸à¸¸à¸à¸à¸£à¸à¹à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸à¹à¸à¹à¸à¹à¸¥à¸°à¹à¸ªà¸´à¸£à¹à¸ <span class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 3139 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 3140 </span> 3141 </a> 3142 <ul class="dropdown-menu"> 3143 <li> 3144 <a class="nav-link dropdown-item abl2" href="/category/4618/2732/à¹à¸¡à¹à¸à¸à¸à¹à¸à¸à¹à¸à¸¥" target="_self"> 3145 à¹à¸¡à¹à¸à¸à¸à¹à¸à¸à¹à¸à¸¥ / Muddle </a> 3146 </li> 3147 <li> 3148 <a class="nav-link dropdown-item abl2" href="/category/4618/2701/à¹à¸¡à¹à¸à¸´à¹à¸¡à¸à¹à¸à¸à¹à¸à¸¥" target="_self"> 3149 à¹à¸¡à¹à¸à¸´à¹à¸¡à¸à¹à¸à¸à¹à¸à¸¥ / Cocktail pick </a> 3150 </li> 3151 <li> 3152 <a class="nav-link dropdown-item abl2" href="/category/4618/2702/à¸à¸µà¹à¸à¸µà¸à¸à¸à¹à¸à¹à¸" target="_self"> 3153 à¸à¸µà¹à¸à¸µà¸à¸à¸à¹à¸à¹à¸ / Bar thong </a> 3154 </li> 3155 <li> 3156 <a class="nav-link dropdown-item abl2" href="/category/4618/2850/à¸à¸µà¹à¸à¸à¸à¸à¸¥à¹à¸¡à¹-peeler" target="_self"> 3157 à¸à¸µà¹à¸à¸à¸à¸à¸¥à¹à¸¡à¹ / peeler </a> 3158 </li> 3159 <li> 3160 <a class="nav-link dropdown-item abl2" href="/category/4618/2781/มีà¸" target="_self"> 3161 มีภ</a> 3162 </li> 3163 <li> 3164 <a class="nav-link dropdown-item abl2" href="/category/4618/2878/à¸à¸£à¸£à¹à¸à¸£" target="_self"> 3165 à¸à¸£à¸£à¹à¸à¸£ </a> 3166 </li> 3167 <li> 3168 <a class="nav-link dropdown-item abl2" href="/category/4618/2825/à¹à¸à¸µà¸¢à¸" target="_self"> 3169 à¹à¸à¸µà¸¢à¸ </a> 3170 </li> 3171 <li> 3172 <a class="nav-link dropdown-item abl2" href="/category/4618/2855/à¸à¸¥à¹à¸à¸à¹à¸ªà¹à¸à¸¥à¹à¸¡à¹" target="_self"> 3173 à¸à¸¥à¹à¸à¸à¹à¸ªà¹à¸à¸¥à¹à¸¡à¹ / container </a> 3174 </li> 3175 <li> 3176 <a class="nav-link dropdown-item abl2" href="/category/4618/2871/หลà¸à¸" target="_self"> 3177 หลà¸à¸ </a> 3178 </li> 3179 <li> 3180 <a class="nav-link dropdown-item abl2" href="/category/4618/2890/à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸à¹à¸à¹à¸à¸à¸à¸à¹à¸à¹à¸§" target="_self"> 3181 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸à¹à¸à¹à¸à¸à¸à¸à¹à¸à¹à¸§ </a> 3182 </li> 3183 <li> 3184 <a class="nav-link dropdown-item abl2" href="/category/4618/2907/à¹à¸à¹à¸à¸£à¸à¸à¹à¸à¹à¸§à¸¡à¸µà¹à¸" target="_self"> 3185 à¹à¸à¹à¸à¸£à¸à¸à¹à¸à¹à¸§à¸¡à¸µà¹à¸ </a> 3186 </li> 3187 </ul> 3188 </li> 3189 <li> 3190 <a class="nav-link dropdown-item abl2" href="javascript:void(0);" target="_self" style="position: relative;"> 3191 à¸à¸¸à¸à¸à¸£à¸à¹à¸ªà¸³à¸«à¸£à¸±à¸à¹à¸§à¸à¹ <sp
3191an class="arrowCollapse" style="width: 55px;height: 22px;position: absolute; right: 0px; top: 25%; text-align: center;"> 3192 <i class="fal fa-chevron-right fa-xs fa-fw"></i> 3193 </span> 3194 </a> 3195 <ul class="dropdown-menu"> 3196 <li> 3197 <a class="nav-link dropdown-item abl2" href="/category/4618/2262/à¸à¸¸à¸à¸£à¸´à¸à¹à¸§à¸à¹-à¸à¹à¸³à¹à¸à¸·à¹à¸à¸¡" target="_self"> 3198 à¸à¸¸à¸à¸£à¸´à¸à¹à¸§à¸à¹ / à¸à¹à¸³à¹à¸à¸·à¹à¸à¸¡ / Pourer </a> 3199 </li> 3200 <li> 3201 <a class="nav-link dropdown-item abl2" href="/category/4618/2773/à¸à¸µà¹à¹à¸à¸´à¸à¸à¸§à¸à¹à¸§à¸à¹à¹à¸à¸à¸²" target="_self"> 3202 à¸à¸µà¹à¹à¸à¸´à¸à¸à¸§à¸à¹à¸§à¸à¹/à¹à¸à¸à¸² / Bottle opener </a> 3203 </li> 3204 <li> 3205 <a class="nav-link dropdown-item abl2" href="/category/4618/2263/à¸à¸¸à¸à¸à¸´à¸à¸à¸§à¸à¹à¸à¸à¸²" target="_self"> 3206 à¸à¸¸à¸à¸à¸´à¸à¸à¸§à¸à¹à¸à¸à¸² / à¹à¸§à¸à¹ / Stopper </a> 3207 </li> 3208 <li> 3209 <a class="nav-link dropdown-item abl2" href="/category/4618/2885/à¹à¸«à¸¢à¸·à¸à¸à¹à¸à¹à¸§à¹à¸§à¸à¹" target="_self"> 3210 à¹à¸«à¸¢à¸·à¸à¸à¹à¸à¹à¸§à¹à¸§à¸à¹ /Decanter </a> 3211 </li> 3212 <li> 3213 <a class="nav-link dropdown-item abl2" href="/category/4618/2779/à¸à¸±à¸à¸à¹à¸³à¹à¸à¹à¸-à¹à¸§à¸à¹" target="_self"> 3214 à¸à¸±à¸à¸à¹à¸³à¹à¸à¹à¸ / à¹à¸§à¸à¹ </a> 3215 </li> 3216 <li> 3217 <a class="nav-link dropdown-item abl2" href="/category/4618/2827/à¹à¸à¹à¸§à¸à¹à¸à¸à¹à¸à¸¥à¹à¸§à¸à¹" target="_self"> 3218 à¹à¸à¹à¸§à¸à¹à¸à¸à¹à¸à¸¥/à¹à¸§à¸à¹ </a> 3219 </li> 3220 <li> 3221 <a class="nav-link dropdown-item abl2" href="/category/4618/2905/à¸à¹à¸²à¹à¸à¹à¸à¹à¸à¹à¸§à¹à¸§à¸à¹" target="_self"> 3222 à¸à¹à¸²à¹à¸à¹à¸à¹à¸à¹à¸§à¹à¸§à¸à¹ </a> 3223 </li> 3224 </ul> 3225 </li> 3226 <li> 3227 <a class="nav-link dropdown-item abl2" href="/category/4618/2887/à¸à¸µà¹à¸à¸µà¸à¸à¸²à¸«à¸²à¸£" target="_self"> 3228 à¸à¸µà¹à¸à¸µà¸à¸à¸²à¸«à¸²à¸£ </a> 3229 </li> 3230 <li> 3231 <a class="nav-link dropdown-item abl2" href="/category/4618/2734/à¹à¸à¹à¸à¸à¸" target="_self"> 3232 à¹à¸à¹à¸à¸à¸ / à¹à¸¡à¹à¸à¸ </a> 3233 </li> 3234 <li> 3235 <a class="nav-link dropdown-item abl2" href="/category/4618/2730/mixing-glass" target="_self"> 3236 Mixing glass </a> 3237 </li> 3238 <li> 3239 <a class="nav-link dropdown-item abl2" href="/category/4618/2744/à¸à¸£à¸°à¸à¸à¸à¸à¸°à¹à¸à¸£à¸" target="_self"> 3240 à¸à¸£à¸°à¸à¸à¸ / à¸à¸°à¹à¸à¸£à¸ / fine strainer </a> 3241 </li> 3242 <li> 3243 <a class="nav-link dropdown-item abl2" href="/category/4618/2824/à¸à¸§à¸à¹à¸ªà¹à¸à¹à¸³à¸«à¸§à¸²à¸à¹à¸à¸£à¸±à¸" target="_self"> 3244 à¸à¸§à¸à¹à¸ªà¹à¸à¹à¸³à¸«à¸§à¸²à¸/à¹à¸à¸£à¸±à¸ </a> 3245 </li> 3246 <li> 3247 <a class="nav-link dropdown-item abl2" href="/category/4618/2884/à¸à¸§à¸-bitter" target="_self"> 3248 à¸à¸§à¸à¹à¸à¹à¸§ bitter </a> 3249 </li> 3250 <li> 3251 <a class="nav-link dropdown-item abl2" href="/category/4618/2831/à¸à¸§à¸à¸à¸µà¸" target="_self"> 3252 à¸à¸§à¸à¸à¸µà¸ /Squeeze bottle </a> 3253 </li> 3254 <li> 3255 <a class="nav-link dropdown-item abl2" href="/category/4618/2828/à¸à¸µà¹à¸à¸±à¹à¸à¸à¹à¸³à¸à¸¥à¹à¸¡à¹" target="_self"> 3256 à¸à¸µà¹à¸à¸±à¹à¸à¸à¹à¸³à¸à¸¥à¹à¸¡à¹ / Citrus squeezer </a> 3257 </li> 3258 <li> 3259 <a class="nav-link dropdown-item abl2" href="/category/4618/2844/à¸à¸£à¸§à¸¢à¸ªà¹à¸à¸à¹à¸¥à¸ª" target="_self"> 3260 à¸à¸£à¸§à¸¢à¸ªà¹à¸à¸à¹à¸¥à¸ª </a> 3261 </li> 3262 <li> 3263 <a class="nav-link dropdown-item abl2" href="/category/4618/2234/à¸à¸£à¸°à¸à¸à¸à¸§à¸´à¸à¸à¸£à¸µà¸¡" target="_self"> 3264 à¸à¸£à¸°à¸à¸à¸à¸§à¸´à¸à¸à¸£à¸µà¸¡ </a> 3265 </li> 3266 <li> 3267 <a class="nav-link dropdown-item abl2" href="/category/4618/1338/drink-mixer" target="_self"> 3268 à¹à¸à¸£à¸·à¹à¸à¸à¸à¸ªà¸¡à¹à¸à¸£à¸·à¹à¸à¸à¸à¸·à¹à¸¡ </a> 3269 </li> 3270 <li> 3271 <a class="nav-link dropdown-item abl2" href="/category/4618/2830/à¸à¸¸à¸à¸à¸£à¸à¹à¸£à¸¡à¸à¸§à¸±à¸" target="_self"> 3272 à¸à¸¸à¸à¸à¸£à¸à¹à¸£à¸¡à¸à¸§à¸±à¸ </a> 3273 </li> 3274 <li> 3275 <a class="nav-link dropdown-item abl2" href="/category/4618/2947/à¸à¸§à¸à¸à¹à¸à¸¡à¹à¸¢à¸" target="_self"> 3276 à¸à¸§à¸à¸à¹à¸à¸¡à¹à¸¢à¸ </a> 3277 </li> 3278 <li> 3279 <a class="nav-link dropdown-item abl2" href="/category/4618/994/bar-accessories" target="_self"> 3280 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸²à¸£à¹ </a> 3281 </li> 3282 </ul> 3283 </li> 3284 <li class="nav-item dropdown "> 3285 <a class="nav-link abl1" href="/category/4619/matchaamptea-tools" target="_self" style="position: relative;"> 3286 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸à¸à¸² & มัà¸à¸à¸° <sp
3286an class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;"> 3287 <i class="fal fa-chevron-down"></i> 3288 </span> 3289 </a> 3290 <ul class="dropdown-menu"> 3291 <li> 3292 <a class="nav-link dropdown-item abl2" href="/category/4619/2425/à¸à¸¸à¸à¸à¸à¸¡à¸±à¸à¸à¸°" target="_self"> 3293 à¸à¸¸à¸à¸à¸à¸¡à¸±à¸à¸à¸° </a> 3294 </li> 3295 <li> 3296 <a class="nav-link dropdown-item abl2" href="/category/4619/1006/bamboo-matcha-whisk" target="_self"> 3297 à¹à¸à¸£à¸à¹à¸¡à¹à¹à¸à¹à¸à¸à¸¡à¸±à¸à¸à¸° </a> 3298 </li> 3299 <li> 3300 <a class="nav-link dropdown-item abl2" href="/category/4619/2264/à¸à¸µà¹à¸§à¸²à¸à¹à¸à¸£à¸à¸à¸²à¹à¸à¸µà¸¢à¸§à¸¡à¸±à¸à¸à¸°" target="_self"> 3301 à¸à¸µà¹à¸§à¸²à¸à¹à¸à¸£à¸à¸à¸²à¹à¸à¸µà¸¢à¸§à¸¡à¸±à¸à¸à¸° </a> 3302 </li> 3303 <li> 3304 <a class="nav-link dropdown-item abl2" href="/category/4619/1008/matcha-spoon" target="_self"> 3305 à¸à¹à¸à¸à¸à¸±à¸à¸à¸à¸¡à¸±à¸à¸à¸° </a> 3306 </li> 3307 <li> 3308 <a class="nav-link dropdown-item abl2" href="/category/4619/1007/à¸à¹à¸§à¸¢à¸à¸à¸¡à¸±à¸à¸à¸°" target="_self"> 3309 à¸à¹à¸§à¸¢à¸à¸à¸¡à¸±à¸à¸à¸° </a> 3310 </li> 3311 <li> 3312 <a class="nav-link dropdown-item abl2" href="/category/4619/2886/à¸à¸µà¹à¸à¸£à¸à¸à¸à¸²" target="_self"> 3313 à¸à¸µà¹à¸à¸£à¸à¸à¸à¸² </a> 3314 </li> 3315 <li> 3316 <a class="nav-link dropdown-item abl2" href="/category/4619/1009/tea-accessories" target="_self"> 3317 à¸à¸¸à¸à¸à¸£à¸à¹à¸à¸à¸à¸²/มัà¸à¸à¸° </a> 3318 </li> 3319 </ul> 3320 </li> 3321 <li class="nav-item dropdown "> 3322 <a class="nav-link abl1" href="/categorycontent/1880/à¸à¸à¸à¸§à¸²à¸¡à¸à¸²à¹à¸" target="_self" style="position: relative;"> 3323 à¸à¸à¸à¸§à¸²à¸¡ <span class="arrowCollapse" style="width: 55px; position: absolute; right: 0px; top: 25%; text-align: center;"> 3324 <i class="fal fa-chevron-down"></i> 3325 </span> 3326 </a> 3327 <ul class="dropdown-menu"> 3328 <li> 3329 <a class="nav-link dropdown-item abl2" href="/categorycontent/1880/219/à¸à¸à¸à¸§à¸²à¸¡à¸à¸²à¹à¸" target="_self"> 3330 à¸à¸à¸à¸§à¸²à¸¡à¸à¸²à¹à¸ </a> 3331 </li> 3332 <li> 3333 <a class="nav-link dropdown-item abl2" href="/categorycontent/1880/220/à¸à¸à¸à¸§à¸²à¸¡à¸à¸²à¸£à¹" target="_self"> 3334 à¸à¸à¸à¸§à¸²à¸¡à¸à¸²à¸£à¹ </a> 3335 </li> 3336 <li> 3337 <a class="nav-link dropdown-item abl2" href="/categorycontent/1880/226/
3337à¸à¸à¸à¸§à¸²à¸¡à¸à¸²à¸¡à¸±à¸à¸à¸°" target="_self"> 3338 à¸à¸à¸à¸§à¸²à¸¡à¸à¸²/มัà¸à¸à¸° </a> 3339 </li> 3340 </ul> 3341 </li> 3342 <li class="nav-item "> 3343 <a class="nav-link abl1" href="/howtoshop" target="_self"> 3344 วิà¸à¸µà¸ªà¸±à¹à¸à¸ªà¸´à¸à¸à¹à¸² </a> 3345 </li> 3346 <li class="nav-item "> 3347 <a class="nav-link abl1" href="/informpayment" target="_self"> 3348 à¹à¸à¹à¸à¸à¸³à¸£à¸°à¹à¸à¸´à¸ </a> 3349 </li> 3350 <li class="nav-item topmenuLg"> 3351 <a class="nav-link abl1" href="/contactus" target="_self"> 3352 à¸à¸´à¸à¸à¹à¸à¹à¸£à¸² </a> 3353 </li> 3354 3355 <li class="nav-item dropdown more hidden" data-width="80"> 3356 <a class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" href="javascript:void(0)"> 3357 à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ <i class="fal fa-chevron-down fa-xs fa-fw arrowCollapse"></i> 3358 </a> 3359 <ul class="dropdown-menu"></ul> 3360 </li> 3361 </ul> 3362</div> 3363 <div class="d-md-none theme-td-border my-0"></div> 3364 <div class="topwidget-menu"> 3365 <ul class="navbar-nav navbar-topmenu"> 3366 <li class="nav-item"> 3367 <a class="nav-link" href="/th/member"> 3368 à¹à¸à¹à¸²à¸ªà¸¹à¹à¸£à¸°à¸à¸ </a> 3369 </li> 3370 <li class="nav-item"> 3371 <a class="nav-link" href="/th/member/register"> 3372 สมัà¸à¸£à¸ªà¸¡à¸²à¸à¸´à¸ </a> 3373 </li> 3374 </ul> 3375</div> <div class="topwidget-menu"> 3376 <ul class="navbar-nav navbar-topmenu"> 3377 <li class="nav-item dropdown li-smooth-lang"> 3378 <a data-toggle="dropdown" class="dropdown-toggle aLanguage nav-link" id="chooseLanguage" href="javascript:void(0)"> 3379 <i class="flag-icon flag-icon-th"></i> 3380 TH </a> 3381 </li> 3382 </ul> 3383</div>
3384<script> 3385 $('.li-smooth-lang').on('show.bs.dropdown', function() { 3386 $(this).find('.dropdown-menu').first().stop(true, true).slideDown(); 3387 }); 3388 3389 $('.li-smooth-lang').on('hide.bs.dropdown', function () { 3390 $(this).find('.dropdown-menu').first().stop(true, true).slideUp(); 3391 }); 3392</script>
3392 </div> 3393 </div> 3394 <div class="col-auto pr-1 col-lg-auto text-right order-6 d-inline-flex align-items-center"> 3395 <style type="text/css"> 3396 div.topSearchBar { 3397 position: absolute; 3398 z-index: 999; 3399 width: 100%; 3400 left: 0; 3401 margin: 0 auto; 3402 max-width: 768px; 3403 right: 0; 3404 top: 100%; 3405 } 3406 @media only screen and (max-width: 1024px) { 3407 div.topSearchBar { 3408 bottom: unset !important; 3409 top: 56px !important; 3410 } 3411 div.topSearchBarInner { 3412 padding: 15px 15px 15px 15px; 3413 } 3414 } 3415 3416 @media only screen and (min-width: 1024px) { 3417 div.topSearchBarInner { 3418 padding: 15px 15px 1px 15px; 3419 } 3420 } 3421 div.topSearchBarInner { 3422 background: #FFF; 3423 box-shadow: 0 2px 5px rgba(0,0,0,0.26); 3424 -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 3425 -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26); 3426 } 3427 div.topSearchBarInner .btn.btn-default { 3428 border-left: 0px !important; 3429 } 3430 div.topSearchBarInner .btn.btn-default:hover { 3431 /* background: none !important;*/ 3432 } 3433 div.topSearchBarInner .form-control:focus { 3434 border-color: inherit !important; 3435 } 3436 .textStringSearchTopWidget, .btnSearchTopWidget { 3437 font-size: 16px; 3438 height: 36px; 3439 } 3440 .aOpenSearchIcon, .aCloseSearchIcon{ 3441 font-size: 22px !important; 3442 margin: 0; 3443 line-height: 20px; 3444 } 3445 3446</style> 3447 3448<div rel="nofollow" class="navbar-link aOpenSearchIcon" data-toggle="collapse" data-target=".topSearchBar" role="button" aria-expanded="false" aria-controls="topSearchBar" style="cursor:pointer;"> 3449 <i class="far fa-search fa-fw navbar-fa"></i> 3450</div>
3451<script> 3452 jQuery('input.textStringSearchTopWidget').on('keypress', function (e) { 3453 jQuery('input.textStringSearchTopWidget').val(this.value); 3454 if (e.keyCode == 13) { 3455 clickSearch(jQuery(this).val()); 3456 } 3457 }); 3458 3459 jQuery('.btnSearchTopWidget').on('click', function () { 3460 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 3461 clickSearch(textStringSearch); 3462 }); 3463 3464 jQuery('.aCloseSearchIcon').on('click', function (e) { 3465 e.preventDefault(); 3466 var textStringSearch = jQuery(this).parent().parent().find('input.textStringSearchTopWidget').val(); 3467 if(textStringSearch!=''){ 3468 clickSearch(textStringSearch); 3469 } 3470 }); 3471 3472 function clickSearch(textStringSearch) { 3473 if (textStringSearch != '') { 3474 let lpart = ''; 3475 let encodedSearch = textStringSearch.split('/').map(encodeURIComponent).join('/'); 3476 if(lpart!=''){ 3477 document.location.href = '/' + lpart + '/search&text=' + encodedSearch; 3478 }else{ 3479 document.location.href = '/search&text=' + encodedSearch; 3480 } 3481 } 3482 } 3483</script>
3483 <style type="text/css"> 3484 .cart-nav{ 3485 margin: 0; 3486 } 3487</style> 3488 3489 3490 3491<a class="navbar-link cart-nav" href="/cart"> 3492 <span class="fa-layers fa-fw navbar-fa2"> 3493 <i class="fas fa-shopping-cart fa-fw navbar-fa2 puIconsCart"></i> 3494 <span class="widgetCartNumber d-none">0</span> 3495 </span> 3496</a> 3497 <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"> 3498 <span class="hamburger-box"> 3499 <span class="hamburger-inner"></span> 3500 </span> 3501 </button> 3502 </div> 3503 </div> 3504 </div> 3505 </div> 3506 </div> 3507</nav> 3508</div>
3509<script> 3510 jQuery('.widgetCartNumber').hide(); 3511 jQuery(document).ready(function () { 3512 jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]').click(function (event) { 3513 // event.preventDefault(); 3514 jQuery(this).blur(); 3515 if (jQuery(this).attr('class') == 'abl1') { 3516 jQuery(this).attr('id', 'topmenuonpage'); 3517 } else if (jQuery(this).attr('class') == 'abl2') { 3518 jQuery(this).attr('id', 'topmenusubonpage'); 3519 } 3520 }); 3521 3522 jQuery('a').click( function(e) { 3523 var targetSelector = this.hash 3524 if(targetSelector) { 3525 e.stopImmediatePropagation(); 3526 3527 var $target = $(targetSelector); 3528 var iscls = $(targetSelector).attr('class'); //targethash //fttargethash 3529 // Animate the scroll to the destination... 3530 if(iscls==='fttargethash'){ 3531 var tr_po = 0; 3532 }else{ 3533 var tr_po = $target.offset().top; 3534 } 3535 $('html, body').animate( 3536 { 3537 scrollTop: tr_po // Scroll to this location. 3538 }, { 3539 // Set the duration long enough to allow time 3540 // to lazy load the elements. 3541 duration: 1000, 3542 3543 // At each animation step, check whether the target has moved. 3544 step: function( now, fx ) { 3545 3546 // Where is the target now located on the page? 3547 // i.e. its location will change as images etc. are lazy loaded 3548 if ($(window).width() > 1024) { 3549 if(iscls==='fttargethash'){ 3550 var newOffset = 0; 3551 }else{ 3552 var h_top_sticky = 0; 3553 // top bar space for calculations scroll position 3554 var viewable = isElementInView($('#top-sticky')) 3555 jQuery('.targethash').css('top', '0px'); 3556 if(viewable){ 3557 h_top_sticky = $('#top-sticky').height(); 3558 } 3559 var newOffset = $target.offset().top - h_top_sticky; 3560 } 3561 // var newOffset = $target.offset().top - 70; 3562 }else{ 3563 var newOffset = $target.offset().top; 3564 } 3565 // If where we were originally planning to scroll to is not 3566 // the same as the new offset (newOffset) then change where 3567 // the animation is scrolling to (fx.end). 3568 if(fx.end !== newOffset) 3569 fx.end = newOffset; 3570 } 3571 } 3572 ); 3573 } 3574 }) 3575 3576 // check element is visible in current windows display 3577 function isElementInView(element) { 3578 var $window = $(window); 3579 var windowHeight = $window.height(); 3580 var windowWidth = $window.width(); 3581 var rect = element.get(0).getBoundingClientRect(); 3582 3583 return ( 3584 rect.top >= 0 && rect.top <= windowHeight && 3585 rect.left >= 0 && rect.left <= windowWidth 3586 ); 3587 } 3588 3589 jQuery('.navbar-topmenu.public-topmenu a[data-onhome]').click(function (event) { 3590 if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 3591 $('html,body').animate({ 3592 scrollTop: 0 3593 }, 1800); 3594 return false; 3595 } 3596 }); 3597 var aChildren = jQuery('.navbar-topmenu.public-topmenu a[data-onpage-link]'); 3598 var highlinow = jQuery('.navbar-topmenu.public-topmenu a#topmenuonpage'); 3599 var highlinowLv2 = jQuery('.navbar-topmenu.public-topmenu a#topmenusubonpage');
3600 var stickyHeaderhi = jQuery('#menutop').height() + 75; 3601 3602 var aArray = []; 3603 for (var i = 0; i < aChildren.length; i++) { 3604 var aChild = aChildren[i]; 3605 var ahref = jQuery(aChild).attr('href'); 3606 var res = ahref.split("#"); 3607 var last_hash = res[res.length - 1]; 3608 aArray.push(last_hash); 3609 } 3610 3611 jQuery('.widgetCartNumber').show(); 3612 3613 jQuery(window).scroll(function () { 3614 var windowPos = jQuery(window).scrollTop(); 3615 var windowHeight = jQuery(window).height(); 3616 var docHeight = jQuery(document).height(); 3617 for (var i = 0; i < aArray.length; i++) { 3618 var theID = aArray[i]; 3619 if (jQuery('#' + theID).length > 0) { 3620 if (jQuery('#' + theID).data('orderbox') == 'onest') { 3621 /* if firstbox */ 3622 var divPos = jQuery('#' + theID).offset().top - stickyHeaderhi; 3623 var divHeight = jQuery('#' + theID).height(); 3624 } else { 3625 /* if non first */ 3626 var divPos = jQuery('#' + theID).parent().offset().top - stickyHeaderhi; 3627 var divHeight = jQuery('#' + theID).parent().height(); 3628 } 3629 if (windowPos >= divPos && windowPos < (divPos + divHeight)) { 3630 highlinow.removeAttr('id'); 3631 highlinowLv2.removeAttr('id'); 3632 if (jQuery("a.abl1[data-onpage-link='" + theID + "']").length > 0) { 3633 jQuery("a.abl1[data-onpage-link='" + theID + "']").attr('id', 'topmenuonpage'); 3634 } 3635 if (jQuery("a.abl2[data-onpage-link='" + theID + "']").length > 0) { 3636 jQuery("a.abl2[data-onpage-link='" + theID + "']").attr('id', 'topmenusubonpage'); 3637 } 3638 } else { 3639 jQuery("a.abl1[data-onpage-link='" + theID + "']").removeAttr('id'); 3640 jQuery("a.abl2[data-onpage-link='" + theID + "']").removeAttr('id'); 3641 if (jQuery("a[data-onpage-link][id='topmenuonpage']").length < 1 && jQuery("a[data-onpage-link][id='topmenusubonpage']").length < 1) { 3642 if (highlinow.length > 0) { 3643 highlinow.attr('id', 'topmenuonpage'); 3644 } 3645 if (highlinowLv2.length > 0) { 3646 highlinowLv2.attr('id', 'topmenusubonpage'); 3647 } 3648 } 3649 } 3650 } 3651 } 3652 if (windowPos + windowHeight == docHeight) { 3653 /* last position */ 3654 var lastsectionl1 = jQuery("a.targethash").parent().parent('#section-content').find('div:not(.insadsbygoogle) > a').last().attr('id'); 3655 //L1 3656 if (jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").length > 0) { 3657 highlinow.removeAttr('id'); 3658 jQuery('a.abl1#topmenuonpage').removeAttr('id'); 3659 jQuery("a.abl1[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenuonpage'); 3660 } 3661 //L2 L3 3662 if (jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").length > 0) { 3663 highlinowLv2.removeAttr('id'); 3664 jQuery('a.abl2#topmenusubonpage').removeAttr('id'); 3665 jQuery("a.abl2[data-onpage-link='" + lastsectionl1 + "']").attr('id', 'topmenusubonpage'); 3666 } 3667 } 3668 }); 3669 3670 }); 3671 3672 //!navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i) && 3673 if (screen.width > 1024) { // is desktop 3674 var isSubmenuLv2Overflow = 0; 3675 var isSubmenuLv3Overflow = 0; 3676 var elem_headerDesktop = document.getElementsByClassName("headerDesktop")[0]; 3677 var elem_topmenu = elem_headerDesktop.getElementsByClassName("navbar-topmenu")[0]; 3678 var sectionHeader = document.getElementById("section-header"); 3679 var arr_li_lv1 = elem_topmenu.getElementsByClassName("nav
3679-item dropdown"); // li (Lv1) (has submenu) 3680 if (arr_li_lv1.length > 0) { 3681 // console.log(arr_li_lv1); 3682 for (i = 0; i < arr_li_lv1.length; i++) { 3683 var li_lv1 = arr_li_lv1[i]; 3684 var arr_child_li_lv1 = li_lv1.children; // a, ui.dropdown-menu 3685 if (arr_child_li_lv1.length > 0) { 3686 3687 for (j = 0; j < arr_child_li_lv1.length; j++) { 3688 if (arr_child_li_lv1[j].classList.contains('dropdown-menu')) { // ui.dropdown-menu 3689 var ui_lv2 = arr_child_li_lv1[j]; 3690 var arr_li_lv2 = ui_lv2.children; // li (Lv2) 3691 var length_li_lv2 = arr_li_lv2.length; 3692 3693 // get heightest dropdown-menu 3694 var maxHeight = 0; 3695 $('.dropdown-menu').each(function() { 3696 var height = $(this).outerHeight(); 3697 if (height > maxHeight) { 3698 maxHeight = height; 3699 } 3700 }); 3701 3702 if (maxHeight > screen.height) { 3703 isSubmenuLv2Overflow += 1; 3704 } 3705 3706 //LV 3 LIMITED EDITION 3707 if (arr_li_lv2.length > 0) { 3708 for (k = 0; k < arr_li_lv2.length; k++) { 3709 if (arr_li_lv2[k].children.length > 1) { 3710 if (arr_li_lv2[k].children[1].classList.contains('dropdown-menu')) { // ui.dropdown-menu 3711 //k = à¸à¸³à¹à¸«à¸à¹à¸à¸à¸µà¹à¸¡à¸µ ul 3712 var posiUllv3 = k; 3713 var arr_li_lv3 = arr_li_lv2[k].children[1]; // li (Lv2) 3714 var obj_li_lv3 = arr_li_lv3.children; 3715 var length_li_lv3 = obj_li_lv3.length; 3716 var limiLv3High = length_li_lv3 + k; 3717 3718 if (screen.height >= 1440 && screen.height < 2880 && limiLv3High > 34) { // height:1440 3719 isSubmenuLv3Overflow += 1; 3720 } else if (screen.height >= 1080 && screen.height < 1440 && limiLv3High > 20) { // height:1080 3721 isSubmenuLv3Overflow += 1; 3722 } else if (screen.height >= 768 && screen.height < 1080 && limiLv3High > 14) { // height:768 3723 isSubmenuLv3Overflow += 1; 3724 } else if (screen.height >= 500 && screen.height < 768 && limiLv3High > 10) { // w:768 3725 isSubmenuLv3Overflow += 1; 3726 } 3727 3728 } 3729 } 3730 } 3731 } 3732 3733 3734 } 3735 } 3736 } 3737 3738 } 3739 } 3740 3741 if (isSubmenuLv2Overflow > 0) { // no stricky 3742 sectionHeader.classList.remove('sps'); 3743 sectionHeader.classList.remove('sps--abv'); 3744 sectionHeader.classList.remove('sps--blw'); 3745 } 3746 //if lavel 3 is Too Damn High 3747 if (isSubmenuLv3Overflow > 0) { // no stricky 3748 sectionHeader.classList.remove('sps'); 3749 sectionHeader.classList.remove('sps--abv'); 3750 sectionHeader.classList.remove('sps--blw'); 3751 } 3752 3753 //if screen height not than 1080 disable 3754 jQuery(window).ready(function () { 3755 setTimeout(() => { 3756 if ($(window).height() > jQuery('#section-content').height() + jQuery('#section-footer').height()) { 3757 sectionHeader.classList.remove('sps'); 3758 sectionHeader.classList.remove('sps--abv'); 3759 sectionHeader.classList.remove('sps--blw'); 3760 } 3761 }, 200); 3762 }); 3763 } 3764</script>
3764 3765 </div> 3766 <!-- <div id="section-content" style=""> --> 3767 <div id="section-content"> 3768 <div class="container"> 3769 <div class="row"> 3770 <!-- <div class="">--> 3771 3772<style type="text/css"> 3773 /* reveal */ 3774 @media only screen and (min-width: 1200px) { 3775 .reveal { background-attachment: fixed !important; } 3776 } 3777 /* rellax */ 3778 .rellax-view { position: relative; overflow: hidden; } 3779 .rellax { position: absolute; width: 100%; top: 0px; bottom: 0px; left: 0; right: 0; } 3780 .marginBottomSpace { 3781 3782 margin-bottom: 20px; 3783 } 3784 .img-responsive{margin:auto;} 3785 @media only screen and (max-width: 767px){ 3786 .maginBottomCaption{ 3787 margin-bottom: 40px; 3788 } 3789 .maginBottomCaptionmini{ 3790 margin-bottom: 15px; 3791 } 3792 .marginBottomSpaceMobile{ 3793 margin-bottom: 20px; 3794 } 3795 .coverslidebox{ 3796 padding: 0px 0px; 3797 } 3798 } 3799 @media only screen and (min-width: 768px){ 3800 .maginBottomCaption{ 3801 margin-bottom: 0px; 3802 } 3803 .maginBottomCaptionmini{ 3804 margin-bottom: 0px; 3805 } 3806 .marginBottomSpaceMobile{ 3807 margin-bottom: 0px; 3808 } 3809 .coverslidebox{ 3810 padding: 0px 15px; 3811 } 3812 .textlayout-maxwidth{ 3813 max-width: 585px; 3814 } 3815 .textlayout-marlauto{ 3816 margin-left: auto; 3817 } 3818 } 3819 .noImgSimpleBG{ 3820 background-color:#E1E4E9; 3821 } 3822 .box-not-overflow{ 3823 overflow: hidden; 3824 } 3825 .play-button { 3826 left: 50%; 3827 top: 50%; 3828 width: 72px; 3829 height: 64px; 3830 margin-left: -36px; 3831 margin-top: -32px; 3832 z-index: 1; 3833 color: #212121; 3834 opacity: 0.85; 3835 } 3836 .play-button:hover, 3837 .play-button:hover::before { 3838 opacity: 1; 3839 color: #f00; 3840 } 3841 .play-button .fa-youtube { 3842 font-size: 64px; 3843 } 3844 .play-button:before { 3845 content: ""; 3846 width: 0; 3847 height: 0; 3848 border-top: 11px solid transparent; 3849 border-left: 20px solid #ffffff; 3850 border-bottom: 11px solid transparent; 3851 position: absolute; 3852 top: 21px; 3853 left: 29px; 3854 } 3855 .wrapper .youtube { 3856 background-color: #000; 3857 position: relative; 3858 padding-top: 56.25%; 3859 overflow: hidden; 3860 cursor: pointer 3861 } 3862 3863 .wrapper .youtube img { 3864 width: 100%; 3865 top: -16.82%; 3866 left: 0; 3867 max-height: none !important; 3868 opacity: .7 3869 } 3870 .wrapper .youtube .play-button, 3871 .wrapper .youtube img { 3872 cursor: pointer 3873 } 3874 3875 .wrapper .youtube .play-button, 3876 .wrapper .youtube .play-button:before, 3877 .wrapper .youtube iframe, 3878 .wrapper .youtube img { 3879 position: absolute 3880 } 3881 .wrapper .youtube iframe { 3882 height: 100%; 3883 width: 100%; 3884 top: 0; 3885 left: 0 3886 } 3887 @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) { 3888 a.targethash{ 3889 top: -112px; 3890 } 3891 } 3892</style> 3893 <div class="insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;"> 3894 </div> 3895 <style type="text/css"> 3896 @media only screen and (min-width: 768px) { 3897 .divPageTitle { 3898 margin-bottom: 40px; 3899 margin-top: 40px; 3900 } 3901 .divPageDescription { 3902 margin-bottom: 40px; 3903 margin-top: 40px; 3904 word-wrap: break-word; 3905 } 3906 .divPageData { 3907 margin-top: 10px; 3908 margin-bottom: 60px; 3909 } 3910 } 3911 @media only screen and (max-width: 767px) { 3912 .divPageTitle { 3913 margin-bottom: 40px; 3914 margin-top: 40px; 3915 } 3916 .divPageDescription { 3917 margin-bottom: 40px; 3918 margin-top: 40px; 3919 word-wrap: break-word; 3920 } 3921 .divPageData { 3922 margin-top: 10px; 3923 margin-bottom: 60px; 3924 } 3925 } 3926 3927 </style> 3928 <div class="container"> 3929 <style>
3930 .divCartList p, .modal-modalCartLogin p, .divRecentryNotFound p, .memberLogin p, #formCheckout p { 3931 color: #333; 3932 } 3933 </style> 3934<style type="text/css"> 3935 .boxSubmitCart { 3936 text-align: right; 3937 } 3938 .img-product { 3939 max-width: 60px; 3940 max-height: 100%; 3941 margin-top: 5px; 3942 } 3943 .divEmptyStatus, .divRecentryNotFound { 3944 padding: 5rem 0; 3945 width: 100%; 3946 } 3947 .attributeColor{ 3948 display:inline-block; 3949 border: 2px solid #CCCCCC; 3950 border-radius: 50%; 3951 height: 14px; 3952 width: 14px; 3953 } 3954 .cartNote p { 3955 margin-bottom: 0.5rem; 3956 } 3957 3958 .input-group-append, .input-group-prepend{ 3959 z-index: 1; 3960 } 3961 .h3-cart { 3962 font-size: 20px; 3963 } 3964 @media (min-width: 992px) { 3965 .boxQty { 3966 /* margin-left: -15px; 3967 margin-right: -15px; */ 3968 } 3969 .pageCart .boxQty .input-group { 3970 max-width: 140px; 3971 } 3972 } 3973 3974 .bootbox .modal-footer{ 3975 border-top: 0 !important; 3976 } 3977 .pageCart .boxQty { 3978 height: 26px; 3979 z-index: 1; 3980 } 3981 .boxQty input, .input-group-prepend, .input-group-append { 3982 height: 26px; 3983 z-index: 1; 3984 border: 1px solid #cdced2; 3985 border-radius: 3px; 3986 } 3987 .btn-number{ 3988 padding: 0; 3989 width: 24px; 3990 } 3991 .boxQty { 3992 width: 105px; 3993 } 3994 .btn-plus,.btn-minus{ 3995 background: #FFFFFF; 3996 } 3997 .btn-plus:disabled,.btn-minus:disabled{ 3998 color: rgba(0, 0, 0, 0.38) !important; 3999 } 4000 .input-group .input-group-append button { 4001 background: #FFFFFF; 4002 border: none; 4003 } 4004 4005 .input-group .input-group-prepend button { 4006 background: #FFFFFF; 4007 border: none; 4008 } 4009 4010 4011 .fs-24{ 4012 font-size: 24px !important; 4013 } 4014 .card-header, .card-footer{ 4015 background-color: transparent; 4016 } 4017 .cart-item:last-child{ 4018 border: none; 4019 padding-bottom: 0; 4020 } 4021 .border-tb-dash{ 4022 border-top: 2px dashed #cdced2; 4023 border-bottom: 2px dashed #cdced2; 4024 } 4025 .table-attribute>tbody>tr{ 4026 line-height: 1; 4027 } 4028 .priceDiscount{ 4029 text-decoration: line-through; 4030 } 4031 .input-quantity{ 4032 padding: 0; 4033 } 4034 #buttonCheckout{ 4035 min-width: 200px; 4036 padding-left: 5px; 4037 padding-right: 5px; 4038 } 4039 4040 @media only screen and (min-width: 1367px) { 4041 .boxQty { 4042 margin: auto; 4043 } 4044 } 4045 @media only screen and (min-width: 1025px) and (max-width: 1366px) { 4046 4047 } 4048 @media only screen and (min-width: 1025px) and (max-width: 1200px) { 4049 /* p.txtTotalPrice { 4050 font-size: calc(16px - 20%) !important; 4051 } */ 4052 /* #divOrderTotalPrice { 4053 padding-top: 1%; 4054 } */ 4055 } 4056 @media only screen and (min-width: 992px) and (max-width: 1024px) { 4057 .txtItemPrice, .txtCartPrice, .priceDiscount{ 4058 font-size: 16px !important; 4059 } 4060 /* p.txtTotalPrice { 4061 font-size: calc(16px - 20%) !important; 4062 } */ 4063 .textProductNameHeight{ 4064 line-height: 20px; 4065 max-height: 40px; 4066 overflow: hidden; 4067 } 4068 .cardnoborder{ 4069 border: none; 4070 } 4071 .noshadow{ 4072 box-shadow: none; 4073 } 4074 } 4075 @media only screen and (min-width: 768px) and (max-width: 991px) { 4076 .boxSubmitCart { 4077 position: fixed; 4078 bottom: 0; 4079 z-index: 55; 4080 left: 0; 4081 right: 0; 4082 min-height: auto; 4083 margin: 0 !important; 4084 padding: 0; 4085 display: flex; 4086 box-shadow: 5px 5px 20px #000000; 4087 } 4088 #buttonShopping { 4089 flex:1; 4090 height: 60px; 4091 border-radius: 0px; 4092 margin: 0; 4093 } 4094 #buttonCheckout { 4095 flex:2; 4096 height: 60px; 4097 border-radius: 0px; 4098 margin: 0; 4099 } 4100 .txtItemPrice, .txtCartPrice ,.priceDiscount{ 4101 font-size: 16px !important; 4102 } 4103 .textProductNameHeight{ 4104 line-height: 20px; 4105 max-height: 40px; 4106 overflow: hidden; 4107 } 4108 .cardnoborder{ 4109 border: none; 4110 } 4111 .noshadow{ 4112 box-shadow: none; 4113 } 4114 } 4115 4116 @media only screen and (max-width: 991px){ 4117 .card-cart-list2, .card-cart-summary2{ 4118 padding: 15px !important; 4119 } 4120 .card-cart-list2{ 4121 border-bottom-left-radius: 0px; 4122 border-bottom-right-radius: 0px; 4123 } 4124 .card-cart-summary2{ 4125 border-top-left-radius: 0px; 4126 border-top-right-radius: 0px; 4127 } 4128 } 4129 @media only screen and (max-width: 767px) { 4130 .boxSubmitCart { 4131 position: fixed; 4132 bottom: 0; 4133 z-index: 55; 4134 left: 0; 4135 right: 0; 4136 min-height: auto; 4137 margin: 0 !important; 4138 padding: 0; 4139 display: flex; 4140 box-shadow: 5px 5px 20px #000000; 4141 } 4142 #buttonShopping { 4143 flex:1; 4144 height: 60px; 4145 border-radius: 0px; 4146 margin: 0; 4147 font-size: 16px; 4148 } 4149 #buttonCheckout { 4150 flex:2; 4151 height: 60px; 4152 border-radius: 0px; 4153 margin: 0; 4154 font-size: 16px; 4155 } 4156 .txtItemPrice, .txtCartPrice ,.priceDiscount{ 4157 font-size: 16px !important; 4158 } 4159 .textProductNameHeight{ 4160 line-height: 20px; 4161 max-height: 40px; 4162 overflow: hidden; 4163 } 4164 .cardnoborder{ 4165 border: none; 4166 } 4167 .noshadow{ 4168 box-shadow: none; 4169 } 4170 #buttonCheckout{ 4171 width: 100%; 4172 } 4173 } 4174 .col-warnno-promo{ 4175 font-size: 13px !important; 4176 color: #FF0000 !important; 4177 display:none; 4178 } 4179 .txt-warn-dis{ 4180 font-size: 13px !important; 4181 color: #FF0000 !important; 4182 } 4183</style> 4184 4185<!-- Start Page Name --> 4186<div class="row"> 4187 <div class="col-12"> 4188 <div class="divPageTitle text-center"> 4189 <h1>à¸à¸°à¸à¸£à¹à¸²à¸ªà¸´à¸à¸à¹à¸²</h1> 4190 </div> 4191 </div> 4192</div> 4193<!-- End Page Name --> 4194 4195<!-- <div id="divTestResult"></div> --> 4196 4197<!-- Start Cart --> 4198<div class="divPageData pageCart"> 4199 <form name="formCart" id="formCart" method="post" action="" class="form-horizontal" role="form"> 4200 <div class="row"> 4201 <!-- Start Empty Cart --> 4202 <div class="col-12"> 4203 <div class="card card-bg theme-font mb-3"> 4204 <div class="card-body"> 4205 <div id="divCartList"> 4206 <div class="divEmptyStatus" id="divEmptyStatus"> 4207 <div class="row"> 4208 <div class="col-12"> 4209 <div class="text-center"> 4210 <i class="fal fa-shopping-cart fa-3x"></i> 4211 <p class="text-muted fs-24 mt-3">à¹à¸¡à¹à¸¡à¸µà¸ªà¸´à¸à¸à¹à¸²à¹à¸à¸à¸°à¸à¸£à¹à¸²à¸à¸à¸à¸à¸¸à¸</p> 4212 <button type="button" class="btn btn-lg-auto btn-style" id="buttonReturnShopping" > 4213 à¸à¸¥à¸±à¸à¹à¸à¸ªà¸±à¹à¸à¸à¸·à¹à¸à¸ªà¸´à¸à¸à¹à¸² </button> 4214 </div> 4215 </div> 4216 </div> 4217 </div> 4218 </div> 4219 </div> 4220 </div> 4221 </div> 4222 <!-- End Empty Cart --> 4223 </div> 4224 </form> 4225</div> 4226 4227<!-- End Cart --> 4228
4229<script type="text/javascript"> 4230 4231 jQuery("#buttonReturnShopping").on("click", function () { 4232 returnShopping(); 4233 }); 4234 4235 jQuery(document).ready(function () { 4236 $('input[name^="quant"]').each(function () { 4237 checkAmountMax($(this)); 4238 }); 4239 //checkPromotion(); 4240 }); 4241 4242 jQuery("#buttonShopping").on("click", function () { 4243 document.location.href = "/category"; 4244 }); 4245 jQuery("#buttonCheckout").on("click", function () { 4246 if (parseInt(0) > 0 && 'guest' === 'member') { 4247 document.location.href = "/cart/shipping"; 4248 } else { 4249 document.location.href = "/cart/member"; 4250 } 4251 4252 }); 4253 4254 jQuery("#aRemoveCartAll").on("click", function () { 4255 jQuery('[name="check_action[]"]').prop('checked', true); //all 4256 4257 if (jQuery('[name="check_action[]"]:checked').length > 0) { 4258 var data = jQuery("#formCart").serialize(); 4259 data = decodeURIComponent(data); 4260 4261 bootbox.confirm("à¸à¸¸à¸à¹à¸à¹à¹à¸à¸«à¸£à¸·à¸à¸§à¹à¸²à¸à¹à¸à¸à¸à¸²à¸£à¸à¸µà¹à¸à¸°à¸¢à¸à¹à¸¥à¸´à¸à¸ªà¸´à¸à¸à¹à¸²à¹à¸«à¸¥à¹à¸²à¸à¸µà¹à¸à¸à¸à¸à¸²à¸à¸à¸°à¸à¸£à¹à¸²", function (result) { 4262 if (result === true) { 4263 removeCart(data); 4264 } else if (result === false) { 4265 jQuery('[name="check_action[]"]').prop('checked', false); //all 4266 } 4267 }); 4268 4269 } else { 4270 bootbox.alert("Cart is empty.", function () {}); 4271 } 4272 }); 4273 jQuery(".aRemoveCart").on("click", function () { 4274 var check_action = jQuery(this).closest('.cart-item').find('[name="check_action[]"]'); //one 4275 check_action.prop('checked', true); 4276 4277 if (jQuery('[name="check_action[]"]:checked').length > 0) { 4278 var data = jQuery("#formCart").serialize(); 4279 data = decodeURIComponent(data); 4280 4281 bootbox.confirm("à¸à¸¸à¸à¹à¸à¹à¹à¸à¸«à¸£à¸·à¸à¸§à¹à¸²à¸à¹à¸à¸à¸à¸²à¸£à¸à¸µà¹à¸à¸°à¸¢à¸à¹à¸¥à¸´à¸à¸ªà¸´à¸à¸à¹à¸²à¹à¸«à¸¥à¹à¸²à¸à¸µà¹à¸à¸à¸à¸à¸²à¸à¸à¸°à¸à¸£à¹à¸²", function (result) { 4282 if (result === true) { 4283 removeCart(data); 4284 } else if (result === false) { 4285 check_action.prop('checked', false); //one 4286 } 4287 }); 4288 4289 } else { 4290 bootbox.alert("Cart is empty.", function () {}); 4291 } 4292 }); 4293 4294 jQuery('.btn-number').click(function (e) { 4295 e.preventDefault(); 4296 4297 fieldName = $(this).attr('data-field'); 4298 type = $(this).attr('data-type'); 4299 var input = $("input[name='" + fieldName + "']"); 4300 var currentVal = parseInt(input.val()); 4301 if (!isNaN(currentVal)) { 4302 if (type === 'minus') { 4303 if (currentVal > input.attr('min')) { 4304 input.val(currentVal - 1).change(); 4305 } 4306 if (parseInt(input.val()) == input.attr('min')) { 4307 $(this).attr('disabled', true); 4308 } 4309 } else if (type === 'plus') { 4310 if (currentVal < input.attr('max')) { 4311 input.val(currentVal + 1).change(); 4312 } 4313 if (parseInt(input.val()) == input.attr('max')) { 4314 $(this).attr('disabled', true); 4315 } 4316 } 4317 } else { 4318 input.val(0); 4319 } 4320 }); 4321 4322 $('.input-number').focusin(function () { 4323 $(this).data('oldValue', $(this).val()); 4324 }); 4325 $('.input-number').change(function () { 4326 minValue = parseInt($(this).attr('min')); 4327 maxValue = parseInt($(this).attr('max')); 4328 valueCurrent = parseInt($(this).val()); 4329 valueCurrent = ~~valueCurrent; 4330 $(this).val(valueCurrent); 4331 name = $(this).attr('name'); 4332 ismyobj = $(this); 4333 getskuchg = ismyobj.parent().parent().find('.hiddenSkus').val(); 4334 getidchg = ismyobj.parent().parent().find('.hiddenpids').val(); 4335 getcampproid = ismyobj.parent().parent().find('.hiddenCampProid').val(); 4336 var fl_unble2 = ismyobj.closest('.cart-item').find('.unbleswitch').val(); 4337 4338 ismyobj.closest('.row').find('.col-warnno-promo .txt-warn-dis').html(''); 4339 ismyobj.closest('.row').find('.col-warnno-promo').hide(); 4340
4341 if (valueCurrent >= minValue) { 4342 $(".btn-number[data-type='minus'][data-field='" + name + "']").removeAttr('disabled'); 4343 } else { 4344 alert('à¸à¹à¸à¸à¸à¸·à¹à¸à¸ªà¸´à¸à¸à¹à¸²à¸à¸¢à¹à¸²à¸à¸à¹à¸à¸ 1 à¸à¸´à¹à¸'); 4345 // $(this).val($(this).data('oldValue')); 4346 $(this).val(minValue); 4347 } 4348 if (valueCurrent <= maxValue) { 4349 $(".btn-number[data-type='plus'][data-field='" + name + "']").removeAttr('disabled'); 4350 } else { 4351 if(getcampproid==''){ 4352 if(maxValue != 99999){ 4353 alert('สิà¸à¸à¹à¸²à¹à¸à¸à¸¥à¸±à¸à¹à¸¡à¹à¹à¸à¸µà¸¢à¸à¸à¸ à¸à¸£à¸¸à¸à¸²à¸à¸£à¸§à¸à¸ªà¸à¸à¸à¸³à¸à¸§à¸à¸ªà¸´à¸à¸à¹à¸²à¸à¸µà¸à¸à¸£à¸±à¹à¸'); 4354 } 4355 // $(this).val($(this).data('oldValue')); 4356 $(this).val(maxValue); 4357 }else{ 4358 if(fl_unble2==0){ 4359 alert('à¸à¹à¸²à¸à¸à¸·à¹à¸à¸ªà¸´à¸à¸à¹à¸²à¹à¸¡à¹à¸à¸£à¸à¸à¸²à¸¡à¹à¸à¸·à¹à¸à¸à¹à¸à¸à¸à¸à¹à¸à¸£à¹à¸¡à¸à¸±à¹à¸ ราà¸à¸²à¸ªà¸´à¸à¸à¹à¸²à¸à¸°à¸¡à¸µà¸à¸²à¸£à¹à¸à¸¥à¸µà¹à¸¢à¸à¹à¸à¸¥à¸'); 4360 ismyobj.closest('.row').find('.col-warnno-promo').show(); 4361 ismyobj.closest('.row').find('.col-warnno-promo .txt-warn-dis').html('<br>สิà¸à¸à¹à¸²à¹à¸à¸à¸¥à¸±à¸à¹à¸¡à¹à¹à¸à¸µà¸¢à¸à¸à¸ à¸à¸£à¸¸à¸à¸²à¸à¸£à¸§à¸à¸ªà¸à¸à¸à¸³à¸à¸§à¸à¸ªà¸´à¸à¸à¹à¸²à¸à¸µà¸à¸à¸£à¸±à¹à¸'); 4362 $(this).val(maxValue); 4363 valueCurrent = maxValue; 4364 }else{ 4365 if(maxValue != 99999){ 4366 alert('à¸à¹à¸²à¸à¸à¸·à¹à¸à¸ªà¸´à¸à¸à¹à¸²à¹à¸¡à¹à¸à¸£à¸à¸à¸²à¸¡à¹à¸à¸·à¹à¸à¸à¹à¸à¸à¸à¸à¹à¸à¸£à¹à¸¡à¸à¸±à¹à¸ ราà¸à¸²à¸ªà¸´à¸à¸à¹à¸²à¸à¸°à¸¡à¸µà¸à¸²à¸£à¹à¸à¸¥à¸µà¹à¸¢à¸à¹à¸à¸¥à¸'); 4367 } 4368 } 4369 } 4370 } 4371 4372 ismyobj.parent().find('.btn').prop("disabled", true); 4373 let passtoadd = checkLimitbuyAddtoCart(getcampproid,getidchg,getskuchg,valueCurrent).done(function(dataxhr) { 4374 if(dataxhr!='1'){ 4375 let tex_po = JSON.parse(dataxhr); 4376 ismyobj.closest('.row').find('.col-warnno-promo').show(); 4377 ismyobj.closest('.row').find('.col-warnno-promo .txt-warn-dis').html('('+tex_po[0].des_warn+')'); 4378 // ismyobj.val(minValue); 4379 //return to normal price 4380 // ismyobj.closest('.row').find('.hiddenPrice').val(ismyobj.closest('.row').find('.hiddenpriceDiscount').val()); 4381 calculatePrice(ismyobj); 4382 }else{ 4383 4384 //return to dicount price 4385 // ismyobj.closest('.row').find('.hiddenPrice').val(ismyobj.closest('.row').find('.hiddenPricebk').val()); 4386 calculatePrice(ismyobj); 4387 } 4388 4389 ismyobj.parent().find('.btn').prop("disabled", false); 4390 }); 4391 // calculatePrice($(this)); 4392 }); 4393 4394 $(".input-number").keydown(function (e) { // Allow: backspace, delete, tab, escape, enter and . 4395 if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 || (e.keyCode == 65 && e.ctrlKey === true) || (e.keyCode >= 35 && e.keyCode <= 39)) { 4396 // Allow: Ctrl+A 4397 // Allow: home, end, left, right 4398 // let it happen, don't do anything 4399 return; 4400 } 4401 // Ensure that it is a number and stop the keypress 4402 if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) { 4403 e.preventDefault(); 4404 } 4405 }); 4406 4407 function returnShopping() { 4408 document.location.href = "/category"; 4409 } 4410 4411 function checkPromotion() { 4412 jQuery.ajax({ 4413 type: "POST", 4414 url: '/page/page_cart/ajaxPromotion.php', 4415 data: { 4416 type: "checkPromotionGlobal" 4417 }, 4418 success: function (returnData) { 4419 //jQuery('#divTestResult').html(returnData); 4420 var arrayPromotion = returnData.split('@@'); 4421 if(arrayPromotion[0] !== '0'){ 4422 jQuery("#showPromotion").show(); 4423 jQuery("#promotionDiscount").val(arrayPromotion[0]); 4424 jQuery("#divOrderTotalPrice").find('.txtTotalPrice').html(arrayPromotion[1]); 4425 jQuery("#showPromotion").html(arrayPromotion[2]); 4426 if(arrayPromotion[13]!=''){ 4427 jQuery("#showPrivilege").show(); 4428 jQuery("#showPrivilege").html(arrayPromotion[13]); 4429 jQuery("#privilege").val(arrayPromotion[14]); 4430 }else{ 4431 jQuery("#showPrivilege").hide(); 4432 jQuery("#privilege").val('0'); 4433 } 4434 calculateTotalPrice(); 4435 } else { 4436 jQuery("#promotionDiscount").val('0'); 4437 jQuery("#showPromotion").hide(); 4438 if(arrayPromotion[11]!=''){ 4439 jQuery("#showPrivilege").show(); 4440 jQuery("#showPrivilege").html(arrayPromotion[11]); 4441 jQuery("#privilege").val(arrayPromotion[12]); 4442 }else{ 4443 jQuery("#showPrivilege").hide(); 4444 jQuery("#privilege").val('0'); 4445 } 4446 calculateTotalPrice(); 4447 } 4448 } 4449 }); 4450 4451 } 4452 4453 function checkAmountMax(obj) { 4454 var maxValue = parseInt(obj.attr('max')); 4455 var valueCurrent = parseInt(obj.val()); 4456 valueCurrent = ~~valueCurrent; 4457 obj.val(valueCurrent); 4458 var name = obj.attr('name'); 4459 var ord = obj.closest('.cart-item').find(".hiddenOrders").val(); 4460
4461 if (valueCurrent <= maxValue) { //enough 4462 $("#hiddenCheckQty_" + ord).val(0); 4463 obj.closest('.cart-item').find(".divStockShow").addClass('text-muted'); 4464 4465 } else { //over 4466 $("#hiddenCheckQty_" + ord).val(1); 4467 obj.closest('.cart-item').find(".divStockShow").removeClass('text-muted'); 4468 obj.closest('.cart-item').find(".divStockShow").css('color', '#dc3545'); 4469 // alert('สิà¸à¸à¹à¸²à¹à¸à¸à¸¥à¸±à¸à¹à¸¡à¹à¹à¸à¸µà¸¢à¸à¸à¸ à¸à¸£à¸¸à¸à¸²à¸à¸£à¸§à¸à¸ªà¸à¸à¸à¸³à¸à¸§à¸à¸ªà¸´à¸à¸à¹à¸²à¸à¸µà¸à¸à¸£à¸±à¹à¸'); 4470 showModalBS(1, '/page/page_cart/cartDialogErrorController.php', 'medium'); 4471 if(maxValue > 0){ 4472 obj.val(maxValue); 4473 }else{ 4474 obj.closest('.cart-item').find(".btn-minus").prop('disabled',true); 4475 obj.closest('.cart-item').find(".btn-plus").prop('disabled',true); 4476 obj.val(1); 4477 } 4478 4479 } 4480 4481 calculatePrice(obj); 4482 } 4483 4484 function calculateTotalPrice() { 4485 /* check limit promotion */ 4486 var data = jQuery("#formCart").serialize(); 4487 data = decodeURIComponent(data); 4488 jQuery.ajax({ 4489 type: "POST", 4490 url: '/page/page_cart/ajaxCartController.php', 4491 data: { 4492 type: "calculateTotal", 4493 data: data 4494 }, 4495 success: function (returnData) { 4496 //jQuery('#divTestResult').html(returnData); 4497 var arrayPrice = returnData.split('@@'); 4498 jQuery("#divOrderTotalPrice").find('.txtTotalPrice').html(arrayPrice[0]); 4499 jQuery(".widgetCartNumber").html(parseInt(arrayPrice[1]) >= 100 ? "99+" : arrayPrice[1]); 4500 drawWidgetCartFix(); 4501 } 4502 }); 4503 4504 checkSaveButton(); 4505 } 4506 4507 function checkSaveButton() { 4508 var countQty = 0; 4509 jQuery(".hiddenCheckQty").each(function () { 4510 countQty = countQty + parseInt(jQuery(this).val()); 4511 }); 4512 4513 if (countQty > 0) { 4514 jQuery("#buttonCheckout").attr("disabled", "disabled"); 4515 jQuery("#buttonCheckout").addClass("buttonBlock"); 4516 } else { 4517 jQuery("#buttonCheckout").removeAttr("disabled"); 4518 jQuery("#buttonCheckout").removeClass("buttonBlock"); 4519 } 4520 } 4521 4522 /* quantityBox */ 4523 function calculatePrice(obj) { 4524 /** check limit promotion */ 4525 var amount = obj.val(); 4526 var priceItems = obj.closest('.cart-item').find('.hiddenPrice').val(); 4527 var ordersItem = obj.closest('.cart-item').find('.hiddenOrders').val(); 4528 var wholesaleID = obj.closest('.cart-item').find('.hiddenWholesale').val(); 4529 var isMember = obj.closest('.cart-item').find('.hiddenIsMember').val(); 4530 var priceDiscount = obj.closest('.cart-item').find('.hiddenpriceDiscount').val(); 4531 var data = jQuery("#formCart").serialize(); 4532 data = decodeURIComponent(data); 4533 4534 //is flash 4535 var fl_id = obj.closest('.cart-item').find('.hiddenCampProid').val(); 4536 var fl_lim = obj.closest('.cart-item').find('.hiddenbuy_camp').val(); 4537 var fl_besto = obj.closest('.cart-item').find('.hiddenstonumbeforecamp').val(); 4538 var fl_unble = obj.closest('.cart-item').find('.unbleswitch').val(); 4539 4540 jQuery.ajax({ 4541 type: "POST", 4542 url: '/page/page_cart/ajaxCartController.php', 4543 data: { 4544 type: "calculateCart", 4545 thisOrder: ordersItem, 4546 thisAmount: amount, 4547 thisPrice: priceItems, 4548 thisWholesaleID: wholesaleID, 4549 thisIsMember: isMember, 4550 priceDiscount: priceDiscount, 4551 swsto: fl_unble, 4552 data: data 4553 }, 4554 success: function (returnData) { 4555 //console.log(returnData); 4556 var arrayPrice = returnData.split('@@'); 4557 obj.closest('.cart-item').find(".divShowItemPrice").find('.txtItemPrice').html(arrayPrice[0]); 4558 obj.closest('.cart-item').find(".divShowCartPrice").find('.txtCartPrice').html(arrayPrice[1]); 4559 obj.closest('.cart-item').find(".divShowItemPrice").find('.priceDiscount').html(arrayPrice[4]); 4560 obj.closest('.cart-item').find('.hiddenPrice').val(arrayPrice[5]); 4561 obj.closest('.cart-item').find('.hiddenCampProid').val(arrayPrice[6]); 4562 if(fl_unble==1){ 4563 if(arrayPrice[7]!=''){ 4564 obj.closest('.cart-item').find('.input-number').attr('max',arrayPrice[7]); 4565 if(arrayPrice[6]=='' && arrayPrice[7]==0){ 4566 //main out 4567 } 4568 } 4569 } 4570 // if(arrayPrice[8]!=''){
4571 obj.closest('.cart-item').find('.divStockShow').html(arrayPrice[8]); 4572 // } 4573 //if(arrayPrice[8]!=''){ 4574 // obj.closest('.cart-item').find('.hiddenWholesale').val(arrayPrice[8]); 4575 // } 4576 4577 jQuery("#showTotalPrice").html(arrayPrice[2]); 4578 jQuery("#divOrderTotalPrice").find('.txtTotalPrice').html(arrayPrice[2]); 4579 jQuery(".widgetCartNumber").html(parseInt(arrayPrice[3]) >= 100 ? "99+" : arrayPrice[3]); 4580 jQuery("#showAmount").html('(' + arrayPrice[3] + ' à¸à¸´à¹à¸)'); 4581 checkPromotion(); 4582 drawWidgetCartFix(); 4583 checkSaveButton(); 4584 } 4585 }); 4586 } 4587 4588 function removeCart(data) { 4589 jQuery.ajax({ 4590 type: "POST", 4591 url: '/page/page_cart/ajaxCartController.php', 4592 data: { 4593 type: "removeCart", 4594 data: data 4595 }, 4596 success: function (returnData) { 4597 var arrayCart = returnData.split('@@'); 4598 var numberCart = parseInt(arrayCart[0]); 4599 var listCart = arrayCart[3].split(','); 4600 jQuery.each(listCart, function (key, value) { 4601 jQuery("#cartList" + (value - 1)).removeClass("border-bottom pb-3"); 4602 jQuery("#cartList" + value).remove(); 4603 }); 4604 4605 if (numberCart === 0) { 4606 jQuery("#divTitleCartList").remove(); 4607 jQuery("#divRemoveCartList").remove(); 4608 var html_empty = '' + 4609 '<div class="row">' + 4610 '<div class="col-12">' + 4611 '<div class="card card-bg theme-font mb-3">' + 4612 '<div class="card-body">' + 4613 '<div id="divCartList">' + 4614 '<div class="divEmptyStatus" id="divEmptyStatus">' + 4615 '<div class="row">' + 4616 '<div class="col-12">' + 4617 '<div class="text-center">' + 4618 '<i class="fal fa-shopping-cart fa-3x"></i>' + 4619 '<p class="text-muted fs-24 mt-3">à¹à¸¡à¹à¸¡à¸µà¸ªà¸´à¸à¸à¹à¸²à¹à¸à¸à¸°à¸à¸£à¹à¸²à¸à¸à¸à¸à¸¸à¸</p>' + 4620 '<button type="button" class="btn btn-lg-auto btn-style" id="buttonReturnShopping" onclick="returnShopping();">' + 4621 'à¸à¸¥à¸±à¸à¹à¸à¸ªà¸±à¹à¸à¸à¸·à¹à¸à¸ªà¸´à¸à¸à¹à¸²' + 4622 '</button>' + 4623 '</div>' + 4624 '</div>' + 4625 '</div>' + 4626 '</div>' + 4627 '</div>' + 4628 '</div>' + 4629 '</div>' + 4630 '</div>' + 4631 '</div>'; 4632 jQuery("#formCart").html(html_empty); 4633 jQuery("#cartTotalBox").addClass('d-none'); 4634 jQuery(".widgetCartNumber").removeClass("d-block"); 4635 jQuery(".widgetCartNumber").addClass("d-none"); 4636 jQuery(".widget_cart_fix_display").removeClass("open"); 4637 } else { 4638 jQuery("#cartTotalBox").removeClass('d-none'); 4639 } 4640 jQuery("#divOrderTotalPrice").find('.txtTotalPrice').html(arrayCart[1]); 4641 jQuery(".widgetCartNumber").html(parseInt(arrayCart[2]) >= 100 ? "99+" : arrayCart[2]); 4642 $('input[name^="quant"]').each(function () { 4643 checkAmountMax($(this)); 4644 }); 4645 checkPromotion(); 4646 drawWidgetCartFix(); 4647 checkSaveButton(); 4648 } 4649 }); 4650 } 4651 4652 //check limit fs 4653 4654 function checkLimitbuyAddtoCart(promotionid,pid,skuid,valuestock) { 4655 // var passstock = 1; 4656 // alert('fuction checkLimitbuyAddtoCart'); 4657 return jQuery.ajax({ 4658 type: "POST", 4659 url: '/page/page_cart/ajaxCartController.php', 4660 data: { 4661 type: "checkonstocklimit", 4662 valueitem : valuestock, 4663 proid : promotionid, 4664 skuChg : skuid, 4665 pid : pid 4666 } 4667 }); 4668 4669 } 4670</script>
4670 4671 4672 </div> 4673 <div class="col-12 insadsbygoogle" style="text-align: center;margin: 0 auto;display: block !important;max-width: 100%;"> 4674 </div> 4675 <!-- </div>--> 4676 </div> 4677 </div> 4678 </div> 4679 <div id="section-footer"> 4680 <style>.footer03 { 4681 text-align: center; 4682} 4683.footer03 .ul-footermenu-sub { 4684 display: block; 4685} 4686.footer03 .ul-footermenu-sub > .li-footer-sub { 4687 display: inline-block; 4688} 4689.footer03 .menuCol { 4690 width: 100% !important; 4691 padding-right: 15px; 4692 padding-left: 15px; 4693} 4694.footer03 .footerTopic { 4695 display: none !important; 4696} 4697.li-footer-sub{ 4698 border-bottom: 1px solid transparent !important; 4699 padding: 10px 20px !important; 4700} 4701@media (max-width: 1024px) { 4702 .footer03 .ul-footermenu-sub > .li-footer-sub { 4703 display: block; 4704 } 4705} 4706</style><style> 4707 #sortable_subscribe li { 4708 padding-top: 1% !important; 4709 margin: 0px !important; 4710 } 4711 .subscribeInput { 4712 display: block !important; 4713 margin: auto !important; 4714 width: 30% !important; 4715 } 4716 @media only screen and (max-width: 768px) { 4717 4718 .subscribeInput { 4719 display: block !important; 4720 margin: auto !important; 4721 width: auto !important; 4722 } 4723 .fieldSubscribe { 4724 line-height: 10px !important; 4725 } 4726 } 4727</style> 4728<footer class="footer03 footerZone"> 4729 <div id="footer-area"> 4730 <div class="container"> 4731 <div class="row"> 4732 <div class="col-12"> 4733 <style> 4734 .footerTopic{ 4735 border-bottom: 1px solid #000000; 4736 padding: 5px 0; 4737 margin-bottom: 10px; 4738 color: #1e2457; 4739 font-size:24px; 4740 font-family : 'thaisansneue_bold_webfont'; 4741 font-weight : bold; 4742 font-style : normal; 4743 text-decoration : none; 4744 } 4745 .li-footer-sub{ 4746 border-bottom: 1px solid transparent; 4747 } 4748 .li-footer-sub a{ 4749 padding-left: 0px; 4750 color: #1e2457; 4751 font-size:18px; 4752 font-family : 'thaisansneue_bold_webfont'; 4753 font-weight : normal; 4754 font-style : normal; 4755 text-decoration : none; 4756 } 4757 .li-footer-sub a:hover{ 4758 color: #cccccc; 4759 } 4760 .menuCol{ 4761 margin-bottom: 10px; 4762 } 4763 /*.menuCol:last-child{ 4764 margin-bottom: 0; 4765 }*/ 4766 </style> 4767<div class="row"> 4768 <div class="menuCol"> 4769 <div class="footerTopic" id="footermenu-head_1"> 4770 à¸à¸£à¸´à¸à¸²à¸£à¸¥à¸¹à¸à¸à¹à¸² </div> 4771 <div class="advdividerF"style="visibility: hidden;"></div> 4772 <ul class="ul-footermenu-sub"> 4773 <li class="li-footer-sub"> 4774 <a href="https://www.koffeetools.com/faq" target="_self"> 4775 à¸à¸³à¸à¸²à¸¡à¸à¸µà¹à¸à¸à¸à¹à¸à¸¢ </a> 4776 </li> 4777 <li class="li-footer-sub"> 4778 <a href="/howtoshop" target="_self"> 4779 วิà¸à¸µà¸ªà¸±à¹à¸à¸ªà¸´à¸à¸à¹à¸² </a> 4780 </li> 4781 <li class="li-footer-sub"> 4782 <a href="https://www.koffeetools.com/termscondition" target="_self"> 4783 à¸à¹à¸à¸à¸à¸¥à¸à¹à¸¥à¸°à¹à¸à¸·à¹à¸à¸à¹à¸ </a> 4784 </li> 4785 <li class="li-footer-sub"> 4786 <a href="/informpayment" target="_self"> 4787 à¹à¸à¹à¸à¸à¸³à¸£à¸°à¹à¸à¸´à¸ </a> 4788 </li> 4789 <li class="li-footer-sub"> 4790 <a href="/ordertracking" target="_self"> 4791 à¸à¸´à¸à¸à¸²à¸¡à¸ªà¸à¸²à¸à¸°à¸à¸²à¸£à¸ªà¸±à¹à¸à¸à¸·à¹à¸ </a> 4792 </li> 4793 <li class="li-footer-sub"> 4794 <a href="/aboutus" target="_self"> 4795 à¹à¸à¸µà¹à¸¢à¸§à¸à¸±à¸à¹à¸£à¸² </a> 4796 </li> 4797 <li class="li-footer-sub"> 4798 <a href="/contactus" target="_self"> 4799 à¸à¸´à¸à¸à¹à¸à¹à¸£à¸² </a> 4800 </li> 4801 </ul> 4802 </div> 4803 </div> 4804 </div> 4805 <div class="col-12"> 4806 </div> 4807 <div class="col-12"> 4808 </div> 4809 <div class="col-12"> 4810 <div class="divFooterSocial"> 4811 <style type="text/css"> 4812 .footerLineWidget, .footerLineWidget:focus,.footerLineWidget:active { 4813 background-image: linear-gradient(#80D544, #65BC3E); 4814 background-image: -webkit-linear-gradient(top, #80D544, #65BC3E); 4815 background-image: -moz-linear-gradient(top, #80D544, #65BC3E);
4816 background-image: -ms-linear-gradient(top, #80D544, #65BC3E); 4817 background-image: -o-linear-gradient(top, #80D544, #65BC3E); 4818 background-image: linear-gradient(to bottom, #80D544, #65BC3E); 4819 -webkit-border-radius: 5px; 4820 border-radius: 5px; 4821 color: #FFF; 4822 font-size: 14px; 4823 padding: 5px 8px; 4824 padding-bottom: 8px; 4825 text-decoration: none; 4826 cursor: pointer; 4827 display: inline-block; 4828 margin-right: 11px; 4829 } 4830 .footerLineWidget:hover { 4831 background-image: linear-gradient(#80D544, #65BC3E); 4832 color: #FFF; 4833 background-image: -webkit-linear-gradient(top, #65BC3E, #80D544); 4834 background-image: -moz-linear-gradient(top, #65BC3E, #80D544); 4835 background-image: -ms-linear-gradient(top, #65BC3E, #80D544); 4836 background-image: -o-linear-gradient(top, #65BC3E, #80D544); 4837 background-image: linear-gradient(to bottom, #65BC3E, #80D544); 4838 text-decoration: none; 4839 } 4840 .footerLineWidget{ 4841 font-size: 14px; 4842 } 4843 .footerWechatWidget, .footerWechatWidget:focus,.footerWechatWidget:active { 4844 background: #00BC0C; 4845 background-image: -webkit-linear-gradient(top, #00BC0C, #3cbf1c); 4846 background-image: -moz-linear-gradient(top, #00BC0C, #3cbf1c); 4847 background-image: -ms-linear-gradient(top, #00BC0C, #3cbf1c); 4848 background-image: -o-linear-gradient(top, #00BC0C, #3cbf1c); 4849 background-image: linear-gradient(to bottom, #00BC0C, #3cbf1c); 4850 -webkit-border-radius: 5px; 4851 border-radius: 5px; 4852 color: #FFF; 4853 font-size: 14px; 4854 padding: 5px 8px; 4855 padding-bottom: 8px; 4856 text-decoration: none; 4857 cursor: pointer; 4858 display: inline-block; 4859 } 4860 4861 .footerWechatWidget:hover { 4862 background: #3cbf1c; 4863 color: #FFF; 4864 background-image: -webkit-linear-gradient(top, #3cbf1c, #00BC0C); 4865 background-image: -moz-linear-gradient(top, #3cbf1c, #00BC0C); 4866 background-image: -ms-linear-gradient(top, #3cbf1c, #00BC0C); 4867 background-image: -o-linear-gradient(top, #3cbf1c, #00BC0C); 4868 background-image: linear-gradient(to bottom, #3cbf1c, #00BC0C); 4869 text-decoration: none; 4870 } 4871 .imgLineWidget,.imgWechatWidget{ 4872 width: 145px !important; 4873 height: 145px !important; 4874 } 4875 .qrcodeLogo{ 4876 width: 25px; 4877 height: 25px; 4878 } 4879 #fsocial-widget { 4880 display:block; 4881 } 4882 4883 #fsocial-widget>.faco-top { 4884 margin-bottom: 25px; 4885 } 4886 4887 .pointer-none { 4888 pointer-events: none; 4889 } 4890 4891 </style> 4892 <style> 4893 .social-widget .faco-top svg:first-child { 4894 width: 32px; 4895 height: 32px; 4896 } 4897 .LineSocial a svg:first-child { 4898 font-size: 32px; 4899 } 4900 </style> 4901<div class="social-widget" id="fsocial-widget"> 4902 <a class="faco-top fa-layers fa-fw facebookSocial" target="_blank" href="https://www.facebook.com/koffeetools"> 4903 <i class="fas fa-square-full colorFacebookBG pointer-none"></i> 4904 <i class="fa-inverse fab fa-facebook-f colorFacebook pointer-none" data-fa-transform="shrink-7"></i> 4905 </a> 4906 <a class="faco-top fa-layers fa-fw youtubeSocial " target="_blank" href="https://www.youtube.com/channel/UCwwmMxm2luOKfimcsyirCRQ"> 4907 <i class="fas fa-square-full colorYoutubeBG pointer-none"></i> 4908 <i class="fa-inverse fab fa-youtube colorYoutube pointer-none" data-fa-transform="shrink-7"></i> 4909 </a> 4910 4911 4912 4913 4914 </div> 4915 4916 <a href="http://line.me/ti/p/@koffeetools" target="_blank" class="footerLineWidget"> 4917 <div> 4918 <img class="qrcodeLogo" src="/customer/images/icon/social-line-512px.svg" alt="LINE it!" style="opacity: 1;"/> 4919 @koffeetools </div> 4920 <div class="text-center" style="margin-top: 5px;"> 4921 <img class="img-responsive imgLineWidget" style="opacity: 1;" src="https://image.makewebeasy.net/makeweb/m_1920x0/SfjcR5Jud/attach_file/promptpay/line20240503094634.png?v=20240529
49211424" /> 4922 </div> 4923 </a> 4924 4925 4926
4926<script type="text/javascript"> 4927 4928 jQuery(".footerWechatWidget").click(function () { 4929 window.parent.showModalBS(1, '/include/social/dialogSettingSocialcontroller.php?menu=wechatqrcode', 'medium', 1); 4930 }); 4931 4932</script>
4932 </div> 4933 </div> 4934 <!-- <div class="col-12"> 4935 <div class="divFooterLine"> 4936 </div> 4937 </div> --> 4938 </div> 4939 </div> 4940 </div> 4941 <div class="row m-0"> 4942 <div class="col-12"> 4943 4944 <!-- à¹à¸à¸à¹à¸«à¸¡à¹ --> 4945 <div class="text-center" style="padding: 10px;"> 4946 <a href='https://dbdregistered.dbd.go.th/api/public/shopinfo?param=483BC7CB179B545E993E530B12B71991C8B02841472F2E6B026BD16241EFD149' target="_blank"> 4947 <img src='https://dbdregistered.dbd.go.th/api/public/banner?param=483BC7CB179B545E993E530B12B71991C8B02841472F2E6B026BD16241EFD149' /> 4948 </a> 4949 </div> 4950 4951 <!-- à¹à¸à¸à¹à¸«à¸¡à¹ dynamic à¸à¸£à¸à¸µ embedCode à¸à¸µà¹à¹à¸à¹à¸ html--> 4952 <!-- <div class="text-center" style="padding: 10px;"> 4953 </div> --> 4954 4955 </div> 4956 </div> 4957 </footer> 4958 4959 </div> 4960 4961 <div class="widget_cart_fix_display "></div> 4962 </div> 4963 </div> 4964 4965 <!-- cookie consent--> 4966 4967
4967<script type="text/javascript"> 4968 var plugins = {}; 4969 plugins['fontawesome'] = {'isEnable': false}; 4970 plugins['hamburgers'] = {'isEnable': true}; 4971 plugins['imagesloaded'] = {'isEnable': false}; 4972 plugins['magnificpopup'] = {'isEnable': true}; 4973 plugins['masonry'] = {'isEnable': true}; 4974 plugins['owlcarousel'] = {'isEnable': true}; 4975 plugins['perfectscrollbar'] = {'isEnable': true}; 4976 plugins['scrollposstyler'] = {'isEnable': false}; 4977 plugins['style_mwe'] = {'isEnable': false}; 4978 plugins['all'] = {'isEnable': false}; 4979 plugins['circularloading'] = {'isEnable': true}; 4980 plugins['customerjs'] = {'isEnable': false}; 4981 plugins['customerstyle'] = {'isEnable': false}; 4982 plugins['font'] = {'isEnable': false}; 4983 plugins['fullcalendar'] = {'isEnable': true}; 4984 plugins['homebox_eventcalendar'] = {'isEnable': true}; 4985 plugins['page_calendar'] = {'isEnable': true}; 4986 plugins['page_faq'] = {'isEnable': true}; 4987 plugins['themesystem'] = {'isEnable': false}; 4988 </script>
4988 4989 <!-- JS Main --> 4990
4990<script src="https://cloud.makewebstatic.com/makeweb/prod/js/scrollPosStyler.min.js?v=202012190947"></script>
4990 4991
4991<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.flexslider-min.js?v=202604291000"></script>
4991 4992
4992<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.zoom.js?v=202604291000"></script>
4992 4993
4993<script src="https://cloud.makewebstatic.com/makeweb/prod/js/social-buttons.min.js?v=202604291000"></script>
4993 4994
4994<script src="https://cloud.makewebstatic.com/makeweb/prod/js/popper.min.js?v=202604291000"></script>
4994 4995
4995<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js?v=202604291000" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
4995 4996
4996<script src="https://cloud.makewebstatic.com/makeweb/prod/js/formValidation.min.js?v=202604291000"></script>
4996 4997
4997<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap.min.js?v=202604291000"></script>
4997 4998
4998<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=202604291000"></script>
4998 4999
4999<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-datetimepicker.min.js?v=202604291000"></script>
4999 5000
5000<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-checkbox.min.js?v=202604291000"></script>
5000 5001
5001<script src="https://cloud.makewebstatic.com/makeweb/prod/js/backtotop.min.js?v=202604291000"></script>
5001 5002
5002<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootbox.min.js?v=202102081700"></script>
5002 5003
5003<script src="https://cloud.makewebstatic.com/makeweb/prod/js/simplepagination.min.js?v=202604291000"></script>
5003 5004
5004<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-toggle.min.js?v=202604291000"></script>
5004 5005
5005<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-context.min.js?v=202604291000"></script>
5005 5006
5006<script src="https://cloud.makewebstatic.com/makeweb/prod/js/spectrum.min.js?v=202604291000"></script>
5006 5007
5007<script src="https://cloud.makewebstatic.com/makeweb/prod/js/bootstrap-select.min.js?v=202604291000"></script>
5007 5008
5008<script>var lang = "th";</script>
5008 5009
5009<script src="https://cloud.makewebstatic.com/makeweb/prod/js/modernizr.min.js?v=202604291000"></script>
5009 5010
5010<script src="https://cloud.makewebstatic.com/makeweb/prod/js/rellax_new_min.js?v=202604291000"></script>
5010 5011 <!-- JS Page --> 5012
5012<script src="https://cloud.makewebstatic.com/makeweb/prod/js/moment.min.js?v=0"></script>
5012<script src="https://cloud.makewebstatic.com/makeweb/prod/js/fullcalendar.min.js?v=0"></script>
5012<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel.min.js?v=202001111111"></script>
5012<script src="https://cloud.makewebstatic.com/makeweb/prod/js/owl.carousel2.thumbs.min.js?v=202001111111"></script>
5012<script src="https://cloud.makewebstatic.com/makeweb/prod/js/perfect-scrollbar.jquery.min.js?v=0"></script>
5012<script src="https://cloud.makewebstatic.com/makeweb/prod/js/jquery.magnific-popup.min.js?v=202012190947"></script>
5012<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/masonry.pkgd.min.js?v=0"></script>
5012 <!-- JS Main --> 5013
5013<script defer src="https://cloud.makewebstatic.com/makeweb/prod/js/all.min.js?v=1"></script>
5013 5014
5014<script type="text/javascript" src="/include/customer/customer.js?v=202510071324"></script>
5014 5015
5015<script type="text/javascript" src="https://cloud.makewebstatic.com/makeweb/prod/js/hideShowPassword.min.js?v=202604291000"></script>
5015 5016 <!-- Script CustomerPage --> 5017 <!-- Script Body --> 5018
5018<script type="text/javascript"> 5019 $(document).ready(function () { 5020 if ( 5021 navigator.platform == 'iPhone' || 5022 navigator.platform == 'iPod' || 5023 navigator.platform == 'iPad' || 5024 (navigator.platform == 'MacIntel' && navigator.maxTouchPoints != 0) 5025 ) { 5026 var $body = $('body'); 5027 var bg_attachment = $body.css('background-attachment'); 5028 if (bg_attachment == 'fixed') { 5029 var bg_size = $body.css('background-size'); 5030 if (bg_size == 'auto') { 5031 var bg_img = $body.css('background-image'); 5032 var bg_repeat = $body.css('background-repeat'); 5033 $bodyBG = $('<div class="pseudo-body-bg"></div>'); 5034 $bodyBG.css('width', '100vw'); 5035 $bodyBG.css('height', '100vh'); 5036 $bodyBG.css('position', 'fixed'); 5037 $bodyBG.css('top', '0'); 5038 $bodyBG.css('left', '0'); 5039 $bodyBG.css('background-image', bg_img); 5040 $bodyBG.css('background-repeat', bg_repeat); 5041 $bodyBG.css('z-index', '-99'); 5042 $body.prepend($bodyBG); 5043 5044 } else if (bg_size == 'cover') { 5045 var bg_img = $body.css('background-image'); 5046 var bg_repeat = $body.css('background-repeat'); 5047 var bg_pos = $body.css('background-position'); 5048 var bg_size = $body.css('background-size'); 5049 $bodyBG = $('<div class="pseudo-body-bg"></div>'); 5050 $bodyBG.css('width', '100vw'); 5051 $bodyBG.css('height', '100vh'); 5052 $bodyBG.css('position', 'fixed'); 5053 $bodyBG.css('top', '0'); 5054 $bodyBG.css('left', '0'); 5055 $bodyBG.css('background-image', bg_img); 5056 $bodyBG.css('background-repeat', bg_repeat); 5057 $bodyBG.css('background-position', bg_pos); 5058 $bodyBG.css('background-size', bg_size); 5059 $bodyBG.css('-webkit-background-size', bg_size); 5060 $bodyBG.css('-moz-background-size', bg_size); 5061 $bodyBG.css('-o-background-size', bg_size); 5062 $bodyBG.css('z-index', '-99'); 5063 $body.prepend($bodyBG); 5064 } 5065 } 5066 } 5067 }); 5068 </script>
5068 5069 <!-- Script Rellax --> 5070
5070<script type="text/javascript"> 5071 if (document.getElementsByClassName("rellax").length > 0) { 5072 if (!navigator.userAgent.match(/SamsungBrowser/i) && Modernizr.csstransforms) { 5073 var rellax = new Rellax('.rellax', { 5074 speed: -4, 5075 round: true 5076 }); 5077 } else { 5078 $(document).ready(function () { 5079 $('.rellax-view').each(function (index) { 5080 var $rellax = $(this).find('>.rellax'); 5081 var bg_img = $rellax.css('background-image'); 5082 var bg_repeat = $rellax.css('background-repeat'); 5083 var bg_xpos = $rellax.css('background-position-x'); 5084 var bg_ypos = $rellax.css('background-position-y'); 5085 var bg_size = $rellax.css('background-size'); 5086 $(this).css({ 5087 'background-image': bg_img, 5088 'background-repeat': bg_repeat, 5089 'background-position-x': bg_xpos, 5090 'background-position-y': bg_ypos, 5091 '-webkit-background-size': bg_size, 5092 '-moz-background-size': bg_repeat, 5093 '-o-background-size': bg_repeat, 5094 'background-size': bg_repeat, 5095 }).addClass('rellax-not-support'); 5096 $rellax.remove(); 5097 }); 5098 }); 5099 } 5100 } 5101 </script>
5101 5102 <!-- Script Slide --> 5103 <!-- Script WidgetCart --> 5104
5104<script> 5105 drawWidgetCartFix(); 5106 </script>
5106 5107 5108 <!-- Script MWEAds --> 5109
5109<script> 5110 // $("#divMWEAds").on("click", function (e) { 5111 // var aNode = e.target.nodeName; 5112 // if (aNode !== "B") { 5113 // window.open('https://www.makewebeasy.com'); 5114 // } 5115 // }); 5116 </script>
5116 5117 <!-- Script FB --> 5118 5119
5119<script> 5120 (function (d, s, id) { 5121 var lang = "th_TH"; 5122 var js, fjs = d.getElementsByTagName(s)[0]; 5123 if (d.getElementById(id)) 5124 return; 5125 js = d.createElement(s); 5126 js.id = id; 5127 js.async = true; 5128 js.src = "https://connect.facebook.net/" + lang + "/sdk.js#xfbml=1&version=v21.0&appId=2147261155496216"; 5129 fjs.parentNode.insertBefore(js, fjs); 5130 }(document, "script", "facebook-jssdk")); 5131 </script>
5131 5132 <!-- Script Embed --> 5133 <!-- Script More --> 5134
5134<script type="text/javascript"> 5135 function myFunctionincount(id, gid, page, homid, place, local, pagetype) { 5136 if (id !== '' && page !== '' && local !== '') { 5137 jQuery.ajax({ 5138 type: 'POST', 5139 url: '/customer/banner/store.php', 5140 data: { 5141 bnid: id, 5142 gid: gid, 5143 page: page, 5144 home: homid, 5145 place: place, 5146 local: local, 5147 pagetype: pagetype 5148 }, 5149 success: function (returnData) { 5150 if (returnData != '') { 5151 console.log(returnData); 5152 } 5153 } 5154 }); 5155 } 5156 } 5157 $(function () { 5158 $('a[href*="#"]:not([href="#"])').click(function () { 5159 if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 5160 var target = $(this.hash); 5161 target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 5162 if (target.length) { 5163 disable_scroll(); 5164 $('html,body').animate({ 5165 scrollTop: target.offset().top 5166 }, 'slow', function () { 5167 enable_scroll(); 5168 }); 5169 return false; 5170 } 5171 } 5172 }); 5173 }); 5174 function preventDefault(e) { 5175 e = e || window.event; 5176 if (e.preventDefault) 5177 e.preventDefault(); 5178 e.returnValue = false; 5179 } 5180 function wheel(e) { 5181 preventDefault(e); 5182 } 5183 function disable_scroll() { 5184 if (window.addEventListener) { 5185 window.addEventListener('DOMMouseScroll', wheel, false); 5186 } 5187 window.onmousewheel = document.onmousewheel = wheel; 5188 } 5189 function enable_scroll() { 5190 if (window.removeEventListener) { 5191 window.removeEventListener('DOMMouseScroll', wheel, false); 5192 } 5193 window.onmousewheel = document.onmousewheel = null; 5194 } 5195 5196 $(function () { 5197 $('#whatsappIcon').click(function () { 5198 let toggle = $(this).data("toggle"); 5199 if (toggle == 0) { 5200 $("#whatsappDialog").css({"opacity": "1", "pointer-events": "all", "visibility": "visible", "touch-action": "auto", "margin-bottom": "96px"}); 5201 let date = new Date(); 5202 $('.whatsappTime').html(("0" + date.getHours()).slice(-2)+':'+("0" + date.getMinutes()).slice(-2)); 5203 $(this).data("toggle", 1); 5204 } else { 5205 $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"}); 5206 $(this).data("toggle", 0); 5207 } 5208 }); 5209 $('.whatsappBtnCancel').click(function () { 5210 $("#whatsappDialog").css({"opacity": "0", "pointer-events": "none", "visibility": "hidden", "touch-action": "none", "margin-bottom": "80px"}); 5211 $('#whatsappDialog').data("toggle", 0); 5212 }); 5213 }); 5214 </script>
5214 5215
5215<script type="text/javascript"> 5216 // Img LazyLoad 5217 document.addEventListener("DOMContentLoaded", function() { 5218 var lazyImages = [].slice.call(document.querySelectorAll("img.lazy")); 5219 if ("IntersectionObserver" in window) { 5220 let lazyImageObserver = new IntersectionObserver(function(entries, observer) { 5221 entries.forEach(function(entry) { 5222 if (entry.isIntersecting) { 5223 let lazyImage = entry.target; 5224 lazyImage.src = lazyImage.dataset.src; 5225 lazyImage.classList.remove("lazy"); 5226 lazyImageObserver.unobserve(lazyImage); 5227 } 5228 }); 5229 }); 5230 5231 lazyImages.forEach(function(lazyImage) { 5232 lazyImageObserver.observe(lazyImage); 5233 }); 5234 } else { 5235 // Possibly fall back to a more compatible method here 5236 lazyImages.forEach(function(lazyImage) { 5237 lazyImage.src = lazyImage.dataset.src; 5238 lazyImage.classList.remove("lazy"); 5239 }); 5240 } 5241 }); 5242 // Iframe LazyLoad 5243 document.addEventListener("DOMContentLoaded", function() { 5244 var lazyIframes = [].slice.call(document.querySelectorAll("iframe.lazy")); 5245 if ("IntersectionObserver" in window) { 5246 let lazyIframeObserver = new IntersectionObserver(function(entries, observer) { 5247 entries.forEach(function(entry) { 5248 if (entry.isIntersecting) { 5249 let lazyIframe = entry.target; 5250 lazyIframe.src = lazyIframe.dataset.src; 5251 lazyIframe.classList.remove("lazy"); 5252 lazyIframeObserver.unobserve(lazyIframe); 5253 } 5254 }); 5255 }); 5256 5257 lazyIframes.forEach(function(lazyIframe) { 5258 lazyIframeObserver.observe(lazyIframe); 5259 }); 5260 } else { 5261 lazyIframes.forEach(function(lazyIframe) { 5262 lazyIframe.src = lazyIframe.dataset.src; 5263 lazyIframe.classList.remove("lazy"); 5264 }); 5265 } 5266 }); 5267 </script>
5267 5268
5268<script type="text/javascript"> 5269 // Img Opacity 5270 (function ($) { 5271 "use strict"; 5272 $.fn.visible = function (partial) { 5273 if (typeof ($(this).offset()) !== 'undefined') { 5274 var $t = $(this), 5275 $w = $(window), 5276 viewTop = $w.scrollTop(), 5277 viewBottom = viewTop + $w.height(), 5278 _top = $t.offset().top, 5279 _bottom = _top + $t.height(), 5280 compareTop = partial === true ? _bottom : _top, 5281 compareBottom = partial === true ? _top : _bottom; 5282 return (((compareBottom <= viewBottom) && (compareTop >= viewTop)) || ((compareBottom <= viewBottom) && (compareTop >= viewTop))); 5283 } 5284 }; 5285 jQuery(window).ready(function ($) { 5286 var bkWindow = jQuery(window), bkthumbnail = [], bkthumbnailfooter = []; 5287 //bkRatingBars = $('.bk-overlay').find('.bk-zero-trigger'), 5288 5289 jQuery('body img').not('.imgLineWidget').imagesLoaded(function () { 5290 bkthumbnail = $('#section-content').find('img:not(.zoomImg)'); 5291 bkthumbnailfooter = $('#section-footer').find('img:not(.zoomImg)'); 5292 }).progress(function (instance, image) { 5293 var result = image.isLoaded ? 'loaded' : 'broken'; 5294 if (($(image.img).visible(true)) && ($(image.img).css('opacity') == 0)) { 5295 $(image.img).css('opacity', '1'); 5296 } 5297 if ($(image.img).hasClass("infoThumbProduct") || $(image.img).attr("id") == "compareProductDisplay" || $(image.img).hasClass("fill")) { 5298 $(image.img).css('opacity', '1'); 5299 } 5300 if ($(image.img).closest(".owl-item").length > 0) { 5301 $(image.img).css('opacity', '1'); 5302 var height = $(image.img).height(); 5303 $(image.img).css("height", height); 5304 } 5305 }); 5306 bkWindow.scroll(function (event) { 5307 $.each(bkthumbnail, function (i, value) { 5308 var bkValue = $(value); 5309 if ((bkValue.visible(true)) && (bkValue.css('opacity') == 0) && !bkValue.hasClass('lazy')) { 5310 bkValue.css('opacity', '1'); 5311 } 5312 }); 5313 $.each(bkthumbnailfooter, function (i, value) { 5314 var bkValueft = $(value); 5315 if ((bkValueft.visible(true)) && (bkValueft.css('opacity') == 0) && !bkValueft.hasClass('lazy')) { 5316 bkValueft.css('opacity', '1'); 5317 } 5318 }); 5319 }); 5320 }); 5321 })(jQuery); 5322 </script>
5322 5323 5324
5324<script type="text/javascript"> 5325 $(function () { 5326 $('a[href^="tel:"], a[href^="Tel:"]').click(function () { 5327 clickConversion('call'); 5328 }); 5329 $('a[href*="line.me"], a[href*="lin.ee"]').click(function () { 5330 if($(this).hasClass('LineSocialPD')) return; 5331 clickConversion('line'); 5332 }); 5333 $('a[href*="instagram.com"]').click(function () { 5334 clickConversion('instagrams'); 5335 }) 5336 $('a[href*="facebook.com"], a[href*="fb.me"]').click(function () { 5337 if($(this).hasClass('facebookSocialPD')) return; 5338 clickConversion('facebook'); 5339 }) 5340 }); 5341 function clickConversion(snippetType, value = null, transectionId = null) { 5342 switch(snippetType) { 5343 case 'facebook': 5344 console.log('facebook'); 5345 5346 5347 gtag('event', 'conversion', { 5348 'send_to': 'AW-390014480/vAgoCLTouf8BEJDM_LkB', 5349 'value': 187.31079779149, 5350 'currency': 'THB' 5351 }); 5352 5353 break; 5354 case 'instagrams': 5355 5356 5357 gtag('event', 'conversion', { 5358 'send_to': 'AW-390014480/QdU5CJWi2P8BEJDM_LkB', 5359 'value': 187.31079779149, 5360 'currency': 'THB' 5361 }); 5362 5363 break; 5364 case 'line': 5365 5366 5367 gtag('event', 'conversion', { 5368 'send_to': 'AW-390014480/RxAjCLrouf8BEJDM_LkB', 5369 'value': 187.31079779149, 5370 'currency': 'THB' 5371 }); 5372 5373 break; 5374 case 'call': 5375 5376 5377 gtag('event', 'conversion', { 5378 'send_to': 'AW-390014480/a7KICMDouf8BEJDM_LkB', 5379 'value': 187.31079779149, 5380 'currency': 'THB' 5381 }); 5382 5383 break; 5384 case 'contact': 5385 console.log('contact'); 5386 5387 5388 gtag('event', 'conversion', { 5389 'send_to': 'AW-390014480/k4jyCMzj0f8BEJDM_LkB', 5390 'value': 187.31079779149, 5391 'currency': 'THB' 5392 }); 5393 5394 break; 5395 case 'purchase': 5396 5397 5398 gtag('event', 'conversion', { 5399 'send_to': 'AW-390014480/f2v7CJii2P8BEJDM_LkB', 5400 'value': 1.0, 5401 'currency': 'THB', 5402 'transaction_id': '' 5403 }); 5404 5405 break; 5406 default: 5407 5408 break; 5409 } 5410 } 5411 </script>
5411 5412 5413 5414 <!-- Script Schema --> 5415 <style> 5416 @media (max-width: 992px){ 5417 .widget-overlay .fb-customerchat span iframe , 5418 .widget-overlay .fb_dialog .fb_dialog_content iframe , 5419 .widget-overlay .fb_dialog_mobile .fb_dialog_content iframe, 5420 .widget-overlay iframe.fb_mpn_mobile_landing_page_slide_up { 5421 bottom: 70px !important 5422 } 5423 #toTop.widget-to-top { 5424 bottom : 150px !important; 5425 } 5426 #unknown{ 5427 bottom : 60px !important; 5428 } 5429 } 5430 .fb_new_ui_mobile_overlay_active { 5431 overflow: auto !important; 5432 } 5433 </style> 5434 5435 5436 </body> 5437</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.