PageSourceSearch

https://www.bayard.vn/account/login

html bayard.vn collected 2026-10-02 00:25:06 UTC 112,268 bytes, 3,732 lines download raw bytes

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 &ndash; 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&#224;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&amp;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&#250;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&#224;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&#226;m l&#253; 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">&minus;</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 &rarr;
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">&minus;</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">&minus;</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">&times;</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.