1<!doctype html> 2<!--[if IE 8]><html class="no-js lt-ie9" lang="vi"> <![endif]--> 3<!--[if IE 9 ]><html class="ie9 no-js"> <![endif]--> 4<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="vi"> <!--<![endif]--> 5<head> 6 <!-- Harasocial -->
6<script src="https://assets.harafunnel.com/widget/1585576378355617/1966860.js" async="async"></script>
6 7 <meta name="google-site-verification" content="tAQYCwDYnzkjiHRJhROCGtuqywrRBoskh8p_I01dnuQ" /> 8 <!-- Basic page needs ================================================== --> 9 <meta charset="utf-8"> 10 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 11 <meta property="og:locale" content="vi_VN"> 12 <link rel="alternate" hreflang="x-default" href="https://www.bayard.vn"> 13 <link rel="alternate" hreflang="vi" href="https://www.bayard.vn"> 14 <meta name="revisit" content="1 days"> 15 <meta name="robots" content="index,follow"> 16 17 <link rel="shortcut icon" href="//cdn.hstatic.net/themes/200001065489/1001403944/14/favicon.png?v=593" type="image/png" /> 18 19 <!-- Title and description ================================================== --> 20 <title> 21 Tà i khoản – Nhà LKXB Công Giáo 22 </title> 23 24 <!-- Helpers ================================================== --> 25 <!-- /snippets/social-meta-tags.liquid --> 26 27 28<meta property="og:type" content="website"> 29<meta property="og:title" content="Tài khoản"> 30<meta property="og:image" content="http://cdn.hstatic.net/themes/200001065489/1001403944/14/share_fb_home.png?v=593"> 31<meta property="og:image:secure_url" content="https://cdn.hstatic.net/themes/200001065489/1001403944/14/share_fb_home.png?v=593"> 32 33<meta property="og:url" content="https://www.bayard.vn/account/login"> 34<meta property="og:site_name" content="Nhà LKXB Công Giáo"> 35 36 37 38<meta name="twitter:site" content="@https://"> 39 40 41<meta name="twitter:card" content="summary"> 42 43 44 45 <link rel="canonical" href="https://www.bayard.vn/account/login"> 46 <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> 47 <meta name="theme-color" content="#d51c24"> 48 <!-- CSS ================================================== --> 49 <link href='//cdn.hstatic.net/themes/200001065489/1001403944/14/timber.scss.css?v=593' rel='stylesheet' type='text/css' media='all' /> 50 <link href='//cdn.hstatic.net/themes/200001065489/1001403944/14/suplo-style.scss.css?v=593' rel='stylesheet' type='text/css' media='all' /> 51 <link href='//cdn.hstatic.net/themes/200001065489/1001403944/14/owl.carousel.css?v=593' rel='stylesheet' type='text/css' media='all' /> 52 <link href='//cdn.hstatic.net/themes/200001065489/1001403944/14/owl.theme.css?v=593' rel='stylesheet' type='text/css' media='all' /> 53 <link href='//cdn.hstatic.net/themes/200001065489/1001403944/14/owl.transitions.css?v=593' rel='stylesheet' type='text/css' media='all' /> 54 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> 55 <!-- Header hook for plugins ================================================== --> 56 57
57<script type='text/javascript'> 58//<![CDATA[ 59if ((typeof Haravan) === 'undefined') { 60 Haravan = {}; 61} 62Haravan.culture = 'vi-VN'; 63Haravan.shop = 'bayardvietnam-1.myharavan.com'; 64Haravan.theme = {"name":"suplo book","id":1001403944,"role":"main"}; 65Haravan.domain = 'www.bayard.vn'; 66//]]> 67</script>
vendor: 1 bytes, line 67
67
68<script> 69//<![CDATA[ 70(function() { function asyncLoad() { var urls = ["","https://app.hstatic.net/socialloginplus/200001065489/script-tag.js?v=1764746201715","https://onapp.haravan.com/promotionbar/embed/asset/frontend/promotionbar.js?shop=bayardvietnam-1.myharavan.com&ver=1773045146983","https://hstatic.net/489/200001065489/20/2026/2-23/noname_f99ffb9e53a3492d8cc82b54327f8898.js","https://app.hstatic.net/productupsell/script_tag_200001065489.js?v=1772421945268"];for (var i = 0; i < urls.length; i++) {var s = document.createElement('script');s.type = 'text/javascript';s.async = true;s.src = urls[i];var x = document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s, x);}}window.attachEvent ? window.attachEvent('onload', asyncLoad) : window.addEventListener('load', asyncLoad, false);})(); 71//]]> 72</script>
vendor: 1 bytes, line 72
72
73<script defer src='https://stats.hstatic.net/beacon.min.js' hrv-beacon-t='200001065489'></script>
73<style>.grecaptcha-badge{visibility:hidden;}</style>
74<script type='text/javascript'> 75window.HaravanAnalytics = window.HaravanAnalytics || {}; 76window.HaravanAnalytics.meta = window.HaravanAnalytics.meta || {}; 77window.HaravanAnalytics.meta.currency = 'VND'; 78var meta = {"page":{"pageType":"login"}}; 79for (var attr in meta) { 80 window.HaravanAnalytics.meta[attr] = meta[attr]; 81} 82window.HaravanAnalytics.AutoTrack = true; 83</script>
vendor: 64 bytes, lines 83-84
83 84<script async src='https://www.googletagmanager.com/gtag/js?id=
84G-EJ42XWVENX
vendor: 11 bytes, line 84
84'></script>
84<script> 85window.HaravanAnalytics.ga4 = "G-EJ42XWVENX"; 86window.HaravanAnalytics.enhancedEcommercev4 = true;
vendor: 127 bytes, lines 87-90
87window.dataLayer = window.dataLayer || []; 88function gtag(){dataLayer.push(arguments);} 89gtag('js', new Date()); 90gtag('config', '
90G-EJ42XWVENX
vendor: 4 bytes, line 90
90');
91</script>
91 92 <!-- /snippets/oldIE-js.liquid --> 93 94 95<!--[if lt IE 9]>
96<script src='//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js' type='text/javascript'></script>
vendor: 1 bytes, line 96
96
97<script src='//cdn.hstatic.net/themes/200001065489/1001403944/14/respond.min.js?v=593' type='text/javascript'></script>
97 98<link href="//cdn.hstatic.net/themes/200001065489/1001403944/14/respond-proxy.html" id="respond-proxy" rel="respond-proxy" /> 99<link href="//www.bayard.vn/search?q=b3f118fc32a7212c2502ddc8486f624b" id="respond-redirect" rel="respond-redirect" />
100<script src="//www.bayard.vn/search?q=b3f118fc32a7212c2502ddc8486f624b" type="text/javascript"></script>
100 101<![endif]--> 102 103 104
104<script src='//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js' type='text/javascript'></script>
104 105
105<script src='//cdn.hstatic.net/themes/200001065489/1001403944/14/modernizr.min.js?v=593' type='text/javascript'></script>
105 106
106<script src='//cdn.hstatic.net/themes/200001065489/1001403944/14/owl.carousel.min.js?v=593' type='text/javascript'></script>
106 107 108
108<script src='//cdn.hstatic.net/themes/200001065489/1001403944/14/lastviewproduct.js?v=593' type='text/javascript'></script>
108 109 110 111 112 113 114 115 116 <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=vietnamese" rel="stylesheet"> 117 118 119 120 121 122 123 124 125 126 127 128 129
129<script src='https://cdn.hstatic.net/shared/haravan_common.js' type='text/javascript'></script>
129 130 131
131<script> 132 window.file_url = "//file.hstatic.net/200001065489/file/"; 133 window.asset_url = "//cdn.hstatic.net/themes/200001065489/1001403944/14/?v=593"; 134 var check_variant = true; 135 var check_variant_quickview = true; 136 </script>
136 137</head> 138 139<body id="tai-khoan" class="body-other template-customers-login" > 140 141 <div id="fb-root"></div>
142<script>(function(d, s, id) { 143 var js, fjs = d.getElementsByTagName(s)[0]; 144 if (d.getElementById(id)) return; 145 js = d.createElement(s); js.id = id; 146 js.src = 'https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.11'; 147 fjs.parentNode.insertBefore(js, fjs); 148}(document, 'script', 'facebook-jssdk'));</script>
148 149 150 151 152 <!-- HRV LAST VIEW PRODUCT --> 153
153<script> 154 var lastViewProducts = new LastViewProducts({ 155 max: 10 156 }); 157 </script>
157 158 <!-- END: HRV LAST VIEW PRODUCT --> 159 160 161 162 163 164<div id="NavDrawer" class="drawer drawer--right"> 165 <div class="drawer__header"> 166 <div class="drawer__close js-drawer-close"> 167 <button type="button" class="icon-fallback-text"> 168 <span>Äóng</span><i class="fa fa-times" aria-hidden="true"></i> 169 </button> 170 </div> 171 </div> 172 <!-- begin mobile-nav --> 173 <ul class="mobile-nav"> 174 <li class="mobile-nav__item mobile-nav__search"> 175 176<div class="search-form-wrapper-mb" data-id="im here"> 177 <form id="searchauto_mb" action="/search" class="searchform-categoris ultimate-search"> 178 <div class="wpo-search"> 179 <div class="wpo-search-inner"> 180 181 <div class="input-group"> 182 183 <input id="searchtext_mb" onkeyup="myKeyup_mb()" name="q" value="" id="s" maxlength="40" class="form-control input-search" type="text" size="20" placeholder="Nháºp tên sách hoặc tác giả bạn yêu thÃch......"> 184 185 <span class="input-group-btn"> 186 <button type="submit" id="searchsubmit_mb"><i class="fa fa-search" aria-hidden="true"></i></button> 187 </span> 188 </div> 189 </div> 190 <input type="hidden" class="collection_id" value="(collectionid:product>=0)" /> 191 192 <input type="hidden" class="collection_handle" value="all" /> 193 194 <input type="hidden" class="collection_name" value="all" /> 195 196 </div> 197 198 </form> 199 <div id="search_smart_mb" class="smart-search-wrapper search-wrapper"> 200 <div id="product_mb"> 201 202 </div> 203 204 <div id="article_mb"> 205 206 </div> 207 <div id="load_mb"> 208 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/loading1.gif?v=593" alt="loading"> 209 </div> 210 211 </div> 212</div> 213
214<script> 215$('#searchauto_mb').submit(function(e){ 216 e.preventDefault(); 217 window.location = `/search?q=filter=(title:product**${$('#searchtext_mb').val()})&type=product`; 218}) 219 220</script>
220 221 222 223
224<script> 225 226function selectSuggest_mb(act){ 227 228 cur = $('.smart-search-wrapper > .select').index(); 229 230 length = $('.smart-search-wrapper > a').length; 231 232 if (act == 38) 233 { 234 235 if (cur == -1 || cur == 0) 236 237 cur = length - 1; 238 239 else 240 241 cur = cur - 1; 242 243 } 244 245 246 if (act == 40){ 247 248 if (cur == -1 || cur == length - 1) 249 250 cur = 0; 251 252 else 253 254 cur = cur + 1; 255 } 256 257 $('.smart-search-wrapper>a').removeClass('select'); 258 259 $('.smart-search-wrapper>a:nth-child('+ ( cur + 1)+')').addClass('select'); 260 261 262 $('.ultimate-search input[name=q]').val($('.smart-search-wrapper>.select').attr('data-title')); 263 return false; 264} 265 266function myKeyup_mb() { 267 var x_mb = document.getElementById("searchtext_mb"); 268 if(x_mb.value == ''){ 269 document.getElementById("load_mb").classList.remove("loading"); 270 return; 271 }else{ 272 document.getElementById("load_mb").classList.add("loading"); 273 } 274} 275 276 277 278(function($) { 279 280 $.fn.smartSearch_mb = function(_option) { 281 282 var o, issending = false, 283 284 timeout = null; 285 286 var option = { 287 smartoffset: true, //auto calc offset 288 289 searchoperator: '**', //** contain, *= begin with, =* end with 290 291 searchfield: "title", 292 293 searchwhen: 'keyup', //0: after keydown, 1: after keypress, after space 294 295 searchdelay: 500, //delay time before load data 296 297 }; 298 299 if (typeof(_option) !== 'undefined') { 300 301 $.each(_option, function(i, v) { 302 303 if (typeof(_option[i]) !== 'undefined') option[i] = _option[i]; 304 305 }) 306 } 307 308 o = $(this); 309 310 o.attr('autocomplete', 'off'); 311 312 this.bind(option.searchwhen, function(event) { 313 314 if (event.keyCode == 38 || event.keyCode == 40 || event.keyCode == 37 || event.keyCode == 39) { 315 return selectSuggest_mb(event.keyCode); 316 } else { 317 $(".smart-search-wrapper #product_mb").html(''); 318 $(".smart-search-wrapper #article_mb").html(''); 319 clearTimeout(timeout); 320 321 timeout = setTimeout(l_mb, option.searchdelay, $(this).val()); 322 323 } 324 325 }); 326 327 328 329 var l_mb = async function(t) { 330 $('#load_mb').addClass('loading'); 331 if(t == ''){ 332 $(".smart-search-wrapper #product_mb").html(''); 333 $(".smart-search-wrapper #article_mb").html(''); 334 $('#load_mb').removeClass('loading'); 335 return; 336 } 337 338 $(".smart-search-wrapper #product_mb").html(''); 339 $(".smart-search-wrapper #article_mb").html(''); 340 341 var data_prod= false; 342 var data_artic = false; 343 var data_null = false; 344 if (issending) return this; 345 346 issending = true; 347 348 349 await $.ajax({ 350 url: `/search?q=filter=(title:product**${t})&type=product&view=products`, 351 dataType: "JSON", 352 success: function(data) { 353 if(data.length == 0 ) { 354 data_prod = true; 355 }else{ 356 if($(".search-form-wrapper-mb .smart-search-wrapper #product_mb .smart_search_prod").length == 0){ 357 var view_prod_next_mb = ''; 358 var length_data_mb = data.length - 3; 359 if(data.length < 4){ 360 view_prod_next_mb = ''; 361 }else{ 362 view_prod_next_mb = `<a id="view_article" href="/search?q=filter=(title:product**${t})&type=product" class="left">Xem thêm(${length_data_mb})</a>`; 363 } 364 $('.search-form-wrapper-mb .smart-search-wrapper #product_mb').append(` 365 <div class='smart_search_prod'> 366 <div class="search_prod_title"> 367 <span class="left">Sản phẩm</span> 368 ${view_prod_next_mb} 369 </div> 370 </div> 371 `); 372 } 373 p(); 374 375 for(var i=0; i< data.length; i++){ 376 var data1 = data[i]; 377 if(i === 3){ 378 break; 379 } 380 var product_title; 381 if(data1.title.length > 20){ 382 var product_title = data1.title.substring(0, 20) + '...'; 383 } else { 384 var product_title = data1.title; 385 } 386 var image = ''; 387 if(data1.featured_image == '' || data1.featured_image == undefined || data1.featured_image == null){ 388 image = "//cdn.hstatic.net/themes/200001065489/1001403944/14/no-image.png?v=593"; 389 }else{ 390 image = data1.featured_image; 391 } 392 var compare_at_price_true_mb; 393 if (data1.compare_at_price == '0'){ 394 compare_at_price_true_mb = ''; 395 }else{ 396 compare_at_price_true_mb = `<span class="compare_at_price">${Haravan.formatMoney(data1.compare_at_price)}
396â«</span>` 397 } 398 var alt_img = product_title.substring(0, 5) + '...'; 399 if($(".search-form-wrapper-mb .smart-search-wrapper #product_mb .search-wrapper").length < 3){ 400 $(".search-form-wrapper-mb .smart-search-wrapper #product_mb .smart_search_prod").append(` 401 <a href="${data1.url}" class='search-wrapper'> 402 <div class="prod_img"> 403 <img src="${image}" alt="${alt_img}"> 404 </div> 405 <div class="prod_info"> 406 <span class="prod_title">${product_title}</span> 407 <div class="prod_info_price"> 408 <span class="price">${Haravan.formatMoney(data1.price)} â«</span> 409 ${compare_at_price_true_mb} 410 </div> 411 </div> 412 </a> 413 `) 414 } 415 } 416 } 417 } 418 }); 419 420 await $.ajax({ 421 url: `/search?q=filter=(title:article**${t})&type=article&view=article`, 422 dataType: "JSON", 423 success: function(data) { 424 if(data == 0) { 425 data_artic = true; 426 }else{ 427 if($(".search-form-wrapper-mb .smart-search-wrapper #article_mb .smart_search_artic").length == 0){ 428 var view_artic_next1_mb = ''; 429 var length_data1_mb = data.length - 2; 430 if(data.length < 3){ 431 view_artic_next1_mb = ''; 432 }else{ 433 view_artic_next1_mb = `<a data-id="artic" href="/search?q=filter=(title:article**${t})&type=article" class="left">Xem thêm(${length_data1_mb})</a>`; 434 } 435 $('.search-form-wrapper-mb .smart-search-wrapper #article_mb').append(` 436 <div class='smart_search_artic'> 437 <div class="search_artic_title"> 438 <span class="left">Bà i viết</span> 439 ${view_artic_next1_mb} 440 </div> 441 </div> 442 `); 443 } 444 p(); 445 for(var i=0; i< data.length; i++){ 446 var data1 = data[i]; 447 if(i === 2){ 448 break; 449 } 450 451 var artic_title; 452 var text1 ; 453 454 if(data1.text.includes('####')){ 455 text1 = data1.text.split('####')[1]; 456 }else{ 457 text1 = data1.text; 458 } 459 460 if(data1.title.length > 20){ 461 var artic_title = data1.title.substring(0, 20) + '...'; 462 } else { 463 var artic_title = data1.title; 464 } 465 466 var artic_text; 467 468 if(text1.length > 40){ 469 artic_text = text1.substring(0, 40) + '...'; 470 } else { 471 artic_text = text1; 472 } 473 var image; 474 if(data1.image){ 475 image = data1.image; 476 }else{ 477 image = "//cdn.hstatic.net/themes/200001065489/1001403944/14/no-image.png?v=593"; 478 } 479 var alt_img = artic_title.substring(0, 10) + '...'; 480 if($(".search-form-wrapper-mb .smart-search-wrapper #article_mb .search-wrapper").length < 2){ 481 $(".search-form-wrapper-mb .smart-search-wrapper #article_mb .smart_search_artic").append(` 482 <a href="${data1.url}" class='search-wrapper'> 483 <div class="artic_img"> 484 <img src="${image}" alt="${alt_img}"> 485 </div> 486 <div class="artic_info"> 487 <span class="artic_title" >${artic_title}</span> 488 <div class="artic_info_price"> 489 <span class="artic_txt">${artic_text}</span> 490 </div> 491 </div> 492 </a> 493 `) 494 } 495 } 496 } 497 var textIpnput = $('#searchtext_mb').val(); 498 issending = false; 499 }, 500 501 error: function (xhr, ajaxOptions, thrownError) { 502 console.log("lá»i ajax",xhr, ajaxOptions, thrownError) 503 } 504 }); 505 506 function check_data1(){ 507 if(data_prod == true && data_artic == true && t != ''){ 508 $(".smart-search-wrapper #product_mb").html(''); 509 $(".smart-search-wrapper #article_mb").html(''); 510 if($('#product_mb p.null').length == 0){ 511 $(".smart-search-wrapper #product_mb").html('<p class="null">không có kết quả nà o cho: <span>'+$('#searchtext_mb').val()+'</span></p>'); 512 } 513 }else if(data_prod && !data_artic){ 514 if($('#product_mb p.product_null').length == 0){ 515 $('#search_smart_mb #product_mb').append(`<p class="product_null">Không có sản phẩm nà o cho: <span>${$('#searchtext_mb').val()}</span></p>`); 516 } 517 }else if(data_artic && !data_prod){ 518 if($('#product_mb p.article_null').length == 0){ 519 $('#search_smart_mb #article_mb').append(`<p class="article_null">Không có tin tức nà o cho: <span>${$('#searchtext_mb').val()}</span></p>`); 520 } 521 } 522 $('#load_mb').removeClass('loading'); 523 } 524 await check_data1(); 525 } 526 527 528 $(window).resize(function() { 529 530 p(); 531 532 }); 533 534 $(window).scroll(function() { 535 536 p(); 537 538 }); 539 540 541 // $(this).blur(function(){ 542 543 // $('.smart-search-wrapper.search-wrapper').slideUp(); 544 545 // }); 546 547 var p = function() { 548 549 if( ! o.offset() ) { 550 551 return; 552 553 } 554 555 $(".smart-search-wrapper.search-wrapper").css("width", "100%"); 556 557 $(".smart-search-wrapper.search-wrapper").css("left", o.offset().left + "px"); 558 559 if (option.smartoffset) { 560 561 h = $(".smart-search-wrapper.search-wrapper").height(); 562 563 if (h + o.offset().top - $(window).scrollTop() + o.outerHeight() > $(window).height()) { 564 565 $(".smart-search-wrapper.search-wrapper").css('top', ''); 566 567 $(".smart-search-wrapper.search-wrapper").css('bottom', ($(window).scrollTop() + $(window).height() - o.offset().top) + "px"); 568 569 } else { 570 571 $(".smart-search-wrapper.search-wrapper").css('bottom', ''); 572 573 $(".smart-search-wrapper.search-wrapper").css('top', (o.offset().top - $(window).scrollTop() + o.outerHeight()) + "px"); 574 575 } 576 577 } else { 578 579 $(".smart-search-wrapper.search-wrapper").css('top', h + o.offset().top ); 580 581 } 582 583 } 584 585 return this; 586 587 }; 588}(jQuery)); 589 590 591jQuery('.ultimate-search #searchtext_mb').smartSearch_mb({searchdelay:600, wrapper: 'search-wrapper', collection:'.collection_id'}); 592 593 594</script>
594 595 596 597 598 599 600 </li> 601 602 603 604 <li class="mobile-nav__item"> 605 <a href="/" class="mobile-nav__link">Trang chá»§</a> 606 </li> 607 608 609 610 611 <li class="mobile-nav__item"> 612 <a href="/collections/all" class="mobile-nav__link">Tất cả sản phẩm</a> 613 </li> 614 615 616 617 618 <li class="mobile-nav__item" aria-haspopup="true"> 619 <div class="mobile-nav__has-sublist"> 620 <a href="/" class="mobile-nav__link">Sách theo chá»§ Äá»</a> 621 <div class="mobile-nav__toggle"> 622 <button type="button" class="icon-fallback-text mobile-nav__toggle-open"> 623 <span class="icon icon-plus" aria-hidden="true"></span> 624 <span class="fallback-text">See More</span> 625 </button> 626 <button type="button" class="icon-fallback-text mobile-nav__toggle-close"> 627 <span class="icon icon-minus" aria-hidden="true"></span> 628 <span class="fallback-text">"Äóng Giá» hà ng"</span> 629 </button> 630 </div> 631 </div> 632 <ul class="mobile-nav__sublist"> 633 634 <li class="mobile-nav__item" aria-haspopup="true"> 635 <div class="mobile-nav__has-sublist"> 636 <a href="/collections/thieu-nhi-cong-giao" class="mobile-nav__link">Sách thiếu nhi</a> 637 638 </div> 639 640 </li> 641 642 <li class="mobile-nav__item" aria-haspopup="true"> 643 <div class="mobile-nav__has-sublist"> 644 <a href="/collections/than-hoc-cong-giao" class="mobile-nav__link">Sách Thần há»c</a> 645 646 </div> 647 648 </li> 649 650 <li class="mobile-nav__item" aria-haspopup="true"> 651 <div class="mobile-nav__has-sublist"> 652 <a href="/collections/triet-hoc-cong-giao" class="mobile-nav__link">Sách Triết há»c</a> 653 654 </div> 655 656 </li> 657 658 <li class="mobile-nav__item" aria-haspopup="true"> 659 <div class="mobile-nav__has-sublist"> 660 <a href="/collections/doi-song-duc-tin" class="mobile-nav__link">Sách Äá»i sá»ng Äức tin</a> 661 662 </div> 663 664 </li> 665 666 <li class="mobile-nav__item" aria-haspopup="true"> 667 <div class="mobile-nav__has-sublist"> 668 <a href="/collections/tap-san" class="mobile-nav__link">Táºp san</a> 669 670 <div class="mobile-nav__toggle"> 671 <button type="button" class="icon-fallback-text mobile-nav__toggle-open"> 672 <span class="icon icon-plus" aria-hidden="true"></span> 673 <span class="fallback-text">See More</span> 674 </button> 675 <button type="button" class="icon-fallback-text mobile-nav__toggle-close"> 676 <span class="icon icon-minus" aria-hidden="true"></span> 677 <span class="fallback-text">"Äóng Giá» hà ng"</span> 678 </button> 679 </div> 680 681 </div> 682 683 <ul class="mobile-nav__sublist"> 684 685 <li class="mobile-nav__item "> 686 <a href="/collections/song-loi-chua" class="mobile-nav__link">Sá»ng Lá»i Chúa</a> 687 </li> 688 689 <li class="mobile-nav__item "> 690 <a href="/collections/loi-vao-dat" class="mobile-nav__link">Lá»i vào Äất</a> 691 </li> 692 693 </ul> 694 695 </li> 696 697 <li class="mobile-nav__item" aria-haspopup="true"> 698 <div class="mobile-nav__has-sublist"> 699 <a href="/collections/giao-duc-va-thang-tien-con-nguoi" class="mobile-nav__link">Giáo dục và ThÄng tiến con ngưá»i</a> 700 701 <div class="mobile-nav__toggle"> 702 <button type="button" class="icon-fallback-text mobile-nav__toggle-open"> 703 <span class="icon icon-plus" aria-hidden="true"></span> 704 <span class="fallback-text">See More</span> 705 </button> 706 <button type="button" class="icon-fallback-text mobile-nav__toggle-close"> 707 <span class="icon icon-minus" aria-hidden="true"></span> 708 <span class="fallback-text">"Äóng Giá» hà ng"</span> 709 </button> 710 </div> 711 712 </div> 713 714 <ul class="mobile-nav__sublist"> 715 716 <li class="mobile-nav__item "> 717 <a href="/collections/tam-ly-hoc" class="mobile-nav__link">Tâm lý há»c</a> 718 </li> 719 720 </ul> 721 722 </li> 723 724 </ul> 725 </li> 726 727 728 729 730 <li class="mobile-nav__item" aria-haspopup="true"> 731 <div class="mobile-nav__has-sublist"> 732 <a href="/" class="mobile-nav__link">Sách theo thương hiá»u</a> 733 <div class="mobile-nav__toggle"> 734 <button type="button" class="icon-fallback-text mobile-nav__toggle-open"> 735 <span class="icon icon-plus" aria-hidden="true"></span> 736 <span class="fallback-text">See More</span> 737 </button> 738 <button type="button" class="icon-fallback-text mobile-nav__toggle-close"> 739 <span class="icon icon-minus" aria-hidden="true"></span> 740 <span class="fallback-text">"Äóng Giá» hà ng"</span> 741 </button> 742 </div> 743 </div> 744 <ul class="mobile-nav__sublist"> 745 746 <li class="mobile-nav__item" aria-haspopup="true"> 747 <div class="mobile-nav__has-sublist"> 748 <a href="/collections/bayard" class="mobile-nav__link">Bayard</a> 749 750 </div> 751 752 </li> 753 754 <li class="mobile-nav__item" aria-haspopup="true"> 755 <div class="mobile-nav__has-sublist"> 756 <a href="/collections/bayard-jeunesse" class="mobile-nav__link">Bayard Jeunesse</a> 757 758 </div> 759 760 </li> 761 762 <li class="mobile-nav__item" aria-haspopup="true"> 763 <div class="mobile-nav__has-sublist"> 764 <a href="/collections/song-loi-chua" class="mobile-nav__link">Sá»ng Lá»i Chúa</a> 765 766 </div> 767 768 </li> 769 770 </ul> 771 </li> 772 773 774 775 776 <li class="mobile-nav__item"> 777 <a href="/collections/an-pham-khac" class="mobile-nav__link">Ấn phẩm khác</a> 778 </li> 779 780 781 782 783 <li class="mobile-nav__item"> 784 <a href="/collections/combo-sach" class="mobile-nav__link">Hot Combo</a> 785 </li> 786 787 788 789 790 791 792 <li class="mobile-nav__item"> 793 <a href="/account/login" id="customer_login_link">ÄÄng nháºp</a> 794 </li> 795 <li class="mobile-nav__item"> 796 <a href="/account/register" id="customer_register_link">Tạo tà i khoản</a> 797 </li> 798 799 800 </ul> 801 <!-- //mobile-nav --> 802</div> 803 804<div class="cart-overlay"></div> 805 806 807 808 809 810 811 812 813<div id="CartDrawer" class="drawer drawer--left"> 814 <div class="drawer__header"> 815 <div class="drawer__title h3">Giá» hà ng</div> 816 <div class="drawer__close js-drawer-close"> 817 <button type="button" class="icon-fallback-text"> 818 <span class="icon icon-x" aria-hidden="true"></span> 819 <span class="fallback-text">"Äóng Giá» hà ng"</span> 820 </button> 821 </div> 822 </div> 823 <div id="CartContainer"></div> 824</div> 825 826 827 828 829 830 831 832 <header id="header" class="hd-other"> 833 834 <div class="header-top medium--hide small--hide"> 835 <div class="wrapper"> 836 <div class="inner"> 837 <div class="grid"> 838 <div class="grid__item large--two-twelfths"> 839 <div class="hdt-social-network"> 840 841 <a href="https://www.facebook.com/BayardVietNam" target="_blank" class="fb-icon"><i class="fa fa-facebook" aria-hidden="true"></i></a> 842 843 844 <a href="https://www.instagram.com/bayardviet/" target="_blank" class="ins-icon"><i class="fa fa-instagram" aria-hidden="true"></i></a> 845 846 847 <a href="https://www.youtube.com/@bayard-vietnam" target="_blank" class="yt-icon"><i class="fa fa-youtube-play" aria-hidden="true"></i></a> 848 849 850 851 </div> 852 </div> 853 <div class="grid__item large--six-twelfths"> 854 <div class="hdt-shortnews"> 855 <div class="slide-left"> 856 <i class="fa fa-rss" aria-hidden="true"></i> 857 <marquee behavior="scroll" direction="left">
858 Chà o mừng bạn Äến vá»i Bayard Viá»t Nam, Nhà liên kết xuất bản Công Giáo trá»±c thuá»c Dòng Augustinô Äức Mẹ Lên Trá»i. 859 </marquee> 860 </div> 861 </div> 862 </div> 863 <div class="grid__item large--four-twelfths"> 864 <div class="hdt-contact text-right"> 865 <a href="tel:"><i class="fa fa-phone" aria-hidden="true"></i> </a> 866 <a href="mailto:"><i class="fa fa-envelope" aria-hidden="true"></i> </a> 867 </div> 868 </div> 869 </div> 870 </div> 871 </div> 872 </div> 873 <div class="wrapper"> 874 <div class="inner desktop-header medium--hide small--hide"> 875 <div class="grid"> 876 <div class="grid__item large--two-twelfths"> 877 <div class="hd-logo text-left"> 878 879 880 881 <a href="/"> 882 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/logo.png?v=593" alt="Bayard Viá»t Nam" /> 883 </a> 884 885 886 </div> 887 </div> 888 <div class="grid__item large--six-twelfths"> 889 <div class="hd-search"> 890 891<div class="search-form-wrapper" data-id="im here"> 892 <form id="searchauto" action="/search" class="searchform-categoris ultimate-search"> 893 894 <div class="wpo-search"> 895 896 <div class="wpo-search-inner"> 897 898 <div class="input-group"> 899 900 <input id="searchtext" onkeyup="myKeyup()" name="q" value="" id="s" maxlength="40" class="form-control input-search" type="text" size="20" placeholder="Nháºp tên sách hoặc tác giả bạn yêu thÃch......"> 901 902 <span class="input-group-btn"> 903 <button type="submit" id="searchsubmit"><i class="fa fa-search" aria-hidden="true"></i></button> 904 </span> 905 </div> 906 907 </div> 908 909 <input type="hidden" class="collection_id" value="(collectionid:product>=0)" /> 910 911 <input type="hidden" class="collection_handle" value="all" /> 912 913 <input type="hidden" class="collection_name" value="all" /> 914 915 </div> 916 917 </form> 918 <div id="search_smart" class="smart-search-wrapper search-wrapper"> 919 <div id="product"> 920 921 </div> 922 923 <div id="article"> 924 925 </div> 926 927 <div id="load"> 928 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/loading1.gif?v=593" alt="loading"> 929 </div> 930 931 </div> 932</div> 933
934<script> 935$('#searchauto').submit(function(e){ 936 e.preventDefault(); 937 window.location = `/search?q=filter=(title:product**${$('#searchtext').val()})||(tag:product**tacgia_${$('#searchtext').val()})&type=product`; 938}) 939</script>
939 940 941 942
943<script> 944 945function selectSuggest(act){ 946 947 cur = $('.smart-search-wrapper > .select').index(); 948 949 length = $('.smart-search-wrapper > a').length; 950 951 if (act == 38) 952 { 953 954 if (cur == -1 || cur == 0) 955 956 cur = length - 1; 957 958 else 959 960 cur = cur - 1; 961 962 } 963 964 965 if (act == 40) 966 { 967 968 if (cur == -1 || cur == length - 1) 969 970 cur = 0; 971 972 else 973 974 cur = cur + 1; 975 } 976 977 $('.smart-search-wrapper>a').removeClass('select'); 978 979 $('.smart-search-wrapper>a:nth-child('+ ( cur + 1)+')').addClass('select'); 980 981 982 $('.ultimate-search input[name=q]').val($('.smart-search-wrapper>.select').attr('data-title')); 983 return false; 984} 985 986 987function myKeyup() { 988 var x = document.getElementById("searchtext"); 989 if(x.value == ''){ 990 return; 991 } 992 document.getElementById("load").classList.add("loading"); 993 994} 995 996 997(function($) { 998 $.fn.smartSearch = function(_option) { 999 var o, issending = false, 1000 1001 timeout = null; 1002 1003 var option = { 1004 smartoffset: true, //auto calc offset 1005 1006 searchoperator: '**', //** contain, *= begin with, =* end with 1007 1008 searchfield: "title", 1009 1010 searchwhen: 'keyup', //0: after keydown, 1: after keypress, after space 1011 1012 searchdelay: 500, //delay time before load data 1013 1014 }; 1015 1016 if (typeof(_option) !== 'undefined') { 1017 1018 $.each(_option, function(i, v) { 1019 1020 if (typeof(_option[i]) !== 'undefined') option[i] = _option[i]; 1021 1022 }) 1023 } 1024 1025 o = $(this); 1026 1027 o.attr('autocomplete', 'off'); 1028 1029 this.bind(option.searchwhen, function(event) { 1030 if (event.keyCode == 38 || event.keyCode == 40 || event.keyCode == 37 || event.keyCode == 39) { 1031 return selectSuggest(event.keyCode); 1032 } else { 1033 $(".smart-search-wrapper #product").html(''); 1034 $(".smart-search-wrapper #article").html(''); 1035 clearTimeout(timeout); 1036 timeout = setTimeout(l, option.searchdelay, $(this).val()); 1037 } 1038 }); 1039 1040 1041 var l =async function(t) { 1042 $('#load').addClass('loading'); 1043 if(t == ''){ 1044 $(".smart-search-wrapper #product").html(''); 1045 $(".smart-search-wrapper #article").html(''); 1046 $('#load').removeClass('loading'); 1047 return; 1048 } 1049 1050 $(".smart-search-wrapper #product").html(''); 1051 $(".smart-search-wrapper #article").html(''); 1052 1053 var data_prod= false; 1054 var data_artic = false; 1055 var data_null = false; 1056 if (issending) return this; 1057 //lấy dữ liá»u collection từ server 1058 function getProductSearch(){ 1059 //return fetch(`/search?q=filter=(title:product**${t})&type=product&view=products`).then((resp) => resp.json()).then(function(data){ 1060return fetch(`/search?q=filter=(title:product**${t})||(tag:product=tacgia_${t})&type=product&view=products`).then((resp) => resp.json()).then(function(data){ 1061 if(data.length == 0 ) { 1062 data_prod = true; 1063 }else{ 1064 if($(".search-form-wrapper .smart-search-wrapper #product .smart_search_prod .search_prod_title").length == 0){ 1065 var view_prod_next = ''; 1066 var length_data = data.length - 3; 1067 if(data.length < 4){ 1068 view_prod_next = ''; 1069 }else{ 1070 view_prod_next = `<a id="view_article" href="/search?q=filter=(title:product**${t})&type=product" class="left">Xem thêm(${length_data})</a>`; 1071 } 1072 $('.search-form-wrapper .smart-search-wrapper #product').append(` 1073 <div class='smart_search_prod'> 1074 <div class="search_prod_title"> 1075 <span class="left">Sản phẩm</span> 1076 ${view_prod_next} 1077 </div> 1078 </div> 1079 `); 1080 } 1081 p(); 1082 1083 for(var i=0; i< data.length; i++){ 1084 var data1 = data[i]; 1085 if(i === 3){ 1086 break; 1087 } 1088 var product_title; 1089 if(data1.title.length > 30){ 1090 var product_title = data1.title.substring(0, 30) + '...'; 1091 } else { 1092 var product_title = data1.title; 1093 } 1094 var image = ''; 1095 if(data1.featured_image == '' || data1.featured_image == undefined || data1.featured_image == null){ 1096 image = "//cdn.hstatic.net/themes/200001065489/1001403944/14/no-image.png?v=593"; 1097 }else{ 1098 image = data1.featured_image; 1099 } 1100 1101 var compare_at_price_true; 1102 if (data1.compare_at_price == '0'){ 1103 compare_at_price_true = ''; 1104 }else{ 1105 compare_at_price_true = `<span class="compare_at_price">${Haravan.formatMoney(data1.compare_at_price)}
1105â«</span>` 1106 } 1107 var alt_img = product_title.substring(0, 5) + '...'; 1108 if($(".search-form-wrapper .smart-search-wrapper #product .smart_search_prod .search-wrapper").length < 3){ 1109 $(".search-form-wrapper .smart-search-wrapper #product .smart_search_prod").append(` 1110 <div class='search-wrapper'> 1111 <div class="prod_img"> 1112 <a href="${data1.url}"> 1113 <img src="${image}" alt="${alt_img}"> 1114 </a> 1115 </div> 1116 <div class="prod_info"> 1117 <span class="prod_title"><a href="${data1.url}">${product_title}</a></span> 1118 <div class="prod_info_price"> 1119 <span class="price">${Haravan.formatMoney(data1.price)} â«</span> 1120 ${compare_at_price_true} 1121 </div> 1122 </div> 1123 </div> 1124 `) 1125 } 1126 } 1127 } 1128 }) 1129 } 1130 1131 await getProductSearch(); 1132 1133 1134 await $.ajax({ 1135 url: `/search?q=filter=(title:article**${t})&type=article&view=article`, 1136 dataType: "JSON", 1137 success: function(data) { 1138 if(data == 0) { 1139 data_artic = true; 1140 }else{ 1141 if($(".search-form-wrapper .smart-search-wrapper #article .smart_search_artic .search_artic_title").length == 0){ 1142 var view_artic_next = ''; 1143 var length_data1 = data.length - 2; 1144 if(data.length < 3){ 1145 view_artic_next = ''; 1146 }else{ 1147 view_artic_next = `<a data-id="artic" href="/search?q=filter=(title:article**${t})&type=article" class="left">Xem thêm(${length_data1})</a>`; 1148 } 1149 $('.search-form-wrapper .smart-search-wrapper #article').append(` 1150 <div class='smart_search_artic'> 1151 <div class="search_artic_title"> 1152 <span class="left">Bà i viết</span> 1153 ${view_artic_next} 1154 </div> 1155 </div> 1156 `); 1157 } 1158 p(); 1159 for(var i=0; i< data.length; i++){ 1160 var data1 = data[i]; 1161 if(i === 2){ 1162 break; 1163 } 1164 1165 var artic_title; 1166 var text1 ; 1167 1168 if(data1.text.includes('####')){ 1169 text1 = data1.text.split('####')[1]; 1170 }else{ 1171 text1 = data1.text; 1172 } 1173 1174 if(data1.title.length > 55){ 1175 var artic_title = data1.title.substring(0, 55) + '...'; 1176 } else { 1177 var artic_title = data1.title; 1178 } 1179 1180 var artic_text; 1181 1182 if(text1.length > 60){ 1183 artic_text = text1.substring(0, 60) + '...'; 1184 } else { 1185 artic_text = text1; 1186 } 1187 var image = ''; 1188 if(data1.image == '' || data1.image == undefined || data1.image == null){ 1189 image = "//cdn.hstatic.net/themes/200001065489/1001403944/14/no-image.png?v=593"; 1190 }else{ 1191 image = data1.image; 1192 } 1193 var alt_img = artic_title.substring(0, 10) + '...'; 1194 if($(".search-form-wrapper .smart-search-wrapper #article .smart_search_artic .search-wrapper").length < 2){ 1195 $(".search-form-wrapper .smart-search-wrapper #article .smart_search_artic").append(` 1196 <div class='search-wrapper'> 1197 <div class="artic_img"> 1198 <a href="${data1.url}"> 1199 <img src="${image}" alt="${alt_img}"> 1200 </a> 1201 </div> 1202 <div class="artic_info"> 1203 <span class="artic_title"> 1204 <a href="${data1.url}">${artic_title}</a> 1205 </span> 1206 <div class="artic_info_price"> 1207 <span class="artic_txt">${artic_text}</span> 1208 </div> 1209 </div> 1210 </div> 1211 `) 1212 } 1213 } 1214 } 1215 var textIpnput = $('#searchtext').val(); 1216 issending = false; 1217 }, 1218 1219 error: function (xhr, ajaxOptions, thrownError) { 1220 console.log("lá»i ajax",xhr, ajaxOptions, thrownError) 1221 } 1222 }); 1223 1224 function check_data(){ 1225 if(data_prod == true && data_artic == true && t != ''){ 1226 $(".smart-search-wrapper #product").html(''); 1227 $(".smart-search-wrapper #article").html(''); 1228 if($('#product p.null').length == 0){ 1229 $(".smart-search-wrapper #product").html('<p class="null">không có kết quả nà o cho: <span>'+$('#searchtext').val()+'</span></p>'); 1230 } 1231 }else if(data_prod && !data_artic){ 1232 if($('#product p.product_null').length == 0){ 1233 $('#search_smart #product').append(`<p class="product_null">Không có sản phẩm nà o cho: <span>${$('#searchtext').val()}</span></p>`); 1234 } 1235 }else if(data_artic && !data_prod){ 1236 if($('#article p.article_null').length == 0){ 1237 $('#search_smart #article').append(`<p class="article_null">Không có tin tức nà o cho: <span>${$('#searchtext').val()}</span></p>`); 1238 } 1239 } 1240 $('#load').removeClass('loading'); 1241 } 1242 await check_data(); 1243 1244 } 1245 1246 1247 $(window).resize(function() { 1248 1249 p(); 1250 1251 }); 1252 1253 $(window).scroll(function() { 1254 1255 p(); 1256 1257 }); 1258 1259 1260 // $(this).blur(function(){ 1261 1262 // $('.smart-search-wrapper.search-wrapper').slideUp(); 1263 1264 // }); 1265 1266 var p = function() { 1267 1268 if( ! o.offset() ) { 1269 1270 return; 1271 1272 } 1273 1274 $(".smart-search-wrapper.search-wrapper").css("width", "100%"); 1275 1276 $(".smart-search-wrapper.search-wrapper").css("left", o.offset().left + "px"); 1277 1278 if (option.smartoffset) { 1279 1280 h = $(".smart-search-wrapper.search-wrapper").height(); 1281 1282 if (h + o.offset().top - $(window).scrollTop() + o.outerHeight() > $(window).height()) { 1283 1284 $(".smart-search-wrapper.search-wrapper").css('top', ''); 1285 1286 $(".smart-search-wrapper.search-wrapper").css('bottom', ($(window).scrollTop() + $(window).height() - o.offset().top) + "px"); 1287 1288 } else { 1289 1290 $(".smart-search-wrapper.search-wrapper").css('bottom', ''); 1291 1292 $(".smart-search-wrapper.search-wrapper").css('top', (o.offset().top - $(window).scrollTop() + o.outerHeight()) + "px"); 1293 1294 } 1295 1296 } else { 1297 1298 $(".smart-search-wrapper.search-wrapper").css('top', h + o.offset().top ); 1299 1300 } 1301 1302 } 1303 1304 return this; 1305 1306 }; 1307}(jQuery)); 1308 1309 1310jQuery('.ultimate-search #searchtext').smartSearch({searchdelay:600, wrapper: 'search-wrapper', collection:'.collection_id'}); 1311 1312 1313</script>
1313 1314 1315 1316 1317 1318 1319 1320 </div> 1321 </div> 1322 <div class="grid__item large--four-twelfths text-right"> 1323 <div class="hd-account"> 1324 1325 <a href="/account/login"><i class="fa fa-sign-in" aria-hidden="true"></i> ÄÄng nháºp</a> 1326 <a href="/account/register"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> ÄÄng ký</a> 1327 1328 </div> 1329 <div class="desktop-cart-wrapper"> 1330 <a href="javascript:void(0)" class="hd-cart"> 1331 <i class="fa fa-shopping-bag" aria-hidden="true"></i><span class="hd-cart-count">0</span> 1332 </a> 1333 <div class="quickview-cart"> 1334 <h3> 1335 1336 Giá» hà ng trá»ng 1337 1338 <span class="btnCloseQVCart"><i class="fa fa-times" aria-hidden="true"></i></span> 1339 </h3> 1340 <ul class="no-bullets"> 1341 1342 <li>Bạn chưa có sản phẩm nà o trong giá» hà ng!</li> 1343 1344 </ul> 1345 1346 </div> 1347 </div> 1348 </div> 1349 </div> 1350 </div> 1351 <div class="inner mobile-header large--hide"> 1352 <div class="grid"> 1353 <div class="grid__item medium--one-third small--one-half"> 1354 <div class="hd-logo text-left"> 1355 1356 <a href="/"> 1357 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/logo.png?v=593" alt="Bayard Viá»t Nam" /> 1358 </a> 1359 1360 </div> 1361 </div> 1362 <div class="grid__item large--two-twelfths push--large--eight-twelfths medium--two-thirds small--one-half clearfix text-right"> 1363 <div class="hd-btnMenu"> 1364 <a href="javascript:void(0)" class="icon-fallback-text site-nav__link js-drawer-open-right" aria-controls="NavDrawer" aria-expanded="false"> 1365 <span>Menu</span> 1366 <i class="fa fa-bars" aria-hidden="true"></i> 1367 </a> 1368 </div> 1369 <div class="desktop-cart-wrapper1"> 1370 <a href="javascript:void(0)" class="hd-cart"> 1371 <span class="hd-cart-count">0</span> 1372 <i class="fa fa-shopping-bag" aria-hidden="true"></i> 1373 </a> 1374 <div class="quickview-cart"> 1375 <h3> 1376 1377 Giá» hà ng trá»ng 1378 1379 <span class="btnCloseQVCart"><i class="fa fa-times" aria-hidden="true"></i></span> 1380 </h3> 1381 <ul class="no-bullets"> 1382 1383 <li>Bạn chưa có sản phẩm nà o trong giá» hà ng!</li> 1384 1385 </ul> 1386 1387 </div> 1388 </div> 1389 </div> 1390 </div> 1391 </div> 1392 </div> 1393</header> 1394 1395 1396 1397 1398 1399 1400<section id="breadcrumb-wrapper5" class="breadcrumb-w-img"> 1401 1402 1403<div id="megamenu-wrapper" class="medium--hide small--hide"> 1404 <div class="wrapper"> 1405 <div class="inner"> 1406 <div class="grid mg-left-0"> 1407 <div class="grid__item large--one-fifth pd-left0 megamenu-nav-wrapper notindex"> 1408 <a href="javascript:void(0)" class="btnMenu text-center"> 1409 <i class="fa fa-bars" aria-hidden="true"></i> Danh mục sản phẩm 1410 </a> 1411 <ul class="no-bullets megamenu-nav"> 1412 1413 1414 1415 1416 1417 1418 <li class=""> 1419 <a href="/"> 1420 1421 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/hd_mainlink_icon1.png?v=593" alt="Trang chá»§" class="icon-normal" /> 1422 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/hd_mainlink_iconhover1.png?v=593" alt="Trang chá»§" class="icon-hover" /> 1423 1424 <span>Trang chá»§</span> 1425 </a> 1426 1427 </li> 1428 1429 1430 1431 1432 1433 1434 1435 <li class=""> 1436 <a href="/collections/all"> 1437 1438 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/hd_mainlink_icon2.png?v=593" alt="Tất cả sản phẩm" class="icon-normal" /> 1439 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/hd_mainlink_iconhover2.png?v=593" alt="Tất cả sản phẩm" class="icon-hover" /> 1440 1441 <span>Tất cả sản phẩm</span> 1442 </a> 1443 1444 </li> 1445 1446 1447 1448 1449 1450 1451 1452 <li class="has-child dropdown"> 1453 <a href="/"> 1454 1455 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/hd_mainlink_icon3.png?v=593" alt="Sách theo chá»§ Äá»" class="icon-normal" /> 1456 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/hd_mainlink_iconhover3.png?v=593" alt="Sách theo chá»§ Äá»" class="icon-hover" /> 1457 1458 <span>Sách theo chá»§ Äá»</span> 1459 </a> 1460 1461 1462 <ul class="no-bullets"> 1463 1464 <li > 1465 <a href="/collections/thieu-nhi-cong-giao">Sách thiếu nhi</a> 1466 1467 </li> 1468 1469 <li > 1470 <a href="/collections/than-hoc-cong-giao">Sách Thần há»c</a> 1471 1472 </li> 1473 1474 <li > 1475 <a href="/collections/triet-hoc-cong-giao">Sách Triết há»c</a> 1476 1477 </li> 1478 1479 <li > 1480 <a href="/collections/doi-song-duc-tin">Sách Äá»i sá»ng Äức tin</a> 1481 1482 </li> 1483 1484 <li class="has-child"> 1485 <a href="/collections/tap-san">Táºp san</a> 1486 1487 <ul class="no-bullets"> 1488 1489 <li> 1490 <a href="/collections/song-loi-chua">Sá»ng Lá»i Chúa</a> 1491 </li> 1492 1493 <li> 1494 <a href="/collections/loi-vao-dat">Lá»i và o Äất</a> 1495 </li> 1496 1497 </ul> 1498 1499 </li> 1500 1501 <li class="has-child"> 1502 <a href="/collections/giao-duc-va-thang-tien-con-nguoi">Giáo dục và ThÄng tiến con ngưá»i</a> 1503 1504 <ul class="no-bullets"> 1505 1506 <li> 1507 <a href="/collections/tam-ly-hoc">Tâm lý há»c</a> 1508 </li> 1509 1510 </ul> 1511 1512 </li> 1513 1514 </ul> 1515 1516 1517 </li> 1518 1519 1520 1521 1522 1523 1524 1525 <li class="has-child dropdown"> 1526 <a href="/"> 1527 1528 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/hd_mainlink_icon4.png?v=593" alt="Sách theo thương hiá»u" class="icon-normal" /> 1529 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/hd_mainlink_iconhover4.png?v=593" alt="Sách theo thương hiá»u" class="icon-hover" /> 1530 1531 <span>Sách theo thương hiá»u</span> 1532 </a> 1533 1534 1535 <ul class="no-bullets"> 1536 1537 <li > 1538 <a href="/collections/bayard">Bayard</a> 1539 1540 </li> 1541 1542 <li > 1543 <a href="/collections/bayard-jeunesse">Bayard Jeunesse</a> 1544 1545 </li> 1546 1547 <li > 1548 <a href="/collections/song-loi-chua">Sá»ng Lá»i Chúa</a> 1549 1550 </li> 1551 1552 </ul> 1553 1554 1555 </li> 1556 1557 1558 1559 1560 1561 1562 1563 <li class=""> 1564 <a href="/collections/an-pham-khac"> 1565 1566 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/hd_mainlink_icon5.png?v=593" alt="Ấn phẩm khác" class="icon-normal" /> 1567 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/hd_mainlink_iconhover5.png?v=593" alt="Ấn phẩm khác" class="icon-hover" /> 1568 1569 <span>Ấn phẩm khác</span> 1570 </a> 1571 1572 </li> 1573 1574 1575 1576 1577 1578 1579 1580 <li class=""> 1581 <a href="/collections/combo-sach"> 1582 1583 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/hd_mainlink_icon6.png?v=593" alt="Hot Combo" class="icon-normal" /> 1584 <img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/hd_mainlink_iconhover6.png?v=593" alt="Hot Combo" class="icon-hover" /> 1585 1586 <span>Hot Combo</span> 1587 </a> 1588 1589 </li> 1590 1591 1592 </ul>
1593 </div> 1594 1595 <div class="grid__item large--four-fifths pd-left0 mini-nav-wrapper"> 1596 <ul class="no-bullets"> 1597 1598 <li class="open-seen-products"> 1599 <a href="javascript:void(0)">Sản phẩm Äã xem <i class="fa fa-angle-down" aria-hidden="true"></i></a> 1600 <div id="seen-products" class="seen-products-slider"> 1601 <div class="home-section-body"> 1602 <div class="show"> 1603 <div class="product-seen grid mg-left-15"> 1604 <div id="owl-spdx" class="owl-carousel new-slide"> 1605 </div> 1606 1607 <div id="clone-item"> 1608 <div class="grid__item item pd-left15 hide"> 1609 1610 <div class="seen-item"> 1611 <div class="product-img"> 1612 <a href=""> 1613 <img src="//cdn.hstatic.net/shared/noDefaultImage6.gif" alt="" /> 1614 </a> 1615 1616 <div class="product-tags"> 1617 <div class="tag-saleoff text-center"> 1618 -<span></span>% 1619 </div> 1620 </div> 1621 </div> 1622 1623 <div class="product-info"> 1624 <div class="product-title"> 1625 <a href=""></a> 1626 </div> 1627 1628 <div class="product-price clearfix"> 1629 <span class="current-price">0â«</span> 1630 <span class="original-price"><s>0â«</s></span> 1631 </div> 1632 </div> 1633 </div> 1634 1635 </div> 1636 </div> 1637 </div> 1638 </div> 1639 </div> 1640</div> 1641
1642<script> 1643 1644var product_handle = ''; 1645var last_view_products_current = localStorage.getItem('last_view_products'); 1646var max_last_view_products = 20; 1647 1648if( ! last_view_products_current ) { 1649 last_view_products_current = []; 1650} else { 1651 last_view_products_current = JSON.parse(last_view_products_current); 1652} 1653 1654if( last_view_products_current.indexOf(product_handle) == -1 ) { 1655 if( last_view_products_current.length >= max_last_view_products ) { 1656 last_view_products_current.shift(); 1657 } 1658 1659 last_view_products_current.push( product_handle ); 1660 localStorage.setItem('last_view_products', JSON.stringify(last_view_products_current)); 1661}else{ 1662 var remove_at = last_view_products_current.indexOf(product_handle); 1663 last_view_products_current.splice(remove_at, 1); 1664 last_view_products_current.push(product_handle); 1665 if( last_view_products_current.length >= max_last_view_products ) { 1666 last_view_products_current.shift(); 1667 } 1668} 1669 1670</script>
1670 1671
1672<script> 1673 1674$(document).ready(function() { 1675 1676 var last_view_products = JSON.parse(localStorage.getItem('last_view_products')); 1677 1678 if( ! last_view_products ) { 1679 $(document).ready(function() { 1680 $('.product-viewed').hide(); 1681 }); 1682 last_view_products = []; 1683 return; 1684 } 1685 var display = 10; 1686 1687 var display_items = last_view_products.length < display ? last_view_products.length : display; 1688 var item_idx = 1; 1689 1690 while( item_idx <= display_items ) { 1691 var handle = last_view_products[last_view_products.length - item_idx]; 1692 1693 Haravan.getProduct( handle, function( product ) { 1694 var item_product = $('#clone-item .item').clone().removeClass('hide').appendTo('#owl-spdx'); 1695 var tag_saleoff = (product.compare_at_price - product.price) / product.compare_at_price * 100; 1696 var item_product_title; 1697 if(product.title.length > 40){ 1698 var item_product_title = product.title.substring(0, 40) + '...'; 1699 } else { 1700 var item_product_title = product.title; 1701 } 1702 item_product.find('.seen-item .product-info .product-title > a').html(item_product_title); 1703 item_product.find('.seen-item .product-img > a > img').attr('src',Haravan.resizeImage(product.featured_image, 'medium')); 1704 item_product.find('.seen-item .product-info .product-title > a').attr('href', product.url); 1705 item_product.find('.seen-item .product-img > a').attr('href', product.url); 1706 item_product.find('.seen-item .product-info .current-price').html(Haravan.formatMoney(product.price,"{{amount}}â«" )); 1707 item_product.find('.seen-item .product-info .original-price > s').html(Haravan.formatMoney(product.compare_at_price,"{{amount}}â«" )); 1708 item_product.find('.seen-item .product-img .tag-saleoff > span').html(Math.round(tag_saleoff)); 1709 }); 1710 item_idx++; 1711} 1712 1713setTimeout(function() { 1714 var owl_1 = $("#owl-spdx").owlCarousel({ 1715 items: 5, 1716 itemsDesktop: [1000, 5], 1717 itemsDesktopSmall: [900, 4], 1718 itemsTablet: [768, 3], 1719 itemsMobile: [480, 2], 1720 navigation: true, 1721 pagination: false, 1722 slideSpeed: 1000, 1723 paginationSpeed: 1000, 1724 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 1725 }); 1726 $('.seen-item .original-price s').each(function() { 1727 var val = parseInt($(this).html()); 1728 if(val == 0) { 1729 $(this).remove(); 1730 } 1731 }); 1732 $('.seen-item .product-img .tag-saleoff').each(function() { 1733 var val = $( "span", this ).html(); 1734 if(val == '-Infinity') { 1735 $(this).remove(); 1736 } 1737 }); 1738}, 2000); 1739 1740}); 1741 1742</script>
1742 1743 1744 1745 1746 1747 1748 1749 1750 </li> 1751 1752 1753 <li> 1754 <a href="/collections/sap-phat-hanh">Sách Äặt trưá»c </a> 1755 1756 </li> 1757 1758 <li> 1759 <a href="/collections/moi-phat-hanh">Sách má»i nhất </a> 1760 1761 </li> 1762 1763 <li> 1764 <a href="https://onapp.haravan.com/orderstrackingphone/shop/bayardvietnam-1">Tra cứu ÄÆ¡n hà ng </a> 1765 1766 </li> 1767 1768 <li> 1769 <a href="/pages/about-us">Vá» Bayard </a> 1770 1771 </li> 1772 1773 <li> 1774 <a href="/pages/hop-tac-xuat-ban">Hợp tác xuất bản </a> 1775 1776 </li> 1777 1778 </ul> 1779 </div> 1780 </div> 1781 </div> 1782 </div> 1783</div> 1784 1785 <div class="breadcrumb-overlay"></div> 1786 <div class="breadcrumb-content"> 1787 <div class="wrapper"> 1788 <div class="inner text-center"> 1789 <div class="breadcrumb-big"> 1790 1791 <h2> 1792 Tà i khoản 1793 </h2> 1794 1795 </div> 1796 <div class="breadcrumb-small"> 1797 <a href="/" title="Quay lại trang chá»§">Trang chá»§</a> 1798 1799 1800 1801 <span aria-hidden="true">/</span> 1802 <span>Tà i khoản</span> 1803 1804 1805 </div> 1806 </div> 1807 </div> 1808 </div> 1809</section> 1810 1811 1812 1813 1814 1815 1816 <div id="PageContainer" class="is-moved-by-drawer"> 1817 <main class="main-content" role="main"> 1818 <section id="page-wrapper"> 1819 <div class="wrapper"> 1820 <div class="inner"> 1821 1822 <div class="grid"> 1823 1824 <div class="grid__item large--one-third push--large--one-third text-center"> 1825 1826 1827 <div class="note form-success" id="ResetSuccess" style="display:none;"> 1828 Chúng tôi Äã gá»i cho bạn má»t email vá»i má»t liên kết Äá» cáºp nháºt máºt khẩu cá»§a bạn. 1829 </div> 1830 1831 <div id="CustomerLoginForm" class="form-vertical"> 1832 <form accept-charset='UTF-8' action='/account/login' id='customer_login' method='post'> 1833<input name='form_type' type='hidden' value='customer_login'> 1834<input name='utf8' type='hidden' value='â'> 1835<input name='__RequestVerificationToken' type='hidden' value='CfDJ8FyFPV59mBtNhmQGz0fYZt-EvrZdPkr8fQ9csRws1rn2QjoMPZHVwaHm-EPQbV125MAQuwWUZCv-F2pczCThoq-ltVuLhvfHa44cmnV6FdVlWVXoyWfn0UddwGnCU78roc_heqZSaoKmUppyJFHQI1M'> 1836 1837 1838 <h1>ÄÄng nháºp</h1> 1839 1840 1841 1842 <label for="CustomerEmail" class="hidden-label">Email</label> 1843 <input type="email" name="customer[email]" id="CustomerEmail" class="input-full" placeholder="Email" autocorrect="off" autocapitalize="off" autofocus> 1844 1845 1846 <label for="CustomerPassword" class="hidden-label">Máºt khẩu</label> 1847 <input type="password" value="" name="customer[password]" id="CustomerPassword" class="input-full" placeholder="Máºt khẩu"> 1848 1849 1850 <p> 1851 <input type="submit" class="btn btn--full" value="ÄÄng nháºp"> 1852 </p> 1853 1854 </form> 1855 <div class="wrapp-social" style="margin-bottom: 30px;"> 1856 <span class="orr">Hoặc ÄÄng nháºp vá»i</span> 1857 <div class="d-f-social"> 1858 <button id="btn-google-login">ÄÄng nháºp Google</button> 1859 <button id="btn-facebook-login">ÄÄng nháºp Facebook</button> 1860 </div> 1861</div> 1862 <p><a href="/">Quay trá» lại cá»a hà ng</a></p> 1863 <p><a href="/account/register" id="customer_register_link">Tạo tà i khoản</a></p> 1864 1865 1866 </div> 1867 1868 1869 <div id="RecoverPasswordForm" style="display: none;"> 1870 1871 <h2>Äặt lại máºt khẩu cá»§a bạn</h2> 1872 <p>Chúng tôi sẽ gá»i cho bạn má»t email Äá» Äặt lại máºt khẩu cá»§a bạn.</p> 1873 1874 <div class="form-vertical"> 1875 <form accept-charset='UTF-8' action='/account/recover' method='post'> 1876<input name='form_type' type='hidden' value='recover_customer_password'> 1877<input name='utf8' type='hidden' value='â'> 1878<input name='__RequestVerificationToken' type='hidden' value='CfDJ8FyFPV59mBtNhmQGz0fYZt-EvrZdPkr8fQ9csRws1rn2QjoMPZHVwaHm-EPQbV125MAQuwWUZCv-F2pczCThoq-ltVuLhvfHa44cmnV6FdVlWVXoyWfn0UddwGnCU78roc_heqZSaoKmUppyJFHQI1M'> 1879 1880 1881 1882 1883 1884 1885 1886 <label for="RecoverEmail" class="hidden-label">Email</label> 1887 <input type="email" value="" name="email" id="RecoverEmail" class="input-full" placeholder="Email" autocorrect="off" autocapitalize="off"> 1888 1889 <p> 1890 <input type="submit" class="btn btn--full" value="Gá»i"> 1891 </p> 1892 <button type="button" id="HideRecoverPasswordLink" class="text-link">Thoát</button> 1893 </form> 1894 </div> 1895 1896 </div> 1897 1898 1899 1900 1901 </div> 1902 1903 </div> 1904 1905 </div> 1906 </div> 1907</section> 1908 1909 </main> 1910 </div> 1911 1912 <footer id="footer"> 1913 <div id="ft-social-network" class="clearfix large--hide"> 1914 1915 <a href="https://www.facebook.com/BayardVietNam" target="_blank" class="fb-icon"><i class="fa fa-facebook" aria-hidden="true"></i></a> 1916 1917 1918 <a href="https://www.instagram.com/bayardviet/" target="_blank" class="ins-icon"><i class="fa fa-instagram" aria-hidden="true"></i></a> 1919 1920 1921 <a href="https://www.youtube.com/@bayard-vietnam" target="_blank" class="yt-icon"><i class="fa fa-youtube-play" aria-hidden="true"></i></a> 1922 1923 1924 1925 </div> 1926 <div class="ft-content ft-has-no-imgbg"> 1927 1928 <div class="wrapper"> 1929 <div class="inner"> 1930 <div class="grid"> 1931 1932 1933 1934 1935 <div class="grid__item large--one-quarter medium--one-third small--one-half"> 1936 <div class="ft-nav"> 1937 <h3>Thông tin</h3> 1938 <ul class="no-bullets"> 1939 1940 <li> 1941 <a href="/pages/about-us">Bayard</a> 1942 </li> 1943 1944 <li> 1945 <a href="https://ducmelentroi.net/">Dòng Augustinô - Äức Mẹ Lên Trá»i</a> 1946 </li> 1947 1948 <li> 1949 <a href="/pages/hop-tac-xuat-ban">Hợp tác xuất bản</a> 1950 </li> 1951 1952 <li> 1953 <a href="https://bayardvn-my.sharepoint.com/:x:/p/quynh/EbdocwU42XVIv87ivcHcksUB_tJcmh1Bm9tMH8x2UCq6ug?e=04Znw8">Danh mục sách xuất bản</a> 1954 </li> 1955 1956 </ul> 1957 </div> 1958 </div> 1959 1960 1961 1962 1963 <div class="grid__item large--one-quarter medium--one-third small--one-half"> 1964 <div class="ft-nav"> 1965 <h3>Blog</h3> 1966 <ul class="no-bullets"> 1967 1968 <li> 1969 <a href="/blogs/xuat-ban">Sá» tay xuất bản</a> 1970 </li> 1971 1972 </ul> 1973 </div> 1974 </div> 1975 1976 1977 1978 1979 <div class="grid__item large--one-quarter medium--one-third small--one-half"> 1980 <div class="ft-nav"> 1981 <h3>ChÃnh sách & Äiá»u khoản</h3> 1982 <ul class="no-bullets"> 1983 1984 <li>
1985 <a href="/pages/chinh-sach-bao-mat-du-lieu-ca-nhan">ChÃnh sách bảo máºt website</a> 1986 </li> 1987 1988 <li> 1989 <a href="/pages/dieu-khoan-dich-vu">Äiá»u khoản sá» dụng website</a> 1990 </li> 1991 1992 <li> 1993 <a href="/pages/chinh-sach-thanh-toan">ChÃnh sách thanh toán</a> 1994 </li> 1995 1996 <li> 1997 <a href="/pages/chinh-sach-doi-tra">ChÃnh sách Äá»i trả</a> 1998 </li> 1999 2000 <li> 2001 <a href="/pages/chinh-sach-bao-mat-app-song-loi-chua">ChÃnh sách bảo máºt app SLC</a> 2002 </li> 2003 2004 </ul> 2005 </div> 2006 </div> 2007 2008 <div class="grid__item large--one-quarter medium--hide small--hide"> 2009 <div class="ft-social-network"> 2010 <h3> 2011 Theo dõi chúng tôi 2012 </h3> 2013 2014 <a href="https://www.facebook.com/BayardVietNam" target="_blank" class="fb-icon"><i class="fa fa-facebook" aria-hidden="true"></i></a> 2015 2016 2017 2018 2019 <a href="https://www.youtube.com/@bayard-vietnam" target="_blank" class="yt-icon"><i class="fa fa-youtube-play" aria-hidden="true"></i></a> 2020 2021 2022 <a href="https://www.instagram.com/bayardviet/" target="_blank" class="ins-icon"><i class="fa fa-instagram" aria-hidden="true"></i></a> 2023 2024 </div> 2025 <div class="ft-certification"> 2026 2027 2028 2029 2030 2031 2032 <a href="http://online.gov.vn/searchProfile/IndexTimKiem?btnRadioSearch=opt-domain-web-name-app&KeySearch=gloriabooks.vn"><img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/ft_certi_img1.png?v=593" alt="Äã thông báo Bá» Công Thương" /></a> 2033 2034 2035 2036 2037 2038 2039 2040 <a href="https://play.google.com/store/apps/details?id=com.biblepub&hl=en"><img src="//cdn.hstatic.net/themes/200001065489/1001403944/14/ft_certi_img2.png?v=593" alt="Tải ứng dụng Sá»ng Lá»i Chúa cho Android và iOs" /></a> 2041 2042 2043 </div> 2044 </div> 2045 </div> 2046 2047 <div class="grid"> 2048 <div class="grid__item large--one-half medium--one-half small--one-whole"> 2049 <div class="ft-contact"> 2050 <h3>Bayard Viá»t Nam</h3> 2051 <div class="ft-contact-address"> 2052 Hotline: 086.8080.504 2053 </div> 2054 <div class="ft-contact-tel"> 2055 Äặt hà ng & Góp ý: [email protected] <a href="tel:"></a> 2056 </div> 2057 <div class="ft-contact-email"> 2058 Bản thảo & Tư vấn: [email protected] <a href="mailto:"></a> 2059 </div> 2060 </div> 2061 </div> 2062 2063 <div class="grid__item large--one-half medium--one-half small--one-whole"> 2064 <div class="ft-subscribe"> 2065 <h3>ÄÄng ký nháºn tin</h3> 2066 <div class="ft-sub-desc"> 2067 ÄÄng ký nháºn tin má»i nhất vỠấn phẩm và khuyến mãi. 2068 </div> 2069 <div class="ft-sub-wrapper"> 2070 2071 <form accept-charset='UTF-8' action='/account/contact' class='contact-form' method='post'> 2072<input name='form_type' type='hidden' value='customer'> 2073<input name='utf8' type='hidden' value='â'> 2074 2075 2076 2077 <div class="input-group"> 2078 <input type="email" value="" placeholder="Nháºp email cá»§a bạn..." name="contact[email]" id="Email" class="input-group-field" aria-label="Email cá»§a bạn ..."> 2079 <input type="hidden" name="contact[tags]" value="newsletter"> 2080 <span class="input-group-btn"> 2081 <button type="submit" name="subscribe" id="subscribe" value="ÄÄng ký">ÄÄng ký</button> 2082 </span> 2083 </div> 2084 2085 2086<input name='__RequestVerificationToken' type='hidden' value='CfDJ8FyFPV59mBtNhmQGz0fYZt-EvrZdPkr8fQ9csRws1rn2QjoMPZHVwaHm-EPQbV125MAQuwWUZCv-F2pczCThoq-ltVuLhvfHa44cmnV6FdVlWVXoyWfn0UddwGnCU78roc_heqZSaoKmUppyJFHQI1M'> 2087<input id='3e27dc7dc1fb404a99f4354f4ee21aa8' name='g-recaptcha-response' type='hidden'>
vendor: 60 bytes, line 2087
2087<script src='https://www.google.com/recaptcha/api.js?render=
20876LchSLkqAAAAABVHBpeFgg8N-WgkYsr5fO6GUF_s
vendor: 11 bytes, line 2087
2087'></script>
2087<script>let recaptchaElm=document.getElementById('3e27dc7dc1fb404a99f4354f4ee21aa8');let recaptchaForm=recaptchaElm.parentNode;recaptchaForm.addEventListener("submit",function(formEvent){if(!recaptchaElm.value){formEvent.preventDefault();grecaptcha.ready(function(){grecaptcha.execute('6LchSLkqAAAAABVHBpeFgg8N-WgkYsr5fO6GUF_s',{action:'submit'}).then(function(token){recaptchaElm.value=token;recaptchaForm.requestSubmit(formEvent.submitter)})})}})</script>
2087</form> 2088 2089 </div> 2090 </div> 2091 </div> 2092 </div> 2093 </div> 2094 </div> 2095 </div> 2096 <div class="ft-copyrights-wrapper"> 2097 <div class="wrapper"> 2098 <div class="inner"> 2099 <div class="ft-copyrights text-center"> 2100 Copyrights © 2019-2026 <a target="_blank" href="https://www.bayard.vn/">Bayard Viá»t Nam</a>. 2101 </div> 2102 </div> 2103 </div> 2104 </div> 2105</footer> 2106 2107 <div id="back-to-top" class="medium--hide small--hide"> 2108 <i class="fa fa-angle-up" aria-hidden="true"></i> 2109 </div> 2110 2111 2112 2113 <section id="mobile-bottom-navigation" class="large--hide medium--hide"> 2114 <div class="grid mg-left-0"> 2115 2116 2117 2118 2119 <div class="grid__item medium--two-tenths small--two-tenths pd-left0"> 2120 <div class="mobile-nav-item"> 2121 <a href="/collections/moi-phat-hanh"> 2122 <i class="fa fa-tag" aria-hidden="true"></i><br />Má»i nhất 2123 </a> 2124 </div> 2125 </div> 2126 2127 2128 2129 2130 <div class="grid__item medium--two-tenths small--two-tenths pd-left0"> 2131 <div class="mobile-nav-item"> 2132 <a href="/collections/sap-phat-hanh"> 2133 <i class="fa fa-bell" aria-hidden="true"></i><br />Äặt trưá»c 2134 </a> 2135 </div> 2136 </div> 2137 2138 2139 2140 2141 <div class="grid__item medium--two-tenths small--two-tenths pd-left0"> 2142 <div class="mobile-nav-item"> 2143 <a href="/account"> 2144 <i class="fa fa-user" aria-hidden="true"></i><br />Tà i khoản 2145 </a> 2146 </div> 2147 </div> 2148 2149 2150 2151 2152 <div class="grid__item medium--two-tenths small--two-tenths pd-left0"> 2153 <div class="mobile-nav-item"> 2154 <a href="/pages/lien-he "> 2155 <i class="fa fa-phone" aria-hidden="true"></i> <br />Liên há» 2156 </a> 2157 </div> 2158 </div> 2159 2160 2161 <div class="grid__item medium--two-tenths small--two-tenths pd-left0"> 2162 <div class="mobile-nav-item"> 2163 <a href="/cart"> 2164 <i class="fa fa-shopping-cart" aria-hidden="true"></i><br />Giá» hà ng 2165 <span class="number"> 2166 0 2167 </span> 2168 </a> 2169 </div> 2170 </div> 2171 </div> 2172</section> 2173 2174 2175 2176 2177 2178 <div id="modalAddComplete"> 2179</div> 2180 2181<button type="button" id="modalAddCompleteBtn" style="display: none;"></button> 2182
2183<script> 2184// Get the modal 2185var modalAddComplete = document.getElementById('modalAddComplete'); 2186 2187// Get the button that opens the modal 2188var modalAddCompleteBtn = document.getElementById("modalAddCompleteBtn"); 2189 2190// When the user clicks the button, open the modal 2191modalAddCompleteBtn.onclick = function() { 2192 modalAddComplete.style.display = "block"; 2193} 2194 2195// When the user clicks anywhere outside of the modal, close it 2196window.onclick = function(event) { 2197 if (event.target == modalAddComplete) { 2198 modalAddComplete.style.display = "none"; 2199 } 2200} 2201</script>
2201 2202 2203<style> 2204 #modalAddComplete { 2205 border-radius: 8px; 2206 overflow: hidden; 2207 } 2208</style> 2209 2210 2211 2212 2213 2214 2215 2216 <section id="mobile-bottom-navigation" class="large--hide medium--hide"> 2217 <div class="grid mg-left-0"> 2218 2219 2220 2221 2222 <div class="grid__item medium--two-tenths small--two-tenths pd-left0"> 2223 <div class="mobile-nav-item"> 2224 <a href="/collections/moi-phat-hanh"> 2225 <i class="fa fa-tag" aria-hidden="true"></i><br />Má»i nhất 2226 </a> 2227 </div> 2228 </div> 2229 2230 2231 2232 2233 <div class="grid__item medium--two-tenths small--two-tenths pd-left0"> 2234 <div class="mobile-nav-item"> 2235 <a href="/collections/sap-phat-hanh"> 2236 <i class="fa fa-bell" aria-hidden="true"></i><br />Äặt trưá»c 2237 </a> 2238 </div> 2239 </div> 2240 2241 2242 2243 2244 <div class="grid__item medium--two-tenths small--two-tenths pd-left0"> 2245 <div class="mobile-nav-item"> 2246 <a href="/account"> 2247 <i class="fa fa-user" aria-hidden="true"></i><br />Tà i khoản 2248 </a> 2249 </div> 2250 </div> 2251 2252 2253 2254 2255 <div class="grid__item medium--two-tenths small--two-tenths pd-left0"> 2256 <div class="mobile-nav-item"> 2257 <a href="/pages/lien-he "> 2258 <i class="fa fa-phone" aria-hidden="true"></i> <br />Liên há» 2259 </a> 2260 </div> 2261 </div> 2262 2263 2264 <div class="grid__item medium--two-tenths small--two-tenths pd-left0"> 2265 <div class="mobile-nav-item"> 2266 <a href="/cart"> 2267 <i class="fa fa-shopping-cart" aria-hidden="true"></i><br />Giá» hà ng 2268 <span class="number"> 2269 0 2270 </span> 2271 </a> 2272 </div> 2273 </div> 2274 </div> 2275</section> 2276 2277 2278 2279 2280 2281
2281<script src='https://cdn.hstatic.net/shared/api.jquery.js' type='text/javascript'></script>
2281 2282
2283<script src='https://cdn.hstatic.net/shared/option_selection.js' type='text/javascript'></script>
2283 2284 2285
2286<script src='//cdn.hstatic.net/themes/200001065489/1001403944/14/fastclick.min.js?v=593' type='text/javascript'></script>
vendor: 1 bytes, line 2286
2286
2287<script src='//cdn.hstatic.net/themes/200001065489/1001403944/14/script.js?v=593' type='text/javascript'></script>
vendor: 1 bytes, line 2287
2287
2288<script src='//cdn.hstatic.net/themes/200001065489/1001403944/14/timber.js?v=593' type='text/javascript'></script>
2288 2289
2290<script> 2291 2292 </script>
2292 2293
2294<script src='//cdn.hstatic.net/themes/200001065489/1001403944/14/handlebars.min.js?v=593' type='text/javascript'></script>
2294 2295<!-- /snippets/ajax-cart-template.liquid --> 2296 2297
2297<script id="CartTemplate" type="text/template"> 2298 2299 <form action="/cart" method="post" novalidate class="cart ajaxcart"> 2300 <div class="ajaxcart__inner"> 2301 {{#items}} 2302 <div class="ajaxcart__product"> 2303 <div class="ajaxcart__row" data-line="{{line}}"> 2304 <div class="grid"> 2305 <div class="grid__item one-quarter"> 2306 <a href="{{url}}" class="ajaxcart__product-image"><img src="{{img}}" alt=""></a> 2307 </div> 2308 <div class="grid__item three-quarters"> 2309 <p> 2310 <a href="{{url}}" class="ajaxcart__product-name">{{name}}</a> 2311 {{#if variation}} 2312 <span class="ajaxcart__product-meta">{{variation}}</span> 2313 {{/if}} 2314 {{#properties}} 2315 {{#each this}} 2316 {{#if this}} 2317 <span class="ajaxcart__product-meta">{{@key}}: {{this}}</span> 2318 {{/if}} 2319 {{/each}} 2320 {{/properties}} 2321 2322 </p> 2323 2324 <div class="grid--full display-table"> 2325 <div class="grid__item display-table-cell one-half"> 2326 <div class="ajaxcart__qty"> 2327 <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="{{key}}" data-qty="{{itemMinus}}" data-line="{{line}}"> 2328 <span class="icon icon-minus" aria-hidden="true"></span> 2329 <span class="fallback-text" aria-hidden="true">−</span> 2330 <span class="visually-hidden">cart.general.reduce_quantity</span> 2331 </button> 2332 <input type="text" name="updates[]" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{key}}" data-line="{{line}}" aria-label="quantity" pattern="[0-9]*"> 2333 <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="{{key}}" data-line="{{line}}" data-qty="{{itemAdd}}"> 2334 <span class="icon icon-plus" aria-hidden="true"></span> 2335 <span class="fallback-text" aria-hidden="true">+</span> 2336 <span class="visually-hidden">cart.general.increase_quantity</span> 2337 </button> 2338 </div> 2339 </div> 2340 <div class="grid__item display-table-cell one-half text-right"> 2341 {{#if discountsApplied}} 2342 <small class="ajaxcart-item__price-strikethrough"><s>{{{originalLinePrice}}}</s></small> 2343 <br><span>{{{linePrice}}}</span> 2344 {{else}} 2345 <span>{{{linePrice}}}</span> 2346 {{/if}} 2347 </div> 2348 </div> 2349 {{#if discountsApplied}} 2350 <div class="grid--full display-table"> 2351 <div class="grid__item text-right"> 2352 {{#each discounts}} 2353 <small class="ajaxcart-item__discount">{{ this.title }}</small><br> 2354 {{/each}} 2355 </div> 2356 </div> 2357 {{/if}} 2358 </div> 2359 </div> 2360 </div> 2361 </div> 2362 </div> 2363 </div> 2364 {{/items}} 2365 2366 2367 <div> 2368 <label for="CartSpecialInstructions">Ghi chú ÄÆ¡n hà ng</label> 2369 <textarea name="note" class="input-full" id="CartSpecialInstructions">{{ note }}</textarea> 2370 </div> 2371 2372 </div> 2373 <div class="ajaxcart__footer"> 2374 <div class="grid--full"> 2375 <div class="grid__item two-thirds"> 2376 <p>Tá»ng</p> 2377 </div> 2378 <div class="grid__item one-third text-right"> 2379 <p>{{{totalPrice}}}</p> 2380 </div> 2381 {{#if totalCartDiscount}} 2382 <p class="ajaxcart__savings text-center"><em>{{{totalCartDiscount}}}</em></p> 2383 {{/if}} 2384 </div> 2385 <p class="text-center">Giao hà ng & tÃnh thuế khi bán hà ng</p> 2386 <button type="submit" class="btn--secondary btn--full cart__checkout" name="checkout"> 2387 Thanh toán → 2388 </button> 2389 2390 </div> 2391 </form> 2392 2393 </script>
2393 2394
2394<script id="AjaxQty" type="text/template"> 2395 2396 <div class="ajaxcart__qty"> 2397 <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="{{key}}" data-qty="{{itemMinus}}"> 2398 <span class="icon icon-minus" aria-hidden="true"></span> 2399 <span class="fallback-text" aria-hidden="true">−</span> 2400 <span class="visually-hidden">cart.general.reduce_quantity</span> 2401 </button> 2402 <input type="text" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*"> 2403 <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="{{key}}" data-qty="{{itemAdd}}"> 2404 <span class="icon icon-plus" aria-hidden="true"></span> 2405 <span class="fallback-text" aria-hidden="true">+</span> 2406 <span class="visually-hidden">cart.general.increase_quantity</span> 2407 </button> 2408 </div> 2409 2410 </script>
2410 2411
2411<script id="JsQty" type="text/template"> 2412 2413 <div class="js-qty"> 2414 <button type="button" class="js-qty__adjust js-qty__adjust--minus icon-fallback-text" data-id="{{key}}" data-qty="{{itemMinus}}"> 2415 <span class="icon icon-minus" aria-hidden="true"></span> 2416 <span class="fallback-text" aria-hidden="true">−</span> 2417 <span class="visually-hidden">cart.general.reduce_quantity</span> 2418 </button> 2419 <input type="number" class="js-qty__num" value="{{itemQty}}" min="1" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}"> 2420 <button type="button" class="js-qty__adjust js-qty__adjust--plus icon-fallback-text" data-id="{{key}}" data-qty="{{itemAdd}}"> 2421 <span class="icon icon-plus" aria-hidden="true"></span> 2422 <span class="fallback-text" aria-hidden="true">+</span> 2423 <span class="visually-hidden">cart.general.increase_quantity</span> 2424 </button> 2425 </div> 2426 2427 </script>
2427 2428
2429<script src='//cdn.hstatic.net/themes/200001065489/1001403944/14/ajax-cart.js?v=593' type='text/javascript'></script>
vendor: 1 bytes, line 2429
2429
2430<script> 2431jQuery(function($) { 2432 ajaxCart.init({ 2433 formSelector: '#AddToCartForm', 2434 cartContainer: '#CartContainer', 2435 addToCartSelector: '#AddToCart', 2436 cartCountSelector: '#CartCount', 2437 cartCostSelector: '#CartCost', 2438 moneyFormat: "{{amount}}â«" 2439 }); 2440}); 2441 2442jQuery(document.body).on('afterCartLoad.ajaxCart', function(evt, cart) { 2443 // Bind to 'afterCartLoad.ajaxCart' to run any javascript after the cart has loaded in the DOM 2444 timber.RightDrawer.open(); 2445}); 2446</script>
2446 2447 2448 2449 2450<!-- Custom script --> 2451 2452 2453 2454
2455<script> 2456initCartHeader(); 2457 2458function initCartHeader() { 2459 var box1 = document.querySelector('.desktop-cart-wrapper .quickview-cart'); 2460 var box2 = document.querySelector('.desktop-cart-wrapper1 .quickview-cart'); 2461 2462 function show1() { 2463 //console.log('showing'); 2464 $(".cart-overlay1").addClass('open'); 2465 box1.style.display = 'block'; 2466 } 2467 2468 function hide1() { 2469 //console.log('hiding'); 2470 $(".cart-overlay1").removeClass('open'); 2471 box1.style.display = 'none'; 2472 } 2473 2474 $(".desktop-cart-wrapper .btnCloseQVCart").click(function(){ 2475 hide1(); 2476 }); 2477 2478 var outside1 = function(event) { 2479 if (!box1.contains(event.target)) { 2480 hide1(); 2481 //console.log('removing outside listener on document') 2482 this.removeEventListener(event.type, outside1); 2483 } 2484 } 2485 2486 document.querySelector('.desktop-cart-wrapper > a').addEventListener('click', function(event) { 2487 event.preventDefault(); 2488 event.stopPropagation(); 2489 show1(); 2490 document.addEventListener('click', outside1); 2491 }); 2492 2493 function show2() { 2494 //console.log('showing'); 2495 $(".cart-overlay1").addClass('open'); 2496 box2.style.display = 'block'; 2497 } 2498 2499 function hide2() { 2500 //console.log('hiding'); 2501 $(".cart-overlay1").removeClass('open'); 2502 box2.style.display = 'none'; 2503 } 2504 2505 $(".desktop-cart-wrapper1 .btnCloseQVCart").click(function(){ 2506 hide2(); 2507 }); 2508 2509 var outside2 = function(event) { 2510 if (!box2.contains(event.target)) { 2511 hide2(); 2512 //console.log('removing outside listener on document') 2513 this.removeEventListener(event.type, outside2); 2514 } 2515 } 2516 2517 document.querySelector('.desktop-cart-wrapper1 > a').addEventListener('click', function(event) { 2518 event.preventDefault(); 2519 event.stopPropagation(); 2520 show2(); 2521 document.addEventListener('click', outside2); 2522 }); 2523 2524} 2525</script>
2525 2526 2527 2528 2529 2530 2531<!-- Owl carousel init -->
2532<script> 2533$(document).ready(function() { 2534 2535 var sync1 = $("#sync1"); 2536 var sync2 = $("#sync2"); 2537 2538 sync1.owlCarousel({ 2539 singleItem : true, 2540 navigation: false, 2541 pagination:false, 2542 afterAction : syncPosition, 2543 responsiveRefreshRate : 200, 2544 slideSpeed: 1000, 2545 paginationSpeed: 1000, 2546 autoPlay: 5000, 2547 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2548 }); 2549 2550 sync2.owlCarousel({ 2551 items : 4, 2552 itemsDesktop : [1199,4], 2553 itemsDesktopSmall : [979,3], 2554 itemsTablet : [768,3], 2555 itemsMobile : [479,2], 2556 pagination:false, 2557 navigation: false, 2558 responsiveRefreshRate : 100, 2559 slideSpeed: 1000, 2560 paginationSpeed: 1000, 2561 autoPlay: 5000, 2562 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'], 2563 afterInit : function(el){ 2564 el.find(".owl-item").eq(0).addClass("synced"); 2565 } 2566 }); 2567 2568 function syncPosition(el){ 2569 var current = this.currentItem; 2570 $("#sync2") 2571 .find(".owl-item") 2572 .removeClass("synced") 2573 .eq(current) 2574 .addClass("synced") 2575 if($("#sync2").data("owlCarousel") !== undefined){ 2576 center(current) 2577 } 2578 2579 } 2580 2581 $("#sync2").on("click", ".owl-item", function(e){ 2582 e.preventDefault(); 2583 var number = $(this).data("owlItem"); 2584 sync1.trigger("owl.goTo",number); 2585 }); 2586 2587 function center(number){ 2588 var sync2visible = sync2.data("owlCarousel").owl.visibleItems; 2589 2590 var num = number; 2591 var found = false; 2592 for(var i in sync2visible){ 2593 if(num === sync2visible[i]){ 2594 var found = true; 2595 } 2596 } 2597 2598 if(found===false){ 2599 if(num>sync2visible[sync2visible.length-1]){ 2600 sync2.trigger("owl.goTo", num - sync2visible.length+2) 2601 }else{ 2602 if(num - 1 === -1){ 2603 num = 0; 2604 } 2605 sync2.trigger("owl.goTo", num); 2606 } 2607 } else if(num === sync2visible[sync2visible.length-1]){ 2608 sync2.trigger("owl.goTo", sync2visible[1]) 2609 } else if(num === sync2visible[0]){ 2610 sync2.trigger("owl.goTo", num-1) 2611 } 2612 } 2613 2614}); 2615</script>
vendor: 1 bytes, line 2615
2615
2616<script> 2617$(document).ready(function() { 2618 $("#owl-home-main-slider").owlCarousel({ 2619 items: 1, 2620 itemsDesktop: [1000, 1], 2621 itemsDesktopSmall: [900, 1], 2622 itemsTablet: [600, 1], 2623 itemsMobile: false, 2624 navigation: false, 2625 pagination: true, 2626 slideSpeed: 1000, 2627 paginationSpeed: 1000, 2628 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2629 }); 2630 2631 $("#owl-home-flashsale-products-slider").owlCarousel({ 2632 items: 5, 2633 itemsDesktop: [1000, 5], 2634 itemsDesktopSmall: [900, 4], 2635 itemsTablet: [768, 3], 2636 itemsMobile: [480, 2], 2637 navigation: true, 2638 pagination: false, 2639 slideSpeed: 1000, 2640 paginationSpeed: 1000, 2641 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2642 }); 2643 2644 $("#owl-hmp-banners-slider1").owlCarousel({ 2645 items: 1, 2646 itemsDesktop: [1000, 1], 2647 itemsDesktopSmall: [900, 1], 2648 itemsTablet: [768, 1], 2649 itemsMobile: [480, 1], 2650 navigation: false, 2651 pagination: true, 2652 slideSpeed: 1000, 2653 paginationSpeed: 1000, 2654 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2655 }); 2656 2657 $("#owl-hmp-banners-slider2").owlCarousel({ 2658 items: 1, 2659 itemsDesktop: [1000, 1], 2660 itemsDesktopSmall: [900, 1], 2661 itemsTablet: [768, 1], 2662 itemsMobile: [480, 1], 2663 navigation: false, 2664 pagination: true, 2665 slideSpeed: 1000, 2666 paginationSpeed: 1000, 2667 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2668 }); 2669 2670 $("#owl-hmp-banners-slider3").owlCarousel({ 2671 items: 1, 2672 itemsDesktop: [1000, 1], 2673 itemsDesktopSmall: [900, 1], 2674 itemsTablet: [768, 1], 2675 itemsMobile: [480, 1], 2676 navigation: false, 2677 pagination: true, 2678 slideSpeed: 1000, 2679 paginationSpeed: 1000, 2680 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2681 }); 2682 2683 $("#owl-hmp-banners-slider4").owlCarousel({ 2684 items: 1, 2685 itemsDesktop: [1000, 1], 2686 itemsDesktopSmall: [900, 1], 2687 itemsTablet: [768, 1], 2688 itemsMobile: [480, 1], 2689 navigation: false, 2690 pagination: true, 2691 slideSpeed: 1000, 2692 paginationSpeed: 1000, 2693 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2694 }); 2695 2696 $("#owl-hmp-banners-slider5").owlCarousel({ 2697 items: 1, 2698 itemsDesktop: [1000, 1], 2699 itemsDesktopSmall: [900, 1], 2700 itemsTablet: [768, 1], 2701 itemsMobile: [480, 1], 2702 navigation: false, 2703 pagination: true, 2704 slideSpeed: 1000, 2705 paginationSpeed: 1000, 2706 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2707 }); 2708 2709 $("#owl-hmp-slider1_1").owlCarousel({ 2710 items: 4, 2711 itemsDesktop: [1000, 4], 2712 itemsDesktopSmall: [900, 4], 2713 itemsTablet: [768, 3], 2714 itemsMobile: [480, 2], 2715 navigation: true, 2716 pagination: false, 2717 slideSpeed: 1000, 2718 paginationSpeed: 1000, 2719 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2720 }); 2721 2722 $("#owl-hmp-slider1_2").owlCarousel({ 2723 items: 4, 2724 itemsDesktop: [1000, 4], 2725 itemsDesktopSmall: [900, 4], 2726 itemsTablet: [768, 3], 2727 itemsMobile: [480, 2], 2728 navigation: true, 2729 pagination: false, 2730 slideSpeed: 1000, 2731 paginationSpeed: 1000, 2732 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2733 }); 2734 2735 $("#owl-hmp-slider1_3").owlCarousel({ 2736 items: 4, 2737 itemsDesktop: [1000, 4], 2738 itemsDesktopSmall: [900, 4], 2739 itemsTablet: [768, 3], 2740 itemsMobile: [480, 2], 2741 navigation: true, 2742 pagination: false, 2743 slideSpeed: 1000, 2744 paginationSpeed: 1000, 2745 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2746 }); 2747 2748 $("#owl-hmp-slider1_4").owlCarousel({ 2749 items: 4, 2750 itemsDesktop: [1000, 4], 2751 itemsDesktopSmall: [900, 4], 2752 itemsTablet: [768, 3], 2753 itemsMobile: [480, 2], 2754 navigation: true, 2755 pagination: false, 2756 slideSpeed: 1000, 2757 paginationSpeed: 1000, 2758 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2759 }); 2760 2761 $("#owl-hmp-slider1_5").owlCarousel({ 2762 items: 4, 2763 itemsDesktop: [1000, 4], 2764 itemsDesktopSmall: [900, 4], 2765 itemsTablet: [768, 3], 2766 itemsMobile: [480, 2], 2767 navigation: true, 2768 pagination: false, 2769 slideSpeed: 1000, 2770 paginationSpeed: 1000, 2771 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2772 }); 2773 2774 2775 $("#owl-hmp-slider2_1").owlCarousel({ 2776 items: 4, 2777 itemsDesktop: [1000, 4], 2778 itemsDesktopSmall: [900, 4], 2779 itemsTablet: [768, 3], 2780 itemsMobile: [480, 2], 2781 navigation: true, 2782 pagination: false, 2783 slideSpeed: 1000, 2784 paginationSpeed: 1000, 2785 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2786 }); 2787 2788 $("#owl-hmp-slider2_2").owlCarousel({ 2789 items: 4, 2790 itemsDesktop: [1000, 4], 2791 itemsDesktopSmall: [900, 4], 2792 itemsTablet: [768, 3], 2793 itemsMobile: [480, 2], 2794 navigation: true, 2795 pagination: false, 2796 slideSpeed: 1000, 2797 paginationSpeed: 1000, 2798 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2799 }); 2800 2801 $("#owl-hmp-slider2_3").owlCarousel({ 2802 items: 4, 2803 itemsDesktop: [1000, 4], 2804 itemsDesktopSmall: [900, 4], 2805 itemsTablet: [768, 3], 2806 itemsMobile: [480, 2], 2807 navigation: true, 2808 pagination: false, 2809 slideSpeed: 1000, 2810 paginationSpeed: 1000, 2811 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2812 }); 2813 2814 $("#owl-hmp-slider2_4").owlCarousel({ 2815 items: 4, 2816 itemsDesktop: [1000, 4], 2817 itemsDesktopSmall: [900, 4], 2818 itemsTablet: [768, 3], 2819 itemsMobile: [480, 2], 2820 navigation: true, 2821 pagination: false, 2822 slideSpeed: 1000, 2823 paginationSpeed: 1000, 2824 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2825 }); 2826 2827 $("#owl-hmp-slider2_5").owlCarousel({ 2828 items: 4, 2829 itemsDesktop: [1000, 4], 2830 itemsDesktopSmall: [900, 4], 2831 itemsTablet: [768, 3], 2832 itemsMobile: [480, 2], 2833 navigation: true, 2834 pagination: false, 2835 slideSpeed: 1000, 2836 paginationSpeed: 1000, 2837 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2838 }); 2839 2840 2841 $("#owl-hmp-slider3_1").owlCarousel({ 2842 items: 4, 2843 itemsDesktop: [1000, 4], 2844 itemsDesktopSmall: [900, 4], 2845 itemsTablet: [768, 3], 2846 itemsMobile: [480, 2], 2847 navigation: true, 2848 pagination: false, 2849 slideSpeed: 1000, 2850 paginationSpeed: 1000, 2851 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2852 }); 2853 2854 $("#owl-hmp-slider3_2").owlCarousel({ 2855 items: 4, 2856 itemsDesktop: [1000, 4], 2857 itemsDesktopSmall: [900, 4], 2858 itemsTablet: [768, 3], 2859 itemsMobile: [480, 2], 2860 navigation: true, 2861 pagination: false, 2862 slideSpeed: 1000, 2863 paginationSpeed: 1000, 2864 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2865 }); 2866 2867 $("#owl-hmp-slider3_3").owlCarousel({ 2868 items: 4, 2869 itemsDesktop: [1000, 4], 2870 itemsDesktopSmall: [900, 4], 2871 itemsTablet: [768, 3], 2872 itemsMobile: [480, 2], 2873 navigation: true, 2874 pagination: false, 2875 slideSpeed: 1000, 2876 paginationSpeed: 1000, 2877 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2878 }); 2879 2880 $("#owl-hmp-slider3_4").owlCarousel({ 2881 items: 4, 2882 itemsDesktop: [1000, 4], 2883 itemsDesktopSmall: [900, 4], 2884 itemsTablet: [768, 3], 2885 itemsMobile: [480, 2], 2886 navigation: true, 2887 pagination: false, 2888 slideSpeed: 1000, 2889 paginationSpeed: 1000, 2890 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2891 }); 2892 2893 $("#owl-hmp-slider3_5").owlCarousel({ 2894 items: 4, 2895 itemsDesktop: [1000, 4], 2896 itemsDesktopSmall: [900, 4], 2897 itemsTablet: [768, 3], 2898 itemsMobile: [480, 2], 2899 navigation: true, 2900 pagination: false, 2901 slideSpeed: 1000, 2902 paginationSpeed: 1000, 2903 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2904 }); 2905 2906 2907 $("#owl-hmp-slider4_1").owlCarousel({ 2908 items: 4, 2909 itemsDesktop: [1000, 4], 2910 itemsDesktopSmall: [900, 4], 2911 itemsTablet: [768, 3], 2912 itemsMobile: [480, 2], 2913 navigation: true, 2914 pagination: false, 2915 slideSpeed: 1000, 2916 paginationSpeed: 1000, 2917 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2918 }); 2919 2920 $("#owl-hmp-slider4_2").owlCarousel({ 2921 items: 4, 2922 itemsDesktop: [1000, 4], 2923 itemsDesktopSmall: [900, 4], 2924 itemsTablet: [768, 3], 2925 itemsMobile: [480, 2], 2926 navigation: true, 2927 pagination: false, 2928 slideSpeed: 1000, 2929 paginationSpeed: 1000, 2930 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2931 }); 2932 2933 $("#owl-hmp-slider4_3").owlCarousel({ 2934 items: 4, 2935 itemsDesktop: [1000, 4], 2936 itemsDesktopSmall: [900, 4], 2937 itemsTablet: [768, 3], 2938 itemsMobile: [480, 2], 2939 navigation: true, 2940 pagination: false, 2941 slideSpeed: 1000, 2942 paginationSpeed: 1000, 2943 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2944 }); 2945 2946 $("#owl-hmp-slider4_4").owlCarousel({ 2947 items: 4, 2948 itemsDesktop: [1000, 4], 2949 itemsDesktopSmall: [900, 4], 2950 itemsTablet: [768, 3], 2951 itemsMobile: [480, 2], 2952 navigation: true, 2953 pagination: false, 2954 slideSpeed: 1000, 2955 paginationSpeed: 1000, 2956 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2957 }); 2958 2959 $("#owl-hmp-slider4_5").owlCarousel({ 2960 items: 4, 2961 itemsDesktop: [1000, 4], 2962 itemsDesktopSmall: [900, 4], 2963 itemsTablet: [768, 3], 2964 itemsMobile: [480, 2], 2965 navigation: true, 2966 pagination: false, 2967 slideSpeed: 1000, 2968 paginationSpeed: 1000, 2969 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2970 }); 2971 2972 2973 $("#owl-hmp-slider5_1").owlCarousel({ 2974 items: 4, 2975 itemsDesktop: [1000, 4], 2976 itemsDesktopSmall: [900, 4], 2977 itemsTablet: [768, 3], 2978 itemsMobile: [480, 2], 2979 navigation: true, 2980 pagination: false, 2981 slideSpeed: 1000, 2982 paginationSpeed: 1000, 2983 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2984 }); 2985 2986 $("#owl-hmp-slider5_2").owlCarousel({ 2987 items: 4, 2988 itemsDesktop: [1000, 4], 2989 itemsDesktopSmall: [900, 4], 2990 itemsTablet: [768, 3], 2991 itemsMobile: [480, 2], 2992 navigation: true, 2993 pagination: false, 2994 slideSpeed: 1000, 2995 paginationSpeed: 1000, 2996 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 2997 }); 2998 2999 $("#owl-hmp-slider5_3").owlCarousel({ 3000 items: 4, 3001 itemsDesktop: [1000, 4], 3002 itemsDesktopSmall: [900, 4], 3003 itemsTablet: [768, 3], 3004 itemsMobile: [480, 2], 3005 navigation: true, 3006 pagination: false, 3007 slideSpeed: 1000, 3008 paginationSpeed: 1000, 3009 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 3010 }); 3011 3012 $("#owl-hmp-slider5_4").owlCarousel({ 3013 items: 4, 3014 itemsDesktop: [1000, 4], 3015 itemsDesktopSmall: [900, 4], 3016 itemsTablet: [768, 3], 3017 itemsMobile: [480, 2], 3018 navigation: true, 3019 pagination: false, 3020 slideSpeed: 1000, 3021 paginationSpeed: 1000, 3022 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 3023 }); 3024 3025 $("#owl-hmp-slider5_5").owlCarousel({ 3026 items: 4, 3027 itemsDesktop: [1000, 4], 3028 itemsDesktopSmall: [900, 4], 3029 itemsTablet: [768, 3], 3030 itemsMobile: [480, 2], 3031 navigation: true, 3032 pagination: false, 3033 slideSpeed: 1000, 3034 paginationSpeed: 1000, 3035 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 3036 }); 3037 3038 $("#owl-brands-slider").owlCarousel({ 3039 items: 6, 3040 itemsDesktop: [1000, 6], 3041 itemsDesktopSmall: [900, 5], 3042 itemsTablet: [768, 4], 3043 itemsMobile: [480, 2], 3044 navigation: false, 3045 pagination: false, 3046 slideSpeed: 1000, 3047 autoPlay: 3000, 3048 paginationSpeed: 1000, 3049 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 3050 }); 3051 3052 $("#owl-rpa-slider").owlCarousel({ 3053 items: 5, 3054 itemsDesktop: [1000, 5], 3055 itemsDesktopSmall: [900, 5], 3056 itemsTablet: [768, 4], 3057 itemsMobile: [480, 3], 3058 navigation: true, 3059 pagination: false, 3060 slideSpeed: 1000, 3061 paginationSpeed: 1000, 3062 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 3063 }); 3064 3065 $("#owl-blog-single-slider1").owlCarousel({ 3066 items: 2, 3067 itemsDesktop: [1000, 2], 3068 itemsDesktopSmall: [900, 2], 3069 itemsTablet: [600, 1], 3070 itemsMobile: false, 3071 navigation: true, 3072 pagination: false, 3073 slideSpeed: 1000, 3074 paginationSpeed: 1000, 3075 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 3076 }); 3077 3078 $("#owl-blog-single-slider2").owlCarousel({ 3079 items: 2, 3080 itemsDesktop: [1000, 2], 3081 itemsDesktopSmall: [900, 2], 3082 itemsTablet: [600, 1], 3083 itemsMobile: false, 3084 navigation: true, 3085 pagination: false, 3086 slideSpeed: 1000, 3087 paginationSpeed: 1000, 3088 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 3089 }); 3090 3091 $("#owl-blog-single-slider3").owlCarousel({ 3092 items: 2, 3093 itemsDesktop: [1000, 2], 3094 itemsDesktopSmall: [900, 2], 3095 itemsTablet: [600, 1], 3096 itemsMobile: false, 3097 navigation: true, 3098 pagination: false, 3099 slideSpeed: 1000, 3100 paginationSpeed: 1000, 3101 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 3102 }); 3103 3104 $("#owl-blog-single-slider4").owlCarousel({ 3105 items: 2, 3106 itemsDesktop: [1000, 2], 3107 itemsDesktopSmall: [900, 2], 3108 itemsTablet: [600, 1], 3109 itemsMobile: false, 3110 navigation: true, 3111 pagination: false, 3112 slideSpeed: 1000, 3113 paginationSpeed: 1000, 3114 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 3115 }); 3116 3117 $("#owl-blog-single-slider5").owlCarousel({ 3118 items: 2, 3119 itemsDesktop: [1000, 2], 3120 itemsDesktopSmall: [900, 2], 3121 itemsTablet: [600, 1], 3122 itemsMobile: false, 3123 navigation: true, 3124 pagination: false, 3125 slideSpeed: 1000, 3126 paginationSpeed: 1000, 3127 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 3128 }); 3129 3130 $("#owl-blog-single-slider6").owlCarousel({ 3131 items: 2, 3132 itemsDesktop: [1000, 2], 3133 itemsDesktopSmall: [900, 2], 3134 itemsTablet: [600, 1], 3135 itemsMobile: false, 3136 navigation: true, 3137 pagination: false, 3138 slideSpeed: 1000, 3139 paginationSpeed: 1000, 3140 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 3141 }); 3142 3143 $("#owl-blog-single-slider7").owlCarousel({ 3144 items: 2, 3145 itemsDesktop: [1000, 2], 3146 itemsDesktopSmall: [900, 2], 3147 itemsTablet: [600, 1], 3148 itemsMobile: false, 3149 navigation: true, 3150 pagination: false, 3151 slideSpeed: 1000, 3152 paginationSpeed: 1000, 3153 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 3154 }); 3155 3156 $("#owl-blog-single-slider8").owlCarousel({ 3157 items: 2, 3158 itemsDesktop: [1000, 2], 3159 itemsDesktopSmall: [900, 2], 3160 itemsTablet: [600, 1], 3161 itemsMobile: false, 3162 navigation: true, 3163 pagination: false, 3164 slideSpeed: 1000, 3165 paginationSpeed: 1000, 3166 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 3167 }); 3168 3169 $("#owl-blog-single-slider9").owlCarousel({ 3170 items: 2, 3171 itemsDesktop: [1000, 2], 3172 itemsDesktopSmall: [900, 2], 3173 itemsTablet: [600, 1], 3174 itemsMobile: false, 3175 navigation: true, 3176 pagination: false, 3177 slideSpeed: 1000, 3178 paginationSpeed: 1000, 3179 n
3179avigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 3180 }); 3181 3182 $("#owl-blog-single-slider10").owlCarousel({ 3183 items: 2, 3184 itemsDesktop: [1000, 2], 3185 itemsDesktopSmall: [900, 2], 3186 itemsTablet: [600, 1], 3187 itemsMobile: false, 3188 navigation: true, 3189 pagination: false, 3190 slideSpeed: 1000, 3191 paginationSpeed: 1000, 3192 navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'] 3193 }); 3194}); 3195</script>
3195 3196 3197<!-- Back to top -->
3198<script> 3199jQuery(document).ready(function() { 3200 var offset = 220; 3201 var duration = 500; 3202 jQuery(window).scroll(function() { 3203 if (jQuery(this).scrollTop() > offset) { 3204 jQuery('#back-to-top').fadeIn(duration); 3205 } else { 3206 jQuery('#back-to-top').fadeOut(duration); 3207 } 3208 }); 3209 3210 jQuery('#back-to-top').click(function(event) { 3211 event.preventDefault(); 3212 jQuery('html, body').animate({ 3213 scrollTop: 0 3214 }, duration); 3215 return false; 3216 }); 3217 3218 window.onscroll = changePos; 3219 3220 function changePos() { 3221 var header = $("#header"); 3222 var headerheight = $("#header").height(); 3223 if (window.pageYOffset > headerheight) { 3224 header.addClass('scrolldown'); 3225 } else { 3226 header.removeClass('scrolldown'); 3227 } 3228 } 3229}); 3230</script>
3230 3231 3232<!-- Validate quantity form & trigger zoom -->
3233<script> 3234$("document").ready(function() { 3235 $(function() { 3236 $(".js-qty__num").keypress(function(event) { 3237 if (event.which != 8 && event.which != 0 && (event.which < 48 || event.which > 57)) { 3238 return false; 3239 } 3240 }); 3241 }); 3242 if($(window).width()> 768){ 3243 setTimeout(function() { 3244 $("#ProductThumbs .thumbnail-item:first-child a").trigger('click'); 3245 },10); 3246 }; 3247}); 3248</script>
3248 3249 3250 3251 3252 3253 3254<!-- popup loaded -->
3255<script> 3256$(document).ready(function(){ 3257 var date = new Date(); 3258 var minutes = 60; 3259 date.setTime(date.getTime() + (minutes * 60 * 1000)); 3260 3261 if (getCookie('popupNewLetterStatus') != 'closed') { 3262 $('#popup-btn').trigger('click'); 3263 setCookie('popupNewLetterStatus', 'closed', date); 3264 }; 3265}) 3266</script>
3266 3267 3268<!-- quick view --> 3269<style> 3270 .modal { 3271 display: none; 3272 position: fixed; 3273 z-index: 99999; 3274 left: 0; 3275 top: 0; 3276 width: 100%; 3277 height: 100%; 3278 overflow: hidden; 3279 background-color: rgb(0,0,0); 3280 background-color: rgba(0,0,0,0.4); 3281 transtion: all .5s; 3282 } 3283 3284 .modal-content { 3285 border-radius: 8px; 3286 background-color: #fefefe; 3287 margin: 5% auto; 3288 padding: 20px; 3289 border: 1px solid #888; 3290 width: 80%; 3291 max-width: 780px; 3292 transform: translatey(-30px); 3293 transition: all .5s; 3294 } 3295 3296 .close { 3297 color: #aaa; 3298 font-size: 28px; 3299 font-weight: bold; 3300 position: absolute; 3301 right: 0; 3302 top: 0; 3303 width: 40px; 3304 text-align: center; 3305 } 3306 3307 .close:hover, 3308 .close:focus { 3309 color: black; 3310 text-decoration: none; 3311 cursor: pointer; 3312 } 3313</style> 3314<div class="modal" id="productQuickView"> 3315 <div class="modal-content"> 3316 <span id="close" class="close">×</span> 3317 <form class="grid" id="form-quick-view" > 3318 <div class="grid__item large--four-tenths"> 3319 <div class="image-zoom"> 3320 <img id="p-product-image-feature" class="p-product-image-feature" src=""> 3321 <div id="p-sliderproduct" class="flexslider"> 3322 <ul class="slides"></ul> 3323 </div> 3324 </div> 3325 </div> 3326 <div class="grid__item large--six-tenths pull-right"> 3327 <h4 class="p-title modal-title " id="">Tên sản phẩm</h4> 3328 <p class="product-more-info"> 3329 <span class="product-sku"> 3330 Mã sản phẩm: <span id="ProductSku">01923123</span> 3331 </span> 3332 </p> 3333 <div class="form-input product-price-wrapper"> 3334 <div class="product-price"> 3335 <span class="p-price "></span> 3336 <del></del> 3337 </div> 3338 <em id="PriceSaving"></em> 3339 </div> 3340 <div class="p-option-wrapper"> 3341 <select name="id" class="" id="p-select-quickview"></select> 3342 </div> 3343 <div id="swatch-quick-view" class="select-swatch"> 3344 3345 </div> 3346 <div class="form-input hidden"> 3347 <label>Sá» lượng</label> 3348 <input name="quantity" type="number" min="1" value="1" /> 3349 </div> 3350 3351 <div class="form-input" style="width: 100%"> 3352 <button type="submit" class="btn btn-addcart" id="AddToCardQuickView">Thêm và o giá»</button> 3353 <button disabled class="btn btn-soldout">Hết hà ng</button> 3354 <div class="qv-readmore"> 3355 <span> hoặc </span><a class="read-more p-url" href="" role="button">Xem chi tiết</a> 3356 </div> 3357 </div> 3358 </div> 3359 </form> 3360 </div> 3361 <div id="loading"><div></div></div> 3362</div>
3363<script> 3364$('#AddToCardQuickView').on('click', function(e){ 3365 e.preventDefault(); 3366 jQuery.ajax({ 3367 type: 'POST', 3368 url: '/cart/add.js', 3369 async : false, 3370 data: jQuery('#form-quick-view').serialize(), 3371 dataType: 'json', 3372 success: function() { 3373 $(".close").trigger('click'); 3374 updateCart(); 3375 updateCartModal(); 3376 }, 3377 error: function(XMLHttpRequest, textStatus) { 3378 Haravan.onError(XMLHttpRequest, textStatus); 3379 } 3380 }); 3381}); 3382var callBack = function (variant, selector) { 3383 if (variant) { 3384 modal = $('#productQuickView'); 3385 $('.p-price').html(Haravan.formatMoney(variant.price, "{{amount}}â«")); 3386 if(variant.sku){ 3387 $('#ProductSku').html(variant.sku); 3388 $('.product-sku').show(); 3389 }else{ 3390 $('.product-sku').hide(); 3391 } 3392 if(variant.compare_at_price - variant.price > 0){ 3393 $('#PriceSaving').html('(Bạn Äã tÃch kiá»m ÄÆ°á»£c ' + Haravan.formatMoney(variant.compare_at_price - variant.price, "{{amount}}â«")+')') 3394 }else{ 3395 $('#PriceSaving').html('') 3396 } 3397 if (variant.compare_at_price > 0) 3398 modal.find('del').html(Haravan.formatMoney(variant.compare_at_price, "{{amount}}â«")); 3399 else 3400 modal.find('del').html(''); 3401 if (variant.available) { 3402 modal.find('.btn-addcart').css('display', 'block'); 3403 modal.find('.btn-soldout').css('display', 'none'); 3404 if (variant.featured_image) { 3405 var newImg = variant.featured_image, 3406 el = $('.p-product-image-feature')[0]; 3407 Haravan.Image.switchImage(newImg, el, timber.switchImage); 3408 } 3409 check_variant_quickview = true; 3410 } 3411 else { 3412 modal.find('.btn-addcart').css('display', 'none'); 3413 modal.find('.btn-soldout').css('display', 'block'); 3414 3415 } 3416 } 3417 else { 3418 modal.find('.btn-addcart').css('display', 'none'); 3419 modal.find('.btn-soldout').css('display', 'block'); 3420 check_variant_quickview = false; 3421 3422 } 3423} 3424var p_select_data = $('.p-option-wrapper').html(); 3425var p_zoom = $('.image-zoom').html(); 3426var quickViewProduct = function (purl) { 3427 3428 if ($(window).width() < 680) { window.location = purl; return false; } 3429 modal = $('#productQuickView'); 3430 $.ajax({ 3431 url: purl + '.js', 3432 async: false, 3433 success: function (product) { 3434 $.each(product.options, function (i, v) { 3435 product.options[i] = v.name; 3436 }) 3437 modal.find('.p-title').html(product.title); 3438 modal.find('.p-option-wrapper').html(p_select_data); 3439 modal.find('#swatch-quick-view').html(''); 3440 $('.image-zoom').html(p_zoom); 3441 modal.find('.p-url').attr('href', product.url); 3442 3443 $.each(product.variants, function (i, v) { 3444 modal.find('select#p-select-quickview').append("<option value='" + v.id + "'>" + v.title + ' - ' + v.price + "</option>"); 3445 }) 3446 if (product.variants.length == 1 && product.variants[0].title.indexOf('Default') != -1) 3447 $('.p-option-wrapper').hide(); 3448 else 3449 $('.p-option-wrapper').show(); 3450 if (product.variants.length == 1 && product.variants[0].title.indexOf('Default') != -1) { 3451 callBack(product.variants[0], null); 3452 } 3453 else { 3454 new Haravan.OptionSelectors("p-select-quickview", { product: product, onVariantSelected: callBack }); 3455 if (product.options.length == 1 && product.options[0].indexOf('Tiêu Äá»')==-1) 3456 modal.find('.selector-wrapper:eq(0)').prepend('<label>' + product.options[0] + '</label>'); 3457 $('.p-option-wrapper select:not(#p-select-quickview)').each(function () { 3458 $(this).wrap('<span class="custom-dropdown custom-dropdown--white"></span>'); 3459 $(this).addClass("custom-dropdown__select custom-dropdown__select--white"); 3460 }); 3461 var filePath = window.file_url.substring(0, window.file_url.lastIndexOf('?')); 3462 var assetUrl = window.asset_url.substring(0, window.asset_url.lastIndexOf('?')); 3463 3464 product.options.forEach(function(item){ 3465 3466 }) 3467 var variantSwatch = ''; 3468 for(var j = 0; j< product.options.length; j++){ 3469 var option_index = j; 3470 var op_index_plus = option_index + 1; 3471 var swatch = product.options[option_index]; 3472 variantSwatch += '<div id="variant-swatch-'+ option_index +'-quickview" class="swatch swatch-quick-view clearfix" data-option="option'+ op_index_plus +'" data-option-index="'+ option_index +'">'; 3473 variantSwatch += '<div class="header"> '+ product.options[j]+' </div><div class="select-swap">'; 3474 var is_color = false;
3475 if(product.options[j] == "Mà u sắc" || product.options[j] == "Mà u"){ 3476 is_color = true; 3477 } 3478 var values = ''; 3479 for(var i = 0; i< product.variants.length; i++){ 3480 var value = convertToSlug(product.variants[i].options[option_index]); //value handle :( 3481 var _value = product.variants[i].options[option_index]; 3482 3483 if(values.indexOf(value) < 0){ 3484 values += ','; 3485 values += ',' + value; 3486 values = values.split(','); 3487 if(is_color){ 3488 variantSwatch += '<div data-value="'+_value+'" class="n-sd swatch-element color '+ value; 3489 3490 }else{ 3491 variantSwatch += '<div data-value="'+_value+'" class="n-sd swatch-element '+ value; 3492 } 3493 3494 if(option_index == 2){ 3495 variantSwatch += 'variant-3">'; 3496 }else{ 3497 variantSwatch +='">'; 3498 } 3499 3500 variantSwatch += '<input class="variant-'+option_index+' input-quickview" id="qv-swatch-'+option_index+'-'+value+'" type="radio" name="option'+op_index_plus+'" value="'+_value+'"'; 3501 if(j==0){ 3502 variantSwatch += ' checked/>'; 3503 }else{ 3504 variantSwatch += ' />'; 3505 } 3506 3507 if(is_color){ 3508 var img_url = ''; 3509 if(product.variants[i].featured_image != null){ 3510 img_url = Haravan.resizeImage(product.variants[i].featured_image.src, 'thumb'); 3511 } 3512 if(img_url !== ''){ 3513 if(img_url.indexOf('noDefaultImage6') < 0){ 3514 variantSwatch += '<label class="'+value+' has-thumb" for="qv-swatch-'+option_index+'-'+value+'" style="background: url('+img_url+') top left no-repeat" >'; 3515 } 3516 } 3517 //fix o day 3518 else{ 3519 variantSwatch += '<label class="'+value+' no-thumb" for="qv-swatch-'+option_index+'-'+value+'">'; 3520 } 3521 variantSwatch +=' <span>'+_value+'</span><img class="crossed-out" src="'+assetUrl+'soldout.png" /><img class="img-check" src="'+assetUrl+'select-pro.png" /></label>'; 3522 3523 }else{ 3524 variantSwatch += '<label for="qv-swatch-'+option_index+'-'+value+'">'+ _value +'<img class="crossed-out" src="'+assetUrl+'soldout.png" /><img class="img-check" src="'+assetUrl+'select-pro.png" /></label>'; 3525 } 3526 //console.log(variantSwatch); 3527 //console.log(product.variants[i]) 3528 variantSwatch += '</div>'; 3529 } 3530 } 3531 3532 variantSwatch += '</div>'; 3533 variantSwatch += '</div>'; 3534 } 3535 3536 modal.find('#swatch-quick-view').html(variantSwatch); 3537 3538 callBack(product.variants[0], null); 3539 callFirstVariantQuickView(); 3540 } 3541 if (product.images.length == 0) { 3542 modal.find('.p-product-image-feature').attr('src', '//hstatic.net/0/0/global/noDefaultImage6_large.gif'); 3543 } 3544 else { 3545 $('#p-sliderproduct').remove(); 3546 $('.image-zoom').append("<div id='p-sliderproduct'>"); 3547 $('#p-sliderproduct').append("<ul class='owl-carousel inline-list'>"); 3548 $.each(product.images, function (i, v) { 3549 elem = $('<li class="item">').append('<a href="#" data-image="" data-zoom-image=""><img /></a>'); 3550 elem.find('a').attr('data-image', Haravan.resizeImage(v, 'medium')); 3551 elem.find('a').attr('data-zoom-image', Haravan.resizeImage(v, 'large')); 3552 elem.find('img').attr('data-image', Haravan.resizeImage(v, 'medium')); 3553 elem.find('img').attr('data-zoom-image',Haravan.resizeImage(v, 'large')); 3554 elem.find('img').attr('src', Haravan.resizeImage(v, 'medium')); 3555 modal.find('.owl-carousel').append(elem); 3556 }); 3557 var owl = $('#p-sliderproduct .owl-carousel'); 3558 owl.owlCarousel({ 3559 items:3, 3560 navigation : true, 3561 navigationText :[navRightText, navLeftText] 3562 }); 3563 $('#p-sliderproduct .owl-carousel .owl-item').first().children('.item').addClass('active'); 3564 modal.find('.p-product-image-feature').attr('src', Haravan.resizeImage(product.featured_image, 'large') ); 3565 $(".modal-footer .btn-readmore").attr('href', purl); 3566 } 3567 } 3568 }); 3569 3570 return false; 3571} 3572$('#productQuickView').on('click', '.item img', function (event) { 3573 event.preventDefault(); 3574 modal = $('#quick-view-modal'); 3575 modal.find('.p-product-image-feature').attr('src', $(this).attr('data-zoom-image')); 3576 modal.find('.item').removeClass('active'); 3577 $(this).parents('li').addClass('active'); 3578 return false;
3579}); 3580$(function(){ 3581 $('#close').click(function(){ 3582 $('#productQuickView .modal-content').css('opacity', '0'); 3583 $('#productQuickView .modal-content').css('transform', 'translateY(-30px)'); 3584 $('#productQuickView').css('background-color', 'rgba(0,0,0,0)'); 3585 setTimeout(function(){ 3586 $('#productQuickView').hide(); 3587 }, 500) 3588 }) 3589 window.onclick = function(event) { 3590 if (event.target == document.getElementById('productQuickView')) { 3591 $('#productQuickView .modal-content').css('opacity', '0'); 3592 $('#productQuickView .modal-content').css('transform', 'translateY(-30px)'); 3593 $('#productQuickView').css('background-color', 'rgba(0,0,0,0)'); 3594 setTimeout(function(){ 3595 $('#productQuickView').hide(); 3596 }, 500) 3597 } 3598 } 3599}) 3600$(document).on("click",".quick-view", function(event){ 3601 event.preventDefault(); 3602 3603 if(!quickViewProduct($(this).attr('data-handle'))){ 3604 if ($(window).width() > 680) { 3605 $('#productQuickView .modal-content').css('opacity', '0'); 3606 $('#productQuickView').show(); 3607 $('#productQuickView').css('background-color', 'rgba(0,0,0,0.4)'); 3608 $('#loading').show(); 3609 3610 var images = $("#productQuickView img"); 3611 var loadedImgNum = 0; 3612 3613 images.on('load', function(){ 3614 loadedImgNum += 1; 3615 if (loadedImgNum == images.length) { 3616 var topPQZ = ($('#productQuickView').height() - $('.modal-content').height())/2; 3617 $('#loading').hide(); 3618 $('#productQuickView .modal-content').css('opacity', '1'); 3619 $('#productQuickView .modal-content').css('transform', 'translateY(0)'); 3620 $('#productQuickView .modal-content').css('margin-top', topPQZ - 50); 3621 } 3622 }); 3623 } 3624 $('#p-sliderproduct a').on('click', function(evt) { 3625 evt.preventDefault(); 3626 var newImage = $(this).data('zoom-image'); 3627 $('.p-product-image-feature').attr('src', newImage); 3628 }); 3629 } 3630}); 3631function callFirstVariantQuickView(){ 3632 var _chage = ''; 3633 $('#productQuickView .swatch-element[data-value="'+$('.selector-wrapper .single-option-selector').eq(0).val()+'"]').find('input').click(); 3634 $('#productQuickView .swatch-element[data-value="'+$('.selector-wrapper .single-option-selector').eq(1).val()+'"]').find('input').click(); 3635 if(swatch_size == 2){ 3636 var _avi_op1 = ''; 3637 var _avi_op2 = ''; 3638 var _count = $('#variant-swatch-1-quickview .swatch-element').size(); 3639 $('#variant-swatch-0-quickview .swatch-element').each(function(ind,value){ 3640 var _key = $(this).data('value'); 3641 var _unavi = 0; 3642 $('#productQuickView .single-option-selector').eq(0).val(_key).change(); 3643 $('#variant-swatch-1-quickview .swatch-element').each(function(i,v){ 3644 var _val = $(this).data('value'); 3645 $('#productQuickView .single-option-selector').eq(1).val(_val).change(); 3646 if(check_variant_quickview == true){ 3647 if(_avi_op1 == ''){ 3648 _avi_op1 = _key; 3649 } 3650 if(_avi_op2 == ''){ 3651 _avi_op2 = _val; 3652 } 3653 }else{ 3654 _unavi += 1; 3655 } 3656 }) 3657 if(_unavi == _count){ 3658 $('#variant-swatch-0-quickview .swatch-element[data-value = "'+_key+'"]').addClass('soldout'); 3659 $('#variant-swatch-0-quickview .swatch-element[data-value = "'+_key+'"]').find('input').attr('disabled','disabled'); 3660 } 3661 }) 3662 $('#variant-swatch-1-quickview .swatch-element[data-value = "'+_avi_op2+'"] input').click(); 3663 $('#variant-swatch-0-quickview .swatch-element[data-value = "'+_avi_op1+'"] input').click(); 3664 }else if(swatch_size == 3){ 3665 var _avi_op1 = ''; 3666 var _avi_op2 = ''; 3667 var _avi_op3 = ''; 3668 var _size_op2 = $('#variant-swatch-1-quickview .swatch-element').size(); 3669 var _size_op3 = $('#variant-swatch-2-quickview .swatch-element').size(); 3670 3671 $('#variant-swatch-0-quickview .swatch-element').each(function(ind,value){ 3672 var _key_va1 = $(this).data('value'); 3673 var _count_unavi = 0; 3674 $('#productQuickView .single-option-selector').eq(0).val(_key_va1).change(); 3675 $('#variant-swatch-1-quickview .swatch-element').each(function(i,v){ 3676 var _key_va2 = $(this).data('value'); 3677 var _unavi_2 = 0; 3678 $('#productQuickView .single-option-selector').eq(1).val(_key_va2).change(); 3679 $('#variant-swatch-2-quickview .swatch-element').each(function(j,z){ 3680 var _key_va3 = $(this).data('value'); 3681 $('#productQuickView .single-option-selector').eq(2).val(_ke
3681y_va3).change(); 3682 if(check_variant_quickview == true){ 3683 if(_avi_op1 == ''){ 3684 _avi_op1 = _key_va1; 3685 } 3686 if(_avi_op2 == ''){ 3687 _avi_op2 = _key_va2; 3688 } 3689 if(_avi_op3 == ''){ 3690 _avi_op3 = _key_va3; 3691 } 3692 }else{ 3693 _unavi_2 += 1; 3694 } 3695 }) 3696 if(_unavi_2 == _size_op3){ 3697 _count_unavi += 1; 3698 } 3699 }) 3700 if(_size_op2 == _count_unavi){ 3701 $('#variant-swatch-0-quickview .swatch-element[data-value = "'+_key_va1+'"]').addClass('soldout'); 3702 $('#variant-swatch-0-quickview .swatch-element[data-value = "'+_key_va1+'"]').find('input').attr('disabled','disabled'); 3703 } 3704 }) 3705 $('#variant-swatch-0-quickview .swatch-element[data-value = "'+_avi_op1+'"] input').click(); 3706 } 3707 var img_ = $('#variant-swatch-0-quickview .swatch-element[data-value = "'+_avi_op1+'"] input').data('img-src'); 3708} 3709</script>
3709 3710 3711 3712 3713 3714 3715 3716 3717 3718 3719 3720 3721
3721<script> 3722 // Script há» trợ focus tìm kiếm và o Vendor trên Haravan 3723 var searchInput = document.querySelector('input[name="q"]'); 3724 if(searchInput) { 3725 searchInput.addEventListener('input', function() { 3726 // Logic xá» lý gợi ý có thá» thêm tại Äây 3727 }); 3728 } 3729</script>
3729 3730</body> 3731 3732</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.