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