It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://natoli.vn/blogs/news/sua-day-khoa-keo-balo-tphcm

  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="vi" href="https://natoli.vn">
  11. <link rel="alternate" hreflang="vi-VN" href="https://natoli.vn">
  12. <link rel="alternate" hreflang="x-default" href="https://natoli.vn">
  13. <meta name="revisit" content="1 days">
  14. <meta name="robots" content="index,follow,noodp">
  15. <link rel="shortcut icon" href="//theme.hstatic.net/1000360737/1000781570/14/favicon.png?v=172" type="image/png" />
  16. <!-- Title and description ================================================== -->
  17. <title>
  18. Tự thay sửa dây kéo balo túi xách tại nhà siêu đơn giản &ndash; Natoli
  19. </title>
  20. <meta name="google-site-verification" content="nYx9YywyuUIoZl6i_Z4-5TQExRDDnxfAXRK07A-kg3o" />
  21.    <meta name="facebook-domain-verification" content="skohk61knr1ssfntz4m9hasru1s458" />
  22.  
  23. <meta name="description" content="Balo của bạn đang bị t&#236;nh trạng d&#226;y k&#233;o bị hư, bị kẹt cứng ? Mẹo hướng dẫn bạn c&#243; thể tự sửa hoặc thay d&#226;y kho&#225; k&#233;o c&#225;ch đơn giản tại nh&#224; nhanh ch&#243;ng">
  24. <!-- Helpers ================================================== -->
  25. <!-- /snippets/social-meta-tags.liquid -->
  26.  
  27.  
  28. <meta property="og:type" content="article">
  29. <meta property="og:title" content="C&#225;ch thay &amp; sửa d&#226;y kh&#243;a k&#233;o balo bị tại nh&#224; đơn giản hiệu quả">
  30.  
  31. <meta property="og:image" content="http://file.hstatic.net/1000360737/article/cach-sua-day-keo-balo-tai-tphcm__3__f46a3d7ebd714c159cd20d55999df1bc_1024x1024.jpg">
  32. <meta property="og:image:secure_url" content="https://file.hstatic.net/1000360737/article/cach-sua-day-keo-balo-tai-tphcm__3__f46a3d7ebd714c159cd20d55999df1bc_1024x1024.jpg">
  33.  
  34. <meta property="og:description" content="Balo của bạn đang bị t&#236;nh trạng d&#226;y k&#233;o bị hư, bị kẹt cứng ?&amp;nbsp;Bạn đang t&#236;m c&#225;ch tự sửa d&#226;y k&#233;o balo tại nh&#224; đơn giản, tiết kiệm chi ph&#237;, nhanh ch&#243;ng,... C&#249;ng Natoli tham khảo b&#224;i viết dưới đ&#226;y để c&#243; thể tự sửa hoặc thay d&#226;y kho&#225; k&#233;o c&#225;ch đơn giản nh&#233;.C&#225;ch tự sửa d&#226;y k&#233;o balo tại nh&#224;D&#226;y kéo hoạt đ&#244;̣ng t&#244;́t là các móc gắn c&#243; kích thước đồng nhất với nhau, d&#226;y k&#233;o dễ d&#224;ng đ&#243;ng mở nhờ c&#225;c thanh răng của d&#226;y mượt m&#224;, tuy nhi&#234;n kh&#244;ng tr&#225;nh khỏi những sự cố ngo&#224;i &#253; muốn, một v&#224;i mẹo đơn giản bạn c&#243; thể tự sửa d&#226;y k&#233;o tại nh&#224; m&#224; kh&#244;ng cần mang ra tiệm.C&#226;̀n chu&#226;̉n bị n&#234;́n ly, b&#250;t s&#225;p hoặc b&#250;t ch&#236; giúp các khoá mở đ&#243;ng có th&#234;̉ b&#244;i trơn mượt m&#224;, lực ở ph&#237;a đ&#226;̀u d&#226;y khoá k&#233;o đóng và mở kh&#244;ng trơn là nguy&#234;n nh&#226;n khiến d&#226;y k&#233;o kh&#244;ng hoạt động. Paraffin (n&#234;́n ly) được b&#224;y bán tại c&#225;c gian h&#224;ng gia dụng, văn ph&#242;ng phẩm hoặc nh&#224; s&#225;ch, bạn c&#243; thể t&#236;m thấy n&#243; dễ d&#224;ng ở bất cứ đ&#226;u.Cách kh&#244;i phục d&#226;y kho&#225; k&#233;o r&#226;́t đơn giản, dùng nến ly b&#244;i trơn mặt trước và sau ph&#226;̀n khoá kéo, b&#244;i 1 ít l&#234;n phần bánh răng của d&#226;y kéo sau đó kéo nhẹ vài l&#226;̀n đ&#234;̉ lan đều v&#224;o c&#225;c b&#225;nh răng kho&#225; k&#233;o giúp d&#226;y kéo vào khớp với nhau.Khi sử dụng n&#234;n lưu ý là c&#225;c đồng d&#249;ng thủ c&#244;ng như chỉ, vải hoặc v&#226;̣t gì đó mắc vào d&#226;y kéo cũng sẽ làm d&#226;y kéo kh&#244;ng kéo khoá được, kiểm tra kỹ v&#224; nhẹ nh&#224;ng gỡ những chướng ngại vật ấy ra. Ch&#250;ng t&#244;i khuy&#234;n bạn kh&#244;ng n&#234;n c&#244;́ dùng sức đ&#234;̉ kéo mà phải mở d&#226;y kéo v&#234;̀ vị trí ban đ&#226;̀u, tìm những v&#226;̣t mắc vào d&#226;y kéo đ&#234;̉ gỡ nó ra.Xem th&#234;m về b&#224;i viết:&amp;nbsp;Mua d&#226;y đeo t&#250;i x&#225;ch ở đ&#226;u tphcmHướng dẫn sửa kh&#243;a k&#233;o v&#224; balo kh&#244;ng kh&#237;t với nhauNếu bạn ph&#225;t hiện thấy thanh trượt của d&#226;y k&#233;o kh&#244;ng di chuyển l&#234;n xuống hoặc kh&#244;ng đ&#243;ng bất kỳ răng n&#224;o của d&#226;y k&#233;o, th&#236; c&#243; thể l&#224; do d&#226;y k&#233;o đ&#227; bị lệch. Theo thời gian, c&#225;c răng của d&#226;y k&#233;o sẽ kh&#244;ng khớp với nhau hoặc bị kẹt khiến c&#225;c phụ kiện như balo, v&#237; gần như kh&#244;ng sử dụng được.Bước 1:Căn chỉnh lại d&#226;y k&#233;o tr&#234;n baloX&#225;c định vị tr&#237; phần d&#226;y k&#233;o c&#243; vấn đề.Bước 2:&amp;nbsp;Th&#225;o thanh trượt bằng c&#225;ch trượt n&#243; về ph&#237;a kh&#244;ng c&#243; n&#250;t chặn ở cuối v&#224; k&#233;o n&#243; ra.Thanh trượt: thiết bị di chuyển l&#234;n xuống của d&#226;y x&#237;ch để mở hoặc đ&#243;ng d&#226;y k&#233;o.Bước 3:&amp;nbsp;D&#249;ng k&#236;m cắt bỏ &#237;t nhất 4 răng mỗi b&#234;n để chừa chỗ cho đường may.B&#243;p tay cầm của k&#236;m, lấy một răng kh&#243;a k&#233;o v&#224; k&#233;o n&#243; ra. Điều n&#224;y c&#243; thể l&#224;m r&#225;ch vải kh&#243;a k&#233;o, nhưng bạn sẽ may ch&#250;ng lại với nhau sau đ&#243;.H&#227;y thận trọng để bạn kh&#244;ng bị thương khi k&#233;o k&#236;m lại.C&#225;c bộ phận nhỏ, sắc nhọn sẽ bị bong ra trong qu&#225; tr&#236;nh n&#224;y. Theo d&#245;i những phần nhỏ n&#224;y để bạn c&#243; thể cắt n&#243; điBước 4:D&#249;ng sợi chỉ c&#249;ng m&#224;u với ba l&#244;, luồn một đầu sợi qua mắt kim.Để kim trượt xuống sợi chỉ cho đến khi n&#243; treo ở t&#226;m. Bạn n&#234;n c&#243; hai đoạn chỉ d&#224;i bằng nhau ở hai b&#234;n của kim.Bước 5:&amp;nbsp;Đặt thanh trượt trở lại d&#226;y k&#233;o.B&#234;n của thanh trượt m&#224; bạn nạp v&#224;o đầu ti&#234;n c&#243; một dải ph&#226;n c&#225;ch ở giữa.Đưa một b&#234;n của d&#226;y k&#233;o v&#224;o một l&#250;c v&#224; k&#233;o n&#243; l&#234;n để xem liệu thanh trượt c&#243; thể k&#233;o ba l&#244; l&#234;n hay kh&#244;ng.Bước 6:Sau khi đặt thanh trượt trở lại d&#226;y k&#233;o, h&#227;y kh&#226;u hai đầu d&#226;y k&#233;o lại để ngăn thanh trượt trượt ra.Ch&#232;n kim qua một b&#234;n của vải kh&#243;a k&#233;o v&#224; k&#233;o cho đến khi n&#243; dừng lại ở n&#250;t.Sau đ&#243;, luồn kim qua mặt c&#242;n lại của vải kh&#243;a k&#233;o v&#224; k&#233;o chặt cho đến khi thấy chắc chắn.Lặp lại bước n&#224;y nhiều lần nếu cần.Bước 7:&amp;nbsp;Thắt một n&#250;t để ho&#224;n th&#224;nh n&#243; v&#224; cắt phần chỉ thừa bằng k&#233;o.Bước 8:&amp;nbsp;G&#224;i kh&#243;a k&#233;o b&#234;n trong nắp balo để che phần cuối của kh&#243;a k&#233;o.May vải kh&#243;a k&#233;o v&#224;o balo để cố định.Địa điểm sửa d&#226;y k&#233;o balo bị hư tại TP HCM&amp;nbsp;Đối với những lỗi d&#226;y k&#233;o đơn giản v&#224; số lượng &#237;t bạn c&#243; thể tự sửa tại nh&#224; với những dụng cụ cơ bản. Hoặc c&#243; thể mang ra c&#225;c tiệm may đồ, sửa đồ gần nh&#224;. C&#242;n đối với những lượng balo hư d&#226;y k&#233;o số lượng lớn, bạn n&#234;n t&#236;m những cơ sở uy t&#237;n để thay d&#226;y k&#233;o h&#224;ng loạt.&amp;nbsp;Địa chỉ sửa t&#250;i x&#225;ch tphcm , d&#226;y k&#233;o balo 430 CMT8L&#224; một trong những địa điểm sửa kh&#243;a k&#233;o, thay d&#226;y k&#233;o balo v&#224; vali uy t&#237;n tại th&#224;nh phố Hồ Ch&#237; Minh. HCM.Địa chỉ 430 CMT8 kh&#244;ng c&#242;n xa lạ với nhiều người, cửa h&#224;ng chuy&#234;n cung cấp dịch vụ như thay đổi số kh&#243;a thay da, thay d&#226;y k&#233;o balo,thay kh&#243;a cho t&#250;i, sửa kh&#243;a t&#250;i x&#225;ch&amp;nbsp; TP HCM …&amp;nbsp;Điện thoại : 0938623289.Địa chỉ : 430 C&#225;ch Mạng Th&#225;ng 8, phường 11, quận 3, th&#224;nh phố Hồ Ch&#237; MinhCửa h&#224;ng sửa chữa t&#250;i x&#225;ch SơnL&#224; cửa h&#224;ng chuy&#234;n b&#225;n c&#225;c dạng cặp s&#225;ch, balo,... l&#226;u đời. Cửa h&#224;ng c&#242;n nhận sửa v&#224; thay d&#226;y k&#233;o balo t&#250;i x&#225;ch với số lượng lớn. Phục vụ nhu cầu lớn đến từ c&#225;c nh&#224; bu&#244;n sỉ. Người ti&#234;u d&#249;ng kh&#225; h&#224;i l&#242;ng với chất lượng dịch vụ tại đ&#226;y v&#236; d&#226;y k&#233;o được thay chắc chắn, giải quyết c&#225;c vấn đề về sản phẩm tốt.&amp;nbsp;Điện thoại: 0938291261.Địa chỉ: 38 Bắc Hải, P. 6, T&#226;n B&#236;nh, TPHCM.C&#225;ch tự thay d&#226;y k&#233;o balo t&#250;i x&#225;ch tại nh&#224; si&#234;u đơn giản&amp;nbsp;Hướng dẫn c&#225;ch sửa b&#225;nh xe vali k&#233;o tại nh&#224; si&#234;u đơn giản&amp;nbsp;C&#225;ch mở kh&#243;a vali khi qu&#234;n mật khẩu v&#224; mẹo đổi mật khẩu vali&amp;nbsp;Hướng dẫn c&#225;ch sửa t&#250;i x&#225;ch&amp;nbsp;tại nh&#224; đơn giản ai cũng l&#224;m đượcHướng dẫn c&#225;ch sửa m&#225;y may kh&#244;ng ăn chỉ , bị s&#249;i chỉ, chỉnh chỉ&amp;nbsp;Sau một thời gian sử dụng nhất l&#224; thường xuy&#234;n phải chứa đựng đồ với khối lượng lớn th&#236; chiếc kh&#243;a k&#233;o balo d&#249; tốt đến đ&#226;u cũng sẽ đến l&#250;c phải hỏng. Với một chiếc balo c&#242;n tốt m&#224; kh&#244;ng may kh&#243;a lại bị hỏng bạn đừng vội vứt bỏ cả chiếc balo đi, ch&#250;ng ta c&#243; thể sửa chữa bằng những mẹo nhỏ hoặc thay kh&#243;a mới. Bạn n&#234;n ki&#234;n nhẫn v&#224; t&#236;m hiểu&amp;nbsp;c&#225;ch sửa d&#226;y k&#233;o th&#236;&amp;nbsp;bạn cũng c&#243; thể tự sửa chữa để kh&#243;a lại hoạt động b&#236;nh thường.Xem th&#234;m: Những mẫu balo đẹp&amp;nbsp;chất lượng gi&#225; rẻ được bảo h&#224;nh 10 năm tại Balo Natoli">
  35.  
  36. <meta property="og:url" content="https://natoli.vn/blogs/news/sua-day-khoa-keo-balo-tphcm">
  37. <meta property="og:site_name" content="Natoli">
  38.  
  39.  
  40.  
  41. <meta name="twitter:site" content="@balonatoli">
  42.  
  43.  
  44. <meta name="twitter:card" content="summary_large_image">
  45.  
  46.  
  47. <meta name="twitter:title" content="C&#225;ch thay &amp; sửa d&#226;y kh&#243;a k&#233;o balo bị tại nh&#224; đơn giản hiệu quả">
  48. <meta name="twitter:description" content="Balo của bạn đang bị t&#236;nh trạng d&#226;y k&#233;o bị hư, bị kẹt cứng ?&amp;nbsp;Bạn đang t&#236;m c&#225;ch tự sửa d&#226;y k&#233;o balo tại nh&#224; đơn giản, tiết kiệm chi ph&#237;, nhanh ch&#243;ng,... C&#249;ng Natoli tham khảo b&#224;i viết dưới đ&#226;y để ">
  49.  
  50. <meta property="twitter:image" content="https://file.hstatic.net/1000360737/article/cach-sua-day-keo-balo-tai-tphcm__3__f46a3d7ebd714c159cd20d55999df1bc_1024x1024.jpg">
  51.  
  52.  
  53.  
  54. <link rel="canonical" href="https://natoli.vn/blogs/news/sua-day-khoa-keo-balo-tphcm">
  55. <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
  56. <meta name="theme-color" content="#f8bf17">
  57. <!-- CSS ================================================== -->
  58. <link rel="stylesheet" href="//hstatic.net/0/0/global/design/css/bootstrap.3.3.1.css">
  59. <link href="https://fonts.googleapis.com/css?family=Rokkitt:100,200,300,400,500,600,700,800,900" rel="stylesheet">
  60. <link href="https://fonts.googleapis.com/css?family=BioRhyme:200,300,400,700,800|Rokkitt:100,200,300,400,500,600,700,800,900" rel="stylesheet">
  61. <link href='//theme.hstatic.net/1000360737/1000781570/14/timber.scss.css?v=172' rel='stylesheet' type='text/css'  media='all'  />
  62. <link href='//theme.hstatic.net/1000360737/1000781570/14/suplo-style.scss.css?v=172' rel='stylesheet' type='text/css'  media='all'  />
  63. <link href='//theme.hstatic.net/1000360737/1000781570/14/owl.carousel.min.css?v=172' rel='stylesheet' type='text/css'  media='all'  />
  64. <link href='//theme.hstatic.net/1000360737/1000781570/14/owl.theme.default.min.css?v=172' rel='stylesheet' type='text/css'  media='all'  />
  65.  
  66.  
  67. <!-- Header hook for plugins ================================================== -->
  68. <script type='text/javascript'>
  69. //<![CDATA[
  70. if ((typeof Haravan) === 'undefined') {
  71.  Haravan = {};
  72. }
  73. Haravan.culture = 'vi-VN';
  74. Haravan.shop = 'natoli.myharavan.com';
  75. Haravan.theme = {"name":"demo KH Xem","id":1000781570,"role":"main"};
  76. Haravan.domain = 'natoli.vn';
  77. //]]>
  78. </script>
  79. <!-- Global site tag (gtag.js) - Google Ads: 709680291 -->
  80. <script async src="https://www.googletagmanager.com/gtag/js?id=AW-709680291"></script>
  81. <script>
  82.  window.dataLayer = window.dataLayer || [];
  83.  function gtag(){dataLayer.push(arguments);}
  84.  gtag('js', new Date());
  85.  
  86.  gtag('config', 'AW-709680291');
  87. </script>
  88. <meta name="google-site-verification" content="WU_9pehfHBF6oq9D9m8_C_tJ1ZFmyGumEmz6fkniN2w" /><script defer src='https://stats.hstatic.net/beacon.min.js' hrv-beacon-t='1000360737'></script><style>.grecaptcha-badge{visibility:hidden;}</style>
  89. <script type='text/javascript'>
  90. window.HaravanAnalytics = window.HaravanAnalytics || {};
  91. window.HaravanAnalytics.meta = window.HaravanAnalytics.meta || {};
  92. window.HaravanAnalytics.meta.currency = 'VND';
  93. var meta = {"page":{"pageType":"article","resourceType":"article","resourceId":1000819309}};
  94. for (var attr in meta) {
  95. window.HaravanAnalytics.meta[attr] = meta[attr];
  96. }
  97. window.HaravanAnalytics.AutoTrack = true;
  98. </script>
  99. <script>
  100. //<![CDATA[
  101. window.HaravanAnalytics.ga = "UA-137561624-1";
  102. window.HaravanAnalytics.enhancedEcommerce = false;
  103. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  104. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  105. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  106. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  107. ga('create', window.HaravanAnalytics.ga, 'auto', {allowLinker: true});
  108. ga('send', 'pageview'); ga('require', 'linker');
  109.                //]]>
  110.                </script>
  111.                <!-- Event snippet for PAGE_VIEW-0-09/11/2019 07:36:14 conversion page -->
  112. <script>
  113.  gtag('event', 'conversion', {'send_to': 'AW-709680291/XZ4zCMqK6qoBEKO5s9IC'});
  114. </script>
  115.  
  116. <!-- /snippets/oldIE-js.liquid -->
  117.  
  118.  
  119. <!--[if lt IE 9]>
  120. <script src='//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js' type='text/javascript'></script>
  121. <script src='//theme.hstatic.net/1000360737/1000781570/14/respond.min.js?v=172' type='text/javascript'></script>
  122. <link href="//theme.hstatic.net/1000360737/1000781570/14/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
  123. <link href="//natoli.vn/search?q=10c7b1676388f49f6e917a2e0f3c9f15" id="respond-redirect" rel="respond-redirect" />
  124. <script src="//natoli.vn/search?q=10c7b1676388f49f6e917a2e0f3c9f15" type="text/javascript"></script>
  125. <![endif]-->
  126.  
  127. <script src='//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js' type='text/javascript'></script>
  128. <script src='//theme.hstatic.net/1000360737/1000781570/14/modernizr.min.js?v=172' type='text/javascript'></script>
  129. <script src='//theme.hstatic.net/1000360737/1000781570/14/owl.carousel.min.js?v=172' type='text/javascript'></script>
  130. <script type="text/javascript" charset="utf-8">
  131. window.addEventListener("load", function(event) {
  132. lazyload();
  133. });
  134. </script>
  135.  
  136. <!-------- WOW ------------>
  137.  
  138.  
  139. <!-- Font Aweseome -->
  140. <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
  141. <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&amp;subset=vietnamese" rel="stylesheet">
  142.  
  143. <script>
  144. window.file_url = "//file.hstatic.net/1000360737/file/";
  145. window.asset_url = "//theme.hstatic.net/1000360737/1000781570/14/?v=172";
  146. var check_variant = true;
  147. var check_variant_quickview = true;
  148. </script>
  149. <!--Schema-->
  150. <!--Schema Professionalservice-->
  151. <script type="application/ld+json">
  152.        {
  153.        "@context": "http://schema.org",
  154.        "@type": "Professionalservice",
  155.        "@id": "https://natoli.vn/",
  156.        "url": "https://natoli.vn/",
  157.        "additionaltype": ["https://vi.wikipedia.org/wiki/Ba_l%C3%B4"],
  158.        "logo": "https://theme.hstatic.net/1000360737/1000736819/14/logo.png?v=59",
  159.        "image": "https://theme.hstatic.net/1000360737/1000736819/14/logo.png?v=59",
  160.        "priceRange": "100000VND - 5000000000VND",
  161.        "hasMap": "https://www.google.com/maps?cid=10716138636648726645",
  162.        "email": "sale.natoli@gmail.com",
  163.        "founder": "Trương Thị Ngọc",
  164.        "hasOfferCatalog": {
  165.        "@type": "OfferCatalog",
  166.        "name": "Natoli - Thương hiệu Balo | Túi xách | Ví hàng đầu Việt Nam",
  167.        "itemListElement": [
  168.        {
  169.        "@type": "ListItem",
  170.        "position": 1,
  171.        "name": "Balo",
  172.        "url": "https://natoli.vn/collections/balo"
  173.        },
  174.        {
  175.        "@type": "ListItem",
  176.        "position": 2,
  177.        "name": "Túi xách",
  178.        "url": "https://natoli.vn/collections/tui-xach"
  179.        },
  180.        {
  181.        "@type": "ListItem",
  182.        "position": 3,
  183.        "name": "Ví",
  184.        "url": "https://natoli.vn/collections/vi"
  185.        },
  186.        {
  187.        "@type": "ListItem",
  188.        "position": 4,
  189.        "name": "Túi đeo chéo",
  190.        "url": "https://natoli.vn/collections/tui-deo-cheo"
  191.        }
  192.        ]
  193.        },
  194.        "address": {
  195.        "@type": "PostalAddress",
  196.        "addressLocality": "Tân Phú",
  197.        "addressCountry": "Việt Nam",
  198.        "addressRegion": "Hồ Chí Minh",
  199.        "postalCode": "700000",
  200.        "streetAddress": "1/4 Nguyễn Hữu Tiến, Tây Thạnh, Tân Phú, Thành phố Hồ Chí Minh 700000"
  201.        },
  202.        "description": "Công Ty Cổ Phần May NATOLI (bags & backpack manufacturers in vietnam)",
  203.        "name": "NATOLI",
  204.        "telephone": "0901881777",
  205.        "openingHoursSpecification": [
  206.        {
  207.        "@type": "OpeningHoursSpecification",
  208.        "dayOfWeek": [
  209.        "Monday",
  210.        "Tuesday",
  211.        "Wednesday",
  212.        "Thursday",
  213.        "Friday",
  214.        "Saturday",
  215.        "Sunday"
  216.        ],
  217.        "opens": "8:00",
  218.        "closes": "22:00"
  219.        }
  220.        ],
  221.        "geo": {
  222.        "@type": "GeoCoordinates",
  223.        "latitude": "10.807514316207",
  224.        "longitude": "106.62552071081434"
  225.        },
  226.        "potentialAction": {
  227.        "@type": "ReserveAction",
  228.        "target": {
  229.        "@type": "EntryPoint",
  230.        "urlTemplate": "https://natoli.vn/pages/gioi-thieu",
  231.        "inLanguage": "vn",
  232.        "actionPlatform": [
  233.        "http://schema.org/DesktopWebPlatform",
  234.        "http://schema.org/IOSPlatform",
  235.        "http://schema.org/AndroidPlatform"
  236.        ]
  237.        },
  238.        "result": {
  239.        "@type": "Reservation",
  240.        "name": "Giới thiệu"
  241.        }
  242.        },
  243.        "sameAs": [
  244. "https://trangvangvietnam.com/listings/1187831415/balo-tui-xach-natoli-cong-ty-co-phan-may-natoli.html",
  245. "https://www.doisongphapluat.com/san-pham-balo-tieu-chuan-reach-chau-au-than-thien-voi-moi-truong-balo-natoli-a276604.html",
  246. "https://zingnews.vn/balo-laptop-thuong-hieu-natoli-dat-tieu-chuan-reach-post963307.html",
  247. "https://vnmedia.vn/dan-sinh/201907/nguoi-tieu-dung-balo-laptop-40-can-quan-tam-den-tieu-chuan-reach-vi-suc-khoe-va-moi-truong-636969/",
  248. "https://thethao247.vn/284-balo-the-thao-natoli-thuong-hieu-the-thao-danh-cho-nam-va-nu-cao-cap-va-tien-ich-d178913.html",
  249. "https://www.nguoiduatin.vn/dspl/san-pham-balo-tieu-chuan-reach-chau-au-than-thien-voi-moi-truong-balo-natoli-a276604.html",
  250. "http://hanoimoi.com.vn/tin-tuc/dich-vu/935019/balo-laptop-natoli-dat-tieu-chuan-cua-chau-au",
  251. "https://www.yellowpages.vn/lgs/1187831415/balo-tui-xach-natoli-cong-ty-co-phan-may-natoli.html",
  252. "https://drive.google.com/drive/folders/1Hux1A7ziTJ_sGJx9ugno37N435qr7g7p",
  253. "https://docs.google.com/presentation/d/11yPdyMjPEBnb4H31wAtZ78_4fcFT0f2PDaUODK8Xw4E/edit?usp=sharing",
  254. "https://docs.google.com/document/d/1FbRNrigxSwIS8QdM-8czEEru9mWnLd0wpm5i5FGJ2dI/edit?usp=sharing",
  255. "https://www.google.com/maps/d/edit?mid=1PV6odp2vgv2Z218fApQaxfIxKTrynafr&usp=sharing",
  256. "https://docs.google.com/forms/d/1R4bG9ADcF1kOCC4NWqx66ESG-6ntCTQ28suNzkd7iiw/edit?usp=sharing",
  257. "https://docs.google.com/drawings/d/1Vi7AGBaToZ5BaWSt7pKGgnR3uC94lwoTPHpoTPnJkLk/edit?usp=sharing",
  258. "https://docs.google.com/spreadsheets/d/1gQ26Z6FjDzDUxt8B5DHNpEBwfrg75iOK56Pp8qF8JhE/edit?usp=sharing",
  259. "https://www.facebook.com/BaloNatoli.vn/",
  260. "https://twitter.com/BaloNatoli",
  261. "https://www.pinterest.com/balonatoli/",
  262. "https://www.linkedin.com/company/natoli",
  263. "https://www.youtube.com/channel/UCaSsy0ao7Ru2x_98SLCTX_Q",
  264. "https://www.twitch.tv/balonatoli/about",
  265. "https://balonatoli.wordpress.com/",
  266. "https://balonatoli.weebly.com/",
  267. "https://balonatoli.tumblr.com/",
  268. "https://balonatoli.blogspot.com/",
  269. "https://t.me/s/balonatoli",
  270. "https://dribbble.com/balonatoli/about",
  271. "https://www.behance.net/balonatoli",
  272. "https://sites.google.com/view/balonatoli/",
  273. "https://vi.gravatar.com/balonatoli",
  274. "https://www.deviantart.com/balonatoli",
  275. "https://www.blogger.com/profile/00603431489640536729",
  276. "https://www.flickr.com/people/balonatoli/",
  277. "https://about.me/balonatoli/",
  278. "https://www.tiktok.com/@balonatoli",
  279. "https://www.spreaker.com/user/14899742",
  280. "https://www.reddit.com/user/balonatoli_vn",
  281. "https://www.producthunt.com/@balonatoli",
  282. "https://www.plurk.com/Balonatoli",
  283. "https://www.kickstarter.com/profile/balonatoli/about",
  284. "https://www.instapaper.com/p/balonatoli",
  285. "https://www.imdb.com/user/ur134783243/ ",
  286. "https://www.folkd.com/user/balonatoli",
  287. "https://www.addwish.com/balonatoli",
  288. "https://vimeo.com/balonatoli",
  289. "https://scholar.google.com/citations?hl=vi&user=R9qiMhsAAAAJ",
  290. "https://profile.hatena.ne.jp/balonatoli/profile",
  291. "https://gitlab.com/balonatoli",
  292. "https://getpocket.com/@balonatoli",
  293. "https://gab.com/balonatoli",
  294. "https://buddypress.org/members/balonatoli/profile/",
  295. "https://angel.co/u/natoli",
  296.  
  297. "https://500px.com/balonatoli"
  298.        ]
  299.        }
  300. </script>
  301. <!--End Schema Professionalservice-->
  302. <!--Schema Organization -->
  303. <script type='application/ld+json'>
  304.        {
  305.        "@context": "http://schema.org",
  306.        "@type": "Organization",
  307.        "url": "https://natoli.vn/",
  308.        "logo": "https://theme.hstatic.net/1000360737/1000736819/14/logo.png?v=59"
  309.        }
  310. </script>
  311. <!--End Schema Organization -->
  312. <!--Schema WebSite-->
  313. <script type="application/ld+json">
  314.        {
  315.        "@context": "http://schema.org",
  316.        "@type": "WebSite",
  317.        "name": "NATOLI",
  318.        "alternateName": "",
  319.        "url": "https://natoli.vn/"
  320.        }
  321. </script>
  322. <!--End Schema WebSite-->
  323. <!--Schema Person-->
  324. <script type="application/ld+json">
  325.        {
  326.        "@context": "http://schema.org",
  327.        "@type": "Person",
  328.        "name": "Trương Thị Ngọc",
  329.        "jobTitle": "CEO",
  330.        "image": "https://file.hstatic.net/1000360737/file/co_cau_to_chuc_f3f8e16aa2ca420683deae41dbf5beed_1024x1024.jpg",
  331.        "worksFor": "Công Ty Cổ Phần May Natoli",
  332.        "url": "https://natoli.vn/",
  333.        "sameAs": [
  334. "https://www.facebook.com/ngoc.truong.1481",
  335. "https://twitter.com/NgocTruong1368",
  336. "https://www.youtube.com/channel/UCiTX5CZrD4xzweyqXLjSRJQ/",
  337. "https://www.linkedin.com/in/ngoc-truong68/",
  338. "https://www.pinterest.com/TruongNgoc68/",
  339. "https://soundcloud.com/truongngocnatoli",
  340. "https://www.tumblr.com/blog/ngoctruongnatoli",
  341. "https://vi.wikipedia.org/wiki/Th%C3%A0nh_vi%C3%AAn:Ng%E1%BB%8Dc_Tr%C6%B0%C6%A1ng_-_Natoli",
  342. "https://github.com/truongngoc86"
  343.        ],
  344.        "AlumniOf": [
  345.        "Trường Đại học Tài chính - Marketing"
  346.        ],
  347.        "address": {
  348.        "@type": "PostalAddress",
  349.        "addressLocality": "Tan Phu District, Ho Chi Minh City",
  350.        "addressRegion": "Vietnam"
  351.        }
  352.        }
  353. </script>
  354. <!--End Schema Person-->
  355. <!--End Schema-->
  356. <meta name="p:domain_verify" content="ddb908faeb95f9eb168ba18afc1776f5"/>
  357. <meta name="ahrefs-site-verification" content="f6181c020107517f79033e420bb1efc9b93757a5123308e523b1656d0fe9637f">
  358.  
  359. <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9368499358706741"
  360.     crossorigin="anonymous"></script>
  361. </head>
  362.  
  363. <body id="tu-thay-sua-day-keo-balo-tui-xach-tai-nha-sieu-don-gian" class="body-other template-article" >
  364.  
  365.  
  366.  
  367.  
  368.  
  369. <div id="NavDrawer" class="drawer drawer--right">
  370. <div class="drawer__header">
  371. <div class="drawer__close js-drawer-close clearfix">
  372. Menu
  373. <button type="button" class="icon-fallback-text">
  374. <i class="fas fa-times"></i>
  375. </button>
  376. </div>
  377. </div>
  378. <!-- begin mobile-nav -->
  379. <ul class="mobile-nav">
  380. <li class="mobile-nav__item">
  381. <a href="/" class="mobile-nav__link">Trang chủ</a>
  382. </li>
  383. <li class="mobile-nav__item" aria-haspopup="true">
  384. <div class="mobile-nav__has-sublist">
  385. <a href="/collections/balo" class="mobile-nav__link">Balo</a>
  386. <div class="mobile-nav__toggle">
  387. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  388. <span class="icon icon-plus" aria-hidden="true"></span>
  389. <span class="fallback-text">See More</span>
  390. </button>
  391. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  392. <span class="icon icon-minus" aria-hidden="true"></span>
  393. <span class="fallback-text">"cart.general.close_cart"</span>
  394. </button>
  395. </div>
  396. </div>
  397. <ul class="mobile-nav__sublist">
  398. <li class="mobile-nav__item" aria-haspopup="true">
  399. <div class="mobile-nav__has-sublist">
  400. <a href="/collections/balo-nam" class="mobile-nav__link">Balo Nam</a>
  401. <div class="mobile-nav__toggle">
  402. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  403. <span class="icon icon-plus" aria-hidden="true"></span>
  404. <span class="fallback-text">See More</span>
  405. </button>
  406. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  407. <span class="icon icon-minus" aria-hidden="true"></span>
  408. <span class="fallback-text">"cart.general.close_cart"</span>
  409. </button>
  410. </div>
  411. </div>
  412. <ul class="mobile-nav__sublist">
  413. <li class="mobile-nav__item ">
  414. <a href="/collections/balo-deo-cheo-nam" class="mobile-nav__link">balo đeo ch&#233;o nam</a>
  415. </li>
  416. <li class="mobile-nav__item ">
  417. <a href="/collections/balo-day-rut-nam" class="mobile-nav__link">balo d&#226;y r&#250;t nam</a>
  418. </li>
  419. </ul>
  420. </li>
  421. <li class="mobile-nav__item" aria-haspopup="true">
  422. <div class="mobile-nav__has-sublist">
  423. <a href="/collections/balo-nu" class="mobile-nav__link">Balo Nữ</a>
  424. <div class="mobile-nav__toggle">
  425. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  426. <span class="icon icon-plus" aria-hidden="true"></span>
  427. <span class="fallback-text">See More</span>
  428. </button>
  429. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  430. <span class="icon icon-minus" aria-hidden="true"></span>
  431. <span class="fallback-text">"cart.general.close_cart"</span>
  432. </button>
  433. </div>
  434. </div>
  435. <ul class="mobile-nav__sublist">
  436. <li class="mobile-nav__item ">
  437. <a href="/collections/balo-nu-han-quoc" class="mobile-nav__link">balo nữ h&#224;n quốc</a>
  438. </li>
  439. <li class="mobile-nav__item ">
  440. <a href="/collections/balo-deo-cheo-nu" class="mobile-nav__link">balo đeo ch&#233;o nữ</a>
  441. </li>
  442. </ul>
  443. </li>
  444. <li class="mobile-nav__item" aria-haspopup="true">
  445. <div class="mobile-nav__has-sublist">
  446. <a href="/collections/balo-laptop" class="mobile-nav__link">Balo Laptop</a>
  447. <div class="mobile-nav__toggle">
  448. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  449. <span class="icon icon-plus" aria-hidden="true"></span>
  450. <span class="fallback-text">See More</span>
  451. </button>
  452. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  453. <span class="icon icon-minus" aria-hidden="true"></span>
  454. <span class="fallback-text">"cart.general.close_cart"</span>
  455. </button>
  456. </div>
  457. </div>
  458. <ul class="mobile-nav__sublist">
  459. <li class="mobile-nav__item ">
  460. <a href="/collections/balo-laptop-13-inch" class="mobile-nav__link">Balo Laptop 13 inch</a>
  461. </li>
  462. <li class="mobile-nav__item ">
  463. <a href="/collections/balo-laptop-14-inch" class="mobile-nav__link">balo laptop 14 inch</a>
  464. </li>
  465. <li class="mobile-nav__item ">
  466. <a href="/collections/balo-laptop-15-6-inch" class="mobile-nav__link">balo laptop 15.6 inch</a>
  467. </li>
  468. <li class="mobile-nav__item ">
  469. <a href="/collections/balo-laptop-17-inch" class="mobile-nav__link">Balo Laptop 17 inch</a>
  470. </li>
  471. <li class="mobile-nav__item ">
  472. <a href="/collections/balo-laptop-chong-nuoc" class="mobile-nav__link">Balo Laptop Chống Nước</a>
  473. </li>
  474. <li class="mobile-nav__item ">
  475. <a href="/collections/balo-laptop-chong-trom" class="mobile-nav__link">Balo Laptop Chống Trộm</a>
  476. </li>
  477. </ul>
  478. </li>
  479. <li class="mobile-nav__item" aria-haspopup="true">
  480. <div class="mobile-nav__has-sublist">
  481. <a href="/collections/balo-di-hoc" class="mobile-nav__link">Balo Đi Học</a>
  482. </div>
  483. </li>
  484. <li class="mobile-nav__item" aria-haspopup="true">
  485. <div class="mobile-nav__has-sublist">
  486. <a href="/collections/balo-thoi-trang" class="mobile-nav__link">Balo thời trang</a>
  487. </div>
  488. </li>
  489. <li class="mobile-nav__item" aria-haspopup="true">
  490. <div class="mobile-nav__has-sublist">
  491. <a href="/collections/balo-han-quoc" class="mobile-nav__link">Balo Hàn Quốc</a>
  492. </div>
  493. </li>
  494. <li class="mobile-nav__item" aria-haspopup="true">
  495. <div class="mobile-nav__has-sublist">
  496. <a href="/collections/balo-du-lich" class="mobile-nav__link">Balo Du Lịch</a>
  497. </div>
  498. </li>
  499. <li class="mobile-nav__item" aria-haspopup="true">
  500. <div class="mobile-nav__has-sublist">
  501. <a href="/collections/balo-the-thao" class="mobile-nav__link">Balo Thể Thao</a>
  502. </div>
  503. </li>
  504. <li class="mobile-nav__item" aria-haspopup="true">
  505. <div class="mobile-nav__has-sublist">
  506. <a href="/collections/balo-chong-nuoc" class="mobile-nav__link">Balo Chống Nước</a>
  507. </div>
  508. </li>
  509. <li class="mobile-nav__item" aria-haspopup="true">
  510. <div class="mobile-nav__has-sublist">
  511. <a href="/collections/balo-chong-trom" class="mobile-nav__link">Balo Chống Trộm</a>
  512. </div>
  513. </li>
  514. <li class="mobile-nav__item" aria-haspopup="true">
  515. <div class="mobile-nav__has-sublist">
  516. <a href="/collections/balo-chong-gu" class="mobile-nav__link">Balo Chống Gù</a>
  517. </div>
  518. </li>
  519. </ul>
  520. </li>
  521. <li class="mobile-nav__item" aria-haspopup="true">
  522. <div class="mobile-nav__has-sublist">
  523. <a href="/collections/tui-xach" class="mobile-nav__link">Túi xách</a>
  524. <div class="mobile-nav__toggle">
  525. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  526. <span class="icon icon-plus" aria-hidden="true"></span>
  527. <span class="fallback-text">See More</span>
  528. </button>
  529. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  530. <span class="icon icon-minus" aria-hidden="true"></span>
  531. <span class="fallback-text">"cart.general.close_cart"</span>
  532. </button>
  533. </div>
  534. </div>
  535. <ul class="mobile-nav__sublist">
  536. <li class="mobile-nav__item" aria-haspopup="true">
  537. <div class="mobile-nav__has-sublist">
  538. <a href="/collections/tui-xach-nam" class="mobile-nav__link">Túi Xách Nam</a>
  539. </div>
  540. </li>
  541. <li class="mobile-nav__item" aria-haspopup="true">
  542. <div class="mobile-nav__has-sublist">
  543. <a href="/collections/tui-xach-cong-so" class="mobile-nav__link">Túi Xách Công Sở</a>
  544. </div>
  545. </li>
  546. <li class="mobile-nav__item" aria-haspopup="true">
  547. <div class="mobile-nav__has-sublist">
  548. <a href="/collections/tui-xach-du-lich" class="mobile-nav__link">Túi Xách Du Lịch</a>
  549. </div>
  550. </li>
  551. <li class="mobile-nav__item" aria-haspopup="true">
  552. <div class="mobile-nav__has-sublist">
  553. <a href="/collections/tui-the-thao" class="mobile-nav__link">Túi thể Thao</a>
  554. </div>
  555. </li>
  556. </ul>
  557. </li>
  558. <li class="mobile-nav__item" aria-haspopup="true">
  559. <div class="mobile-nav__has-sublist">
  560. <a href="/collections/vi" class="mobile-nav__link">Ví</a>
  561. <div class="mobile-nav__toggle">
  562. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  563. <span class="icon icon-plus" aria-hidden="true"></span>
  564. <span class="fallback-text">See More</span>
  565. </button>
  566. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  567. <span class="icon icon-minus" aria-hidden="true"></span>
  568. <span class="fallback-text">"cart.general.close_cart"</span>
  569. </button>
  570. </div>
  571. </div>
  572. <ul class="mobile-nav__sublist">
  573. <li class="mobile-nav__item" aria-haspopup="true">
  574. <div class="mobile-nav__has-sublist">
  575. <a href="/collections/vi-nam" class="mobile-nav__link">Ví Nam</a>
  576. <div class="mobile-nav__toggle">
  577. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  578. <span class="icon icon-plus" aria-hidden="true"></span>
  579. <span class="fallback-text">See More</span>
  580. </button>
  581. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  582. <span class="icon icon-minus" aria-hidden="true"></span>
  583. <span class="fallback-text">"cart.general.close_cart"</span>
  584. </button>
  585. </div>
  586. </div>
  587. <ul class="mobile-nav__sublist">
  588. <li class="mobile-nav__item ">
  589. <a href="/collections/vi-dung-nam" class="mobile-nav__link">V&#205; ĐỨNG NAM</a>
  590. </li>
  591. <li class="mobile-nav__item ">
  592. <a href="/collections/vi-cam-tay-nam" class="mobile-nav__link">V&#237; Cầm Tay nam</a>
  593. </li>
  594. <li class="mobile-nav__item ">
  595. <a href="/collections/vi-dai-nam" class="mobile-nav__link">V&#237; D&#224;i Nam</a>
  596. </li>
  597. </ul>
  598. </li>
  599. <li class="mobile-nav__item" aria-haspopup="true">
  600. <div class="mobile-nav__has-sublist">
  601. <a href="/collections/vi-nu" class="mobile-nav__link">Ví Nữ</a>
  602. <div class="mobile-nav__toggle">
  603. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  604. <span class="icon icon-plus" aria-hidden="true"></span>
  605. <span class="fallback-text">See More</span>
  606. </button>
  607. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  608. <span class="icon icon-minus" aria-hidden="true"></span>
  609. <span class="fallback-text">"cart.general.close_cart"</span>
  610. </button>
  611. </div>
  612. </div>
  613. <ul class="mobile-nav__sublist">
  614. <li class="mobile-nav__item ">
  615. <a href="/collections/vi-cam-tay-nu" class="mobile-nav__link">V&#237; Cầm Tay Nữ</a>
  616. </li>
  617. </ul>
  618. </li>
  619. <li class="mobile-nav__item" aria-haspopup="true">
  620. <div class="mobile-nav__has-sublist">
  621. <a href="/collections/vi-vai" class="mobile-nav__link">Ví Vải</a>
  622. </div>
  623. </li>
  624. <li class="mobile-nav__item" aria-haspopup="true">
  625. <div class="mobile-nav__has-sublist">
  626. <a href="/collections/vi-mini" class="mobile-nav__link">Ví Mini</a>
  627. </div>
  628. </li>
  629. <li class="mobile-nav__item" aria-haspopup="true">
  630. <div class="mobile-nav__has-sublist">
  631. <a href="/collections/mau-sac-vi" class="mobile-nav__link">Màu Sắc Ví</a>
  632. <div class="mobile-nav__toggle">
  633. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  634. <span class="icon icon-plus" aria-hidden="true"></span>
  635. <span class="fallback-text">See More</span>
  636. </button>
  637. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  638. <span class="icon icon-minus" aria-hidden="true"></span>
  639. <span class="fallback-text">"cart.general.close_cart"</span>
  640. </button>
  641. </div>
  642. </div>
  643. <ul class="mobile-nav__sublist">
  644. <li class="mobile-nav__item ">
  645. <a href="/collections/vi-mau-xanh" class="mobile-nav__link">V&#237; M&#224;u Xanh</a>
  646. </li>
  647. <li class="mobile-nav__item ">
  648. <a href="/collections/vi-mau-do" class="mobile-nav__link">V&#237; M&#224;u Đỏ</a>
  649. </li>
  650. <li class="mobile-nav__item ">
  651. <a href="/collections/vi-mau-den" class="mobile-nav__link">V&#237; M&#224;u Đen</a>
  652. </li>
  653. <li class="mobile-nav__item ">
  654. <a href="/collections/vi-mau-hong" class="mobile-nav__link">V&#237; M&#224;u Hồng</a>
  655. </li>
  656. <li class="mobile-nav__item ">
  657. <a href="/collections/vi-mau-xam" class="mobile-nav__link">V&#237; M&#224;u X&#225;m</a>
  658. </li>
  659. <li class="mobile-nav__item ">
  660. <a href="/collections/vi-mau-trang" class="mobile-nav__link">V&#237; M&#224;u Trắng</a>
  661. </li>
  662. <li class="mobile-nav__item ">
  663. <a href="/collections/vi-mau-tim" class="mobile-nav__link">V&#237; M&#224;u T&#237;m</a>
  664. </li>
  665. <li class="mobile-nav__item ">
  666. <a href="/collections/vi-mau-cam" class="mobile-nav__link">V&#237; M&#224;u Cam</a>
  667. </li>
  668. <li class="mobile-nav__item ">
  669. <a href="/collections/vi-mau-xanh-la" class="mobile-nav__link">V&#237; M&#224;u xanh l&#225;</a>
  670. </li>
  671. </ul>
  672. </li>
  673. <li class="mobile-nav__item" aria-haspopup="true">
  674. <div class="mobile-nav__has-sublist">
  675. <a href="/collections/vi-cam-tay" class="mobile-nav__link">Ví Cầm Tay</a>
  676. <div class="mobile-nav__toggle">
  677. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  678. <span class="icon icon-plus" aria-hidden="true"></span>
  679. <span class="fallback-text">See More</span>
  680. </button>
  681. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  682. <span class="icon icon-minus" aria-hidden="true"></span>
  683. <span class="fallback-text">"cart.general.close_cart"</span>
  684. </button>
  685. </div>
  686. </div>
  687. <ul class="mobile-nav__sublist">
  688. <li class="mobile-nav__item ">
  689. <a href="/collections/vi-cam-tay-nam" class="mobile-nav__link">V&#237; Cầm Tay Nam</a>
  690. </li>
  691. <li class="mobile-nav__item ">
  692. <a href="/collections/vi-cam-tay-nu" class="mobile-nav__link">V&#237; Cầm Tay Nữ</a>
  693. </li>
  694. </ul>
  695. </li>
  696. <li class="mobile-nav__item" aria-haspopup="true">
  697. <div class="mobile-nav__has-sublist">
  698. <a href="/collections/vi-dung-tien" class="mobile-nav__link">Ví Đựng Tiền</a>
  699. </div>
  700. </li>
  701. <li class="mobile-nav__item" aria-haspopup="true">
  702. <div class="mobile-nav__has-sublist">
  703. <a href="/collections/vi-dung-dien-thoai" class="mobile-nav__link">Ví Đựng Điện Thoại</a>
  704. <div class="mobile-nav__toggle">
  705. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  706. <span class="icon icon-plus" aria-hidden="true"></span>
  707. <span class="fallback-text">See More</span>
  708. </button>
  709. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  710. <span class="icon icon-minus" aria-hidden="true"></span>
  711. <span class="fallback-text">"cart.general.close_cart"</span>
  712. </button>
  713. </div>
  714. </div>
  715. <ul class="mobile-nav__sublist">
  716. <li class="mobile-nav__item ">
  717. <a href="/collections/vi-dung-dien-thoai-nam" class="mobile-nav__link">V&#237; Đựng Điện Thoại Nam</a>
  718. </li>
  719. <li class="mobile-nav__item ">
  720. <a href="/collections/vi-dung-dien-thoai-nu" class="mobile-nav__link">V&#237; Đựng Điện Thoại Nữ</a>
  721. </li>
  722. </ul>
  723. </li>
  724. <li class="mobile-nav__item" aria-haspopup="true">
  725. <div class="mobile-nav__has-sublist">
  726. <a href="/collections/vi-dung-the" class="mobile-nav__link">Ví Đựng Thẻ</a>
  727. </div>
  728. </li>
  729. </ul>
  730. </li>
  731. <li class="mobile-nav__item" aria-haspopup="true">
  732. <div class="mobile-nav__has-sublist">
  733. <a href="/collections/tui-deo-cheo" class="mobile-nav__link">Túi Đeo Chéo</a>
  734. <div class="mobile-nav__toggle">
  735. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  736. <span class="icon icon-plus" aria-hidden="true"></span>
  737. <span class="fallback-text">See More</span>
  738. </button>
  739. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  740. <span class="icon icon-minus" aria-hidden="true"></span>
  741. <span class="fallback-text">"cart.general.close_cart"</span>
  742. </button>
  743. </div>
  744. </div>
  745. <ul class="mobile-nav__sublist">
  746. <li class="mobile-nav__item" aria-haspopup="true">
  747. <div class="mobile-nav__has-sublist">
  748. <a href="/collections/tui-deo-cheo-nam" class="mobile-nav__link">Túi Đeo Chéo Nam</a>
  749. <div class="mobile-nav__toggle">
  750. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  751. <span class="icon icon-plus" aria-hidden="true"></span>
  752. <span class="fallback-text">See More</span>
  753. </button>
  754. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  755. <span class="icon icon-minus" aria-hidden="true"></span>
  756. <span class="fallback-text">"cart.general.close_cart"</span>
  757. </button>
  758. </div>
  759. </div>
  760. <ul class="mobile-nav__sublist">
  761. <li class="mobile-nav__item ">
  762. <a href="/collections/tui-deo-cheo-the-thao" class="mobile-nav__link">T&#250;i Đeo Ch&#233;o Thể Thao</a>
  763. </li>
  764. <li class="mobile-nav__item ">
  765. <a href="/collections/tui-deo-cheo-di-hoc" class="mobile-nav__link">T&#250;i Đeo Ch&#233;o Đi Học</a>
  766. </li>
  767. <li class="mobile-nav__item ">
  768. <a href="/collections/tui-deo-cheo-dung-laptop" class="mobile-nav__link">T&#250;i đeo ch&#233;o đựng laptop</a>
  769. </li>
  770. </ul>
  771. </li>
  772. <li class="mobile-nav__item" aria-haspopup="true">
  773. <div class="mobile-nav__has-sublist">
  774. <a href="/collections/tui-deo-cheo-nu" class="mobile-nav__link">Túi Đeo Chéo Nữ</a>
  775. <div class="mobile-nav__toggle">
  776. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  777. <span class="icon icon-plus" aria-hidden="true"></span>
  778. <span class="fallback-text">See More</span>
  779. </button>
  780. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  781. <span class="icon icon-minus" aria-hidden="true"></span>
  782. <span class="fallback-text">"cart.general.close_cart"</span>
  783. </button>
  784. </div>
  785. </div>
  786. <ul class="mobile-nav__sublist">
  787. <li class="mobile-nav__item ">
  788. <a href="/collections/tui-deo-cheo-nu-mau-den" class="mobile-nav__link">T&#250;i đeo ch&#233;o nữ m&#224;u đen</a>
  789. </li>
  790. <li class="mobile-nav__item ">
  791. <a href="/collections/tui-deo-cheo-nu-di-choi" class="mobile-nav__link">T&#250;i Đeo Ch&#233;o Nữ Đi Chơi</a>
  792. </li>
  793. <li class="mobile-nav__item ">
  794. <a href="/collections/tui-deo-cheo-han-quoc" class="mobile-nav__link">T&#250;i Đeo Ch&#233;o H&#224;n Quốc</a>
  795. </li>
  796. </ul>
  797. </li>
  798. <li class="mobile-nav__item" aria-haspopup="true">
  799. <div class="mobile-nav__has-sublist">
  800. <a href="/collections/tui-deo-cheo-local-brand" class="mobile-nav__link">Túi Đeo Chéo Local Brand</a>
  801. </div>
  802. </li>
  803. </ul>
  804. </li>
  805. <li class="mobile-nav__item" aria-haspopup="true">
  806. <div class="mobile-nav__has-sublist">
  807. <a href="/collections/natoli-basic-bag" class="mobile-nav__link">Bộ sưu tập</a>
  808. <div class="mobile-nav__toggle">
  809. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  810. <span class="icon icon-plus" aria-hidden="true"></span>
  811. <span class="fallback-text">See More</span>
  812. </button>
  813. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  814. <span class="icon icon-minus" aria-hidden="true"></span>
  815. <span class="fallback-text">"cart.general.close_cart"</span>
  816. </button>
  817. </div>
  818. </div>
  819. <ul class="mobile-nav__sublist">
  820. <li class="mobile-nav__item" aria-haspopup="true">
  821. <div class="mobile-nav__has-sublist">
  822. <a href="#" class="mobile-nav__link">BST F1</a>
  823. <div class="mobile-nav__toggle">
  824. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  825. <span class="icon icon-plus" aria-hidden="true"></span>
  826. <span class="fallback-text">See More</span>
  827. </button>
  828. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  829. <span class="icon icon-minus" aria-hidden="true"></span>
  830. <span class="fallback-text">"cart.general.close_cart"</span>
  831. </button>
  832. </div>
  833. </div>
  834. <ul class="mobile-nav__sublist">
  835. <li class="mobile-nav__item ">
  836. <a href="/collections/simple-horizontal-wallet" class="mobile-nav__link">Simple Horizontal Wallet</a>
  837. </li>
  838. <li class="mobile-nav__item ">
  839. <a href="/collections/simple-vertical-wallet" class="mobile-nav__link">Simple Vertical Wallet</a>
  840. </li>
  841. <li class="mobile-nav__item ">
  842. <a href="/collections/the-button-wallet" class="mobile-nav__link">The Button Wallet</a>
  843. </li>
  844. <li class="mobile-nav__item ">
  845. <a href="/collections/the-long-wallet" class="mobile-nav__link">The Long Wallet</a>
  846. </li>
  847. <li class="mobile-nav__item ">
  848. <a href="/collections/the-zipper-wallet" class="mobile-nav__link">The Zipper Wallet</a>
  849. </li>
  850. </ul>
  851. </li>
  852. <li class="mobile-nav__item" aria-haspopup="true">
  853. <div class="mobile-nav__has-sublist">
  854. <a href="#" class="mobile-nav__link">BST F2</a>
  855. <div class="mobile-nav__toggle">
  856. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  857. <span class="icon icon-plus" aria-hidden="true"></span>
  858. <span class="fallback-text">See More</span>
  859. </button>
  860. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  861. <span class="icon icon-minus" aria-hidden="true"></span>
  862. <span class="fallback-text">"cart.general.close_cart"</span>
  863. </button>
  864. </div>
  865. </div>
  866. <ul class="mobile-nav__sublist">
  867. <li class="mobile-nav__item ">
  868. <a href="/collections/ultra-mini-wallet" class="mobile-nav__link">Ultra Mini Wallet</a>
  869. </li>
  870. <li class="mobile-nav__item ">
  871. <a href="/collections/cube-mini-wallet" class="mobile-nav__link">Cube Mini Wallet</a>
  872. </li>
  873. <li class="mobile-nav__item ">
  874. <a href="#" class="mobile-nav__link">Natoli City bag</a>
  875. </li>
  876. <li class="mobile-nav__item ">
  877. <a href="#" class="mobile-nav__link">Natoli RoundTop bag</a>
  878. </li>
  879. </ul>
  880. </li>
  881. <li class="mobile-nav__item" aria-haspopup="true">
  882. <div class="mobile-nav__has-sublist">
  883. <a href="#" class="mobile-nav__link">BST F1</a>
  884. <div class="mobile-nav__toggle">
  885. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  886. <span class="icon icon-plus" aria-hidden="true"></span>
  887. <span class="fallback-text">See More</span>
  888. </button>
  889. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  890. <span class="icon icon-minus" aria-hidden="true"></span>
  891. <span class="fallback-text">"cart.general.close_cart"</span>
  892. </button>
  893. </div>
  894. </div>
  895. <ul class="mobile-nav__sublist">
  896. <li class="mobile-nav__item ">
  897. <a href="#" class="mobile-nav__link">Natoli BeltPack</a>
  898. </li>
  899. <li class="mobile-nav__item ">
  900. <a href="#" class="mobile-nav__link">Natoli folded bag</a>
  901. </li>
  902. <li class="mobile-nav__item ">
  903. <a href="#" class="mobile-nav__link">Natoli Hand bag (laptop)</a>
  904. </li>
  905. <li class="mobile-nav__item ">
  906. <a href="/" class="mobile-nav__link">Natoli Long Travel bag</a>
  907. </li>
  908. <li class="mobile-nav__item ">
  909. <a href="#" class="mobile-nav__link">Natoli RollTop bag</a>
  910. </li>
  911. </ul>
  912. </li>
  913. </ul>
  914. </li>
  915. <li class="mobile-nav__item" aria-haspopup="true">
  916. <div class="mobile-nav__has-sublist">
  917. <a href="/pages/may-balo-quang-cao" class="mobile-nav__link">Balo Quảng Cáo</a>
  918. <div class="mobile-nav__toggle">
  919. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  920. <span class="icon icon-plus" aria-hidden="true"></span>
  921. <span class="fallback-text">See More</span>
  922. </button>
  923. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  924. <span class="icon icon-minus" aria-hidden="true"></span>
  925. <span class="fallback-text">"cart.general.close_cart"</span>
  926. </button>
  927. </div>
  928. </div>
  929. <ul class="mobile-nav__sublist">
  930. <li class="mobile-nav__item" aria-haspopup="true">
  931. <div class="mobile-nav__has-sublist">
  932. <a href="/pages/tim-dai-ly-ban-hang" class="mobile-nav__link">Đại lý phân phối</a>
  933. </div>
  934. </li>
  935. <li class="mobile-nav__item" aria-haspopup="true">
  936. <div class="mobile-nav__has-sublist">
  937. <a href="/pages/xuong-may-tui-xach" class="mobile-nav__link">Xưởng túi xách xuất khẩu các hãng giá rẻ chất lượng tại tphcm</a>
  938. </div>
  939. </li>
  940. <li class="mobile-nav__item" aria-haspopup="true">
  941. <div class="mobile-nav__has-sublist">
  942. <a href="/pages/xuong-may-balo" class="mobile-nav__link">Xưởng may balo giá sỉ chiết khấu cao TỐT NHẤT toàn quốc</a>
  943. </div>
  944. </li>
  945. </ul>
  946. </li>
  947. <li class="mobile-nav__item" aria-haspopup="true">
  948. <div class="mobile-nav__has-sublist">
  949. <a href="/blogs/news" class="mobile-nav__link">Blog</a>
  950. <div class="mobile-nav__toggle">
  951. <button type="button" class="icon-fallback-text mobile-nav__toggle-open">
  952. <span class="icon icon-plus" aria-hidden="true"></span>
  953. <span class="fallback-text">See More</span>
  954. </button>
  955. <button type="button" class="icon-fallback-text mobile-nav__toggle-close">
  956. <span class="icon icon-minus" aria-hidden="true"></span>
  957. <span class="fallback-text">"cart.general.close_cart"</span>
  958. </button>
  959. </div>
  960. </div>
  961. <ul class="mobile-nav__sublist">
  962. <li class="mobile-nav__item" aria-haspopup="true">
  963. <div class="mobile-nav__has-sublist">
  964. <a href="/blogs/bao-chi-noi-ve-natoli" class="mobile-nav__link">Báo Chí Nói Về Natoli</a>
  965. </div>
  966. </li>
  967. <li class="mobile-nav__item" aria-haspopup="true">
  968. <div class="mobile-nav__has-sublist">
  969. <a href="/blogs/kien-thuc" class="mobile-nav__link">Kiến thức</a>
  970. </div>
  971. </li>
  972. <li class="mobile-nav__item" aria-haspopup="true">
  973. <div class="mobile-nav__has-sublist">
  974. <a href="/blogs/lam-dep" class="mobile-nav__link">Làm đẹp</a>
  975. </div>
  976. </li>
  977. <li class="mobile-nav__item" aria-haspopup="true">
  978. <div class="mobile-nav__has-sublist">
  979. <a href="/blogs/phong-thuy" class="mobile-nav__link">Phong thủy</a>
  980. </div>
  981. </li>
  982. <li class="mobile-nav__item" aria-haspopup="true">
  983. <div class="mobile-nav__has-sublist">
  984. <a href="/blogs/thoi-trang" class="mobile-nav__link">Thời trang</a>
  985. </div>
  986. </li>
  987. </ul>
  988. </li>
  989. <li class="mobile-nav__item">
  990. <a href="/pages/lien-he" class="mobile-nav__link">Liên hệ</a>
  991. </li>
  992.  
  993. <li class="mobile-nav__item">
  994. <a href="/account/login" id="customer_login_link">layout.customer.log_in</a>
  995. </li>
  996. <li class="mobile-nav__item">
  997. <a href="/account/register" id="customer_register_link">layout.customer.create_account</a>
  998. </li>
  999. </ul>
  1000. <!-- //mobile-nav -->
  1001. </div>
  1002.  
  1003. <div class="cart-overlay"></div>
  1004.  
  1005.  
  1006.  
  1007.  
  1008.  
  1009. <div id="CartDrawer" class="drawer drawer--left">
  1010. <div class="drawer__header">
  1011. <div class="drawer__title h3">cart.general.title</div>
  1012. <div class="drawer__close js-drawer-close">
  1013. <button type="button" class="icon-fallback-text">
  1014. <span class="icon icon-x" aria-hidden="true"></span>
  1015. <span class="fallback-text">"cart.general.close_cart"</span>
  1016. </button>
  1017. </div>
  1018. </div>
  1019. <div id="CartContainer"></div>
  1020. </div>
  1021.  
  1022.  
  1023.  
  1024.  
  1025.  
  1026. <div class="hide">
  1027. <table>
  1028. <tr>
  1029. <td><label for="icon_menu_1">Icon menu 1</label></td>
  1030. <td>
  1031. <input type="file" name="icon_menu_1.jpg" class="form-control" value="">
  1032. </td>
  1033. </tr>
  1034. </table>
  1035. <table>
  1036. <tr>
  1037. <td><label for="icon_menu_2">Icon menu 2</label></td>
  1038. <td>
  1039. <input type="file" name="icon_menu_2.jpg" class="form-control" value="">
  1040. </td>
  1041. </tr>
  1042. </table>
  1043. <table>
  1044. <tr>
  1045. <td><label for="icon_menu_3">Icon menu 3</label></td>
  1046. <td>
  1047. <input type="file" name="icon_menu_3.jpg" class="form-control" value="">
  1048. </td>
  1049. </tr>
  1050. </table>
  1051. <table>
  1052. <tr>
  1053. <td><label for="icon_menu_4">Icon menu 4</label></td>
  1054. <td>
  1055. <input type="file" name="icon_menu_4.jpg" class="form-control" value="">
  1056. </td>
  1057. </tr>
  1058. </table>
  1059. <table>
  1060. <tr>
  1061. <td><label for="icon_menu_5">Icon menu 5</label></td>
  1062. <td>
  1063. <input type="file" name="icon_menu_5.jpg" class="form-control" value="">
  1064. </td>
  1065. </tr>
  1066. </table>
  1067. <table>
  1068. <tr>
  1069. <td><label for="icon_menu_6">Icon menu 6</label></td>
  1070. <td>
  1071. <input type="file" name="icon_menu_6.jpg" class="form-control" value="">
  1072. </td>
  1073. </tr>
  1074. </table>
  1075. <table>
  1076. <tr>
  1077. <td><label for="icon_menu_7">Icon menu 7</label></td>
  1078. <td>
  1079. <input type="file" name="icon_menu_7.jpg" class="form-control" value="">
  1080. </td>
  1081. </tr>
  1082. </table>
  1083. <table>
  1084. <tr>
  1085. <td><label for="icon_menu_8">Icon menu 8</label></td>
  1086. <td>
  1087. <input type="file" name="icon_menu_8.jpg" class="form-control" value="">
  1088. </td>
  1089. </tr>
  1090. </table>
  1091. <table>
  1092. <tr>
  1093. <td><label for="icon_menu_9">Icon menu 9</label></td>
  1094. <td>
  1095. <input type="file" name="icon_menu_9.jpg" class="form-control" value="">
  1096. </td>
  1097. </tr>
  1098. </table>
  1099. <table>
  1100. <tr>
  1101. <td><label for="icon_menu_10">Icon menu 10</label></td>
  1102. <td>
  1103. <input type="file" name="icon_menu_10.jpg" class="form-control" value="">
  1104. </td>
  1105. </tr>
  1106. </table>
  1107. </div>
  1108.  
  1109.  
  1110. <header id="header">
  1111.  
  1112. <div class="header-menu hidden-xs" style="position: relative;">
  1113. <div class="container-fluid">
  1114. <div class="header-menu-top clearfix">
  1115. <div class="col-sm-2 col-xs-2 pd-0 mobile-logo">
  1116. <a href="/" class="logo"><img src="//theme.hstatic.net/1000360737/1000781570/14/logo.png?v=172" alt="Natoli" style="height:auto"></a>
  1117. </div>
  1118. <div class="col-sm-3 col-xs-8 mobile-search-box ">
  1119. <div class="row">
  1120. <form action="/search" class="search" style="width: auto; left: 0!important;">
  1121. <input type="text" placeholder="Tìm tên, mã sản phẩm tại đây" name="q" autocomplete="off" class="form-control"><img  alt="Natoli" src="//theme.hstatic.net/1000360737/1000781570/14/search-icon.png?v=172" class="hidden-xs search-icon">
  1122. <ul class="search-result"></ul>
  1123. </form>
  1124. </div>
  1125. </div>
  1126. <div class="col-sm-7 col-xs-8 mobile-search-box hidden-xs header-desktop">
  1127. <div class="row d-flex-center header-bottom">
  1128. <div class="col-sm-8 co-lxs-12">
  1129. <div class="header-navbar">
  1130. <ul class="main-menu-top destio-isnew row clearfix hidden-xs no-bullets">
  1131. <li class="menu-lv1 ">
  1132. <a href="/pages/gioi-thieu">
  1133. Giới Thiệu
  1134. </a>
  1135. </li>
  1136. <li class="menu-lv1 ">
  1137. <a href="/blogs/bao-chi-noi-ve-natoli">
  1138. Báo Chí
  1139. </a>
  1140. </li>
  1141. <li class="menu-lv1 ">
  1142. <a href="/pages/cau-chuyen-thuong-hieu">
  1143. Thương Hiệu Natoli
  1144. </a>
  1145. </li>
  1146. <li class="desktop-cart-wrapper">
  1147. <a href="javascript:void(0)" class="text-center" style="display: flex; align-items: center;">
  1148. <div class="hd-link-title">
  1149. Giỏ hàng
  1150. </div>
  1151. <div class="hd-link-icon">
  1152. <img class="not-hover" src="//theme.hstatic.net/1000360737/1000781570/14/hd_mainmenu_icon_cart.png?v=172" alt="Giỏ hàng"/>
  1153. <img class="hover" src="//theme.hstatic.net/1000360737/1000781570/14/hd_mainmenu_icon_cart_hover.png?v=172" alt="Giỏ hàng">
  1154. <span class="hd-cart-count">0</span>
  1155. </div>
  1156.  
  1157. </a>
  1158. <div class="quickview-cart">
  1159. <h3>
  1160. Giỏ hàng trống
  1161. <span class="btnCloseQVCart"><i class="fa fa-times" aria-hidden="true"></i></span>
  1162. </h3>
  1163. <ul class="no-bullets">
  1164. <li>Bạn chưa có sản phẩm nào trong giỏ hàng!</li>
  1165. </ul>
  1166. </div>
  1167. </li>
  1168. </ul>
  1169. </div>
  1170. </div>
  1171. <div class="col-sm-4 col-xs-12">
  1172. <div class="contact clearfix col-sm-6 col-md-5 hidden-xs" style="width:100%!important;">
  1173. <p></p>
  1174. <p><span style="color: ##f8bf17;"><strong>Tư Vấn Miễn Ph&iacute;</strong></span></p>
  1175. <p><span style="color: #666666;"><strong>Mua lẻ:090.1881.777 </strong></span></p>
  1176. <p><span style="color: #666666;"><strong>Đại Lý & Doanh Nghiệp: 0916.7777.13</strong></span></p>
  1177. </div>
  1178. </div>
  1179. </div>
  1180. </div>
  1181.  
  1182. </div>
  1183. </div>
  1184. <div class="header-menu main container">
  1185.  
  1186.  
  1187. <ul class="main-menu destio-isnew row clearfix hidden-xs">
  1188. <li class="menu-lv1">
  1189. <a href="/">
  1190. <div class="hd-link-icon">
  1191. <img class="not-hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-trang-chu_e8dd9237e27c407481e4180b933f4249.svg" alt="Trang chủ"/>
  1192. <img class="hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-trang-chu-2_3e8682bcafc348bdbd59ead45536e04a.svg" alt="Trang chủ">
  1193. </div>
  1194. Trang chủ
  1195. </a>
  1196. </li>
  1197. <li class="have-submenu menu-lv1">
  1198. <a href="/collections/balo">
  1199. <div class="hd-link-icon">
  1200. <img class="not-hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-balo_055842f8d189471ca4fd79a2e53757ff.svg" alt="Balo"/>
  1201. <img class="hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-balo2_c29a76bf7f7b42e8900e1d5ea6e303f8.svg" alt="Balo">
  1202. </div>
  1203. Balo
  1204. </a>
  1205. <div class="sub-menu dropdown-menu">
  1206. <div class="container-fluid">
  1207. <div class="row" style="border-bottom: 1px solid #000000; border-top: 1px solid #000000; position: relative;display: flex;justify-content: center;flex-wrap: wrap;padding: 10px 0;--height-menu: 86px">
  1208. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/balo-nam" class="menu-lv-2">Balo Nam</a></span>
  1209. <div class="absolute-menu">
  1210. <ul class="list-menu-lv-3">
  1211. <li class="menu-lv-3">
  1212. <a href="/collections/balo-deo-cheo-nam">
  1213. <img src="//theme.hstatic.net/1000360737/1000781570/14/no_image.jpg?v=172" alt="balo đeo chéo nam" />
  1214. balo đeo chéo nam
  1215. </a>
  1216. </li>
  1217. <li class="menu-lv-3">
  1218. <a href="/collections/balo-day-rut-nam">
  1219. <img src="//theme.hstatic.net/1000360737/1000781570/14/no_image.jpg?v=172" alt="balo dây rút nam" />
  1220. balo dây rút nam
  1221. </a>
  1222. </li>
  1223. </ul>
  1224. </div>
  1225. </div>
  1226. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/balo-nu" class="menu-lv-2">Balo Nữ</a></span>
  1227. <div class="absolute-menu">
  1228. <ul class="list-menu-lv-3">
  1229. <li class="menu-lv-3">
  1230. <a href="/collections/balo-nu-han-quoc">
  1231. <img src="//theme.hstatic.net/1000360737/1000781570/14/no_image.jpg?v=172" alt="balo nữ hàn quốc" />
  1232. balo nữ hàn quốc
  1233. </a>
  1234. </li>
  1235. <li class="menu-lv-3">
  1236. <a href="/collections/balo-deo-cheo-nu">
  1237. <img src="https://file.hstatic.net/1000360737/collection/balo-laptop-cao-cap-chong-soc__87__db54aa7af02e4cb593a59cc25a9cd3c5.jpg" alt="balo đeo chéo nữ" />
  1238. balo đeo chéo nữ
  1239. </a>
  1240. </li>
  1241. </ul>
  1242. </div>
  1243. </div>
  1244. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/balo-laptop" class="menu-lv-2">Balo Laptop</a></span>
  1245. <div class="absolute-menu">
  1246. <ul class="list-menu-lv-3">
  1247. <li class="menu-lv-3">
  1248. <a href="/collections/balo-laptop-13-inch">
  1249. <img src="https://file.hstatic.net/1000360737/collection/balo-laptop-cao-cap-chong-soc__58__4560450479df42d3b6d6ca633a36aab8.jpg" alt="Balo Laptop 13 inch" />
  1250. Balo Laptop 13 inch
  1251. </a>
  1252. </li>
  1253. <li class="menu-lv-3">
  1254. <a href="/collections/balo-laptop-14-inch">
  1255. <img src="https://file.hstatic.net/1000360737/collection/balo-laptop-cao-cap-chong-soc__59__f02d6f29a43a4effb2c070406de606d0.jpg" alt="balo laptop 14 inch" />
  1256. balo laptop 14 inch
  1257. </a>
  1258. </li>
  1259. <li class="menu-lv-3">
  1260. <a href="/collections/balo-laptop-15-6-inch">
  1261. <img src="https://file.hstatic.net/1000360737/collection/balo-laptop-cao-cap-chong-soc__51__217d86e1654943a585a4e3f5825c5911.jpg" alt="balo laptop 15.6 inch" />
  1262. balo laptop 15.6 inch
  1263. </a>
  1264. </li>
  1265. <li class="menu-lv-3">
  1266. <a href="/collections/balo-laptop-17-inch">
  1267. <img src="https://file.hstatic.net/1000360737/collection/balo-laptop-cao-cap-chong-soc__44__942b586725274ba08010c86e0b039ae7.jpg" alt="Balo Laptop 17 inch" />
  1268. Balo Laptop 17 inch
  1269. </a>
  1270. </li>
  1271. <li class="menu-lv-3">
  1272. <a href="/collections/balo-laptop-chong-nuoc">
  1273. <img src="https://file.hstatic.net/1000360737/collection/balo-laptop-cao-cap-chong-soc__27__349a2f067ada45989dc566de86150e9a.jpg" alt="Balo Laptop Chống Nước" />
  1274. Balo Laptop Chống Nước
  1275. </a>
  1276. </li>
  1277. <li class="menu-lv-3">
  1278. <a href="/collections/balo-laptop-chong-trom">
  1279. <img src="https://file.hstatic.net/1000360737/collection/balo-laptop-cao-cap-chong-soc__43__e886ade6df9a47668d9c9f19ed68111b.jpg" alt="Balo Laptop Chống Trộm" />
  1280. Balo Laptop Chống Trộm
  1281. </a>
  1282. </li>
  1283. </ul>
  1284. </div>
  1285. </div>
  1286. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/balo-di-hoc" class="menu-lv-2">Balo Đi Học</a></span>
  1287. </div>
  1288. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/balo-thoi-trang" class="menu-lv-2">Balo thời trang</a></span>
  1289. </div>
  1290. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/balo-han-quoc" class="menu-lv-2">Balo Hàn Quốc</a></span>
  1291. </div>
  1292. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/balo-du-lich" class="menu-lv-2">Balo Du Lịch</a></span>
  1293. </div>
  1294. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/balo-the-thao" class="menu-lv-2">Balo Thể Thao</a></span>
  1295. </div>
  1296. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/balo-chong-nuoc" class="menu-lv-2">Balo Chống Nước</a></span>
  1297. </div>
  1298. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/balo-chong-trom" class="menu-lv-2">Balo Chống Trộm</a></span>
  1299. </div>
  1300. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/balo-chong-gu" class="menu-lv-2">Balo Chống Gù</a></span>
  1301. </div>
  1302. </div>
  1303. </div>
  1304. </div>
  1305. </li>
  1306. <li class="have-submenu menu-lv1">
  1307. <a href="/collections/tui-xach">
  1308. <div class="hd-link-icon">
  1309. <img class="not-hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-tui_-xach_531cc53533644cd4910e9a0dab6df359.svg" alt="Túi xách"/>
  1310. <img class="hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-tui-xach-1_2f3af359d01440979cf2ea3511eaef5e.svg" alt="Túi xách">
  1311. </div>
  1312. Túi xách
  1313. </a>
  1314. <div class="sub-menu dropdown-menu">
  1315. <div class="container-fluid">
  1316. <div class="row" style="border-bottom: 1px solid #000000; border-top: 1px solid #000000; position: relative;display: flex;justify-content: center;flex-wrap: wrap;padding: 10px 0;--height-menu: 54px">
  1317. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/tui-xach-nam" class="menu-lv-2">Túi Xách Nam</a></span>
  1318. </div>
  1319. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/tui-xach-cong-so" class="menu-lv-2">Túi Xách Công Sở</a></span>
  1320. </div>
  1321. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/tui-xach-du-lich" class="menu-lv-2">Túi Xách Du Lịch</a></span>
  1322. </div>
  1323. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/tui-the-thao" class="menu-lv-2">Túi thể Thao</a></span>
  1324. </div>
  1325. </div>
  1326. </div>
  1327. </div>
  1328. </li>
  1329. <li class="have-submenu menu-lv1">
  1330. <a href="/collections/vi">
  1331. <div class="hd-link-icon">
  1332. <img class="not-hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-vi-dung-tien_d8629be5edda49fca56231ffda7c6619.svg" alt="Ví"/>
  1333. <img class="hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-vi-dung-tien-2_6343868c05c34da7b87e860eb9ecf433.svg" alt="Ví">
  1334. </div>
  1335. </a>
  1336. <div class="sub-menu dropdown-menu">
  1337. <div class="container-fluid">
  1338. <div class="row" style="border-bottom: 1px solid #000000; border-top: 1px solid #000000; position: relative;display: flex;justify-content: center;flex-wrap: wrap;padding: 10px 0;--height-menu: 86px">
  1339. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/vi-nam" class="menu-lv-2">Ví Nam</a></span>
  1340. <div class="absolute-menu">
  1341. <ul class="list-menu-lv-3">
  1342. <li class="menu-lv-3">
  1343. <a href="/collections/vi-dung-nam">
  1344. <img src="https://file.hstatic.net/1000360737/collection/vi_dung_do_tim_7_5779c83e8e3642bab0bf13bda7c886a7.jpg" alt="VÍ ĐỨNG NAM" />
  1345. VÍ ĐỨNG NAM
  1346. </a>
  1347. </li>
  1348. <li class="menu-lv-3">
  1349. <a href="/collections/vi-cam-tay-nam">
  1350. <img src="https://file.hstatic.net/1000360737/collection/vi-dai-den__3__0e7b59fbfcb4419788a5f7431f28c466.jpg" alt="Ví Cầm Tay nam" />
  1351. Ví Cầm Tay nam
  1352. </a>
  1353. </li>
  1354. <li class="menu-lv-3">
  1355. <a href="/collections/vi-dai-nam">
  1356. <img src="https://file.hstatic.net/1000360737/collection/vi_dai_xanh_dam_2_d197471b1c8b422a8ee75ae784cdc490.jpg" alt="Ví Dài Nam" />
  1357. Ví Dài Nam
  1358. </a>
  1359. </li>
  1360. </ul>
  1361. </div>
  1362. </div>
  1363. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/vi-nu" class="menu-lv-2">Ví Nữ</a></span>
  1364. <div class="absolute-menu">
  1365. <ul class="list-menu-lv-3">
  1366. <li class="menu-lv-3">
  1367. <a href="/collections/vi-cam-tay-nu">
  1368. <img src="https://file.hstatic.net/1000360737/collection/vi-nu-dai-hong-xanh-slw__1__ad34763421b64fbd9191d01f003b8573.jpg" alt="Ví Cầm Tay Nữ" />
  1369. Ví Cầm Tay Nữ
  1370. </a>
  1371. </li>
  1372. </ul>
  1373. </div>
  1374. </div>
  1375. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/vi-vai" class="menu-lv-2">Ví Vải</a></span>
  1376. </div>
  1377. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/vi-mini" class="menu-lv-2">Ví Mini</a></span>
  1378. </div>
  1379. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/mau-sac-vi" class="menu-lv-2">Màu Sắc Ví</a></span>
  1380. <div class="absolute-menu">
  1381. <ul class="list-menu-lv-3">
  1382. <li class="menu-lv-3">
  1383. <a href="/collections/vi-mau-xanh">
  1384. <img src="https://file.hstatic.net/1000360737/collection/vi_nu_xanh_2_5_ed0a346fb9d74924990a8652c1f3830f.jpg" alt="Ví Màu Xanh" />
  1385. Ví Màu Xanh
  1386. </a>
  1387. </li>
  1388. <li class="menu-lv-3">
  1389. <a href="/collections/vi-mau-do">
  1390. <img src="https://file.hstatic.net/1000360737/collection/vi_nu_do_xanh_5_855f2316aa984a7f98aba26f7c56cabb.jpg" alt="Ví Màu Đỏ" />
  1391. Ví Màu Đỏ
  1392. </a>
  1393. </li>
  1394. <li class="menu-lv-3">
  1395. <a href="/collections/vi-mau-den">
  1396. <img src="https://file.hstatic.net/1000360737/collection/vi_nam_den_do_6_84d0f678dab4444387f4b928f7fda0f0.jpg" alt="Ví Màu Đen" />
  1397. Ví Màu Đen
  1398. </a>
  1399. </li>
  1400. <li class="menu-lv-3">
  1401. <a href="/collections/vi-mau-hong">
  1402. <img src="https://file.hstatic.net/1000360737/collection/vi_nu_hong_tim_5_5cad28d0a080480ba1e899b2ddcb4399.jpg" alt="Ví Màu Hồng" />
  1403. Ví Màu Hồng
  1404. </a>
  1405. </li>
  1406. <li class="menu-lv-3">
  1407. <a href="/collections/vi-mau-xam">
  1408. <img src="https://file.hstatic.net/1000360737/collection/vi_dung_xam_6_43d30b7b99b84cd18720b5490ff9d519.jpg" alt="Ví Màu Xám" />
  1409. Ví Màu Xám
  1410. </a>
  1411. </li>
  1412. <li class="menu-lv-3">
  1413. <a href="/collections/vi-mau-trang">
  1414. <img src="https://file.hstatic.net/1000360737/collection/vi_nu_xanh_xam_5_9d0dc20ecd0644a0b157ed07f97a3423.jpg" alt="Ví Màu Trắng" />
  1415. Ví Màu Trắng
  1416. </a>
  1417. </li>
  1418. <li class="menu-lv-3">
  1419. <a href="/collections/vi-mau-tim">
  1420. <img src="https://file.hstatic.net/1000360737/collection/vi_nu_tim_hong_5_87fc3f61c6354c12badf6c9273a65e5d.jpg" alt="Ví Màu Tím" />
  1421. Ví Màu Tím
  1422. </a>
  1423. </li>
  1424. <li class="menu-lv-3">
  1425. <a href="/collections/vi-mau-cam">
  1426. <img src="https://file.hstatic.net/1000360737/collection/vi_nu_hong_cam_5_5f37939654454feaaa144f21907cd71f.jpg" alt="Ví Màu Cam" />
  1427. Ví Màu Cam
  1428. </a>
  1429. </li>
  1430. <li class="menu-lv-3">
  1431. <a href="/collections/vi-mau-xanh-la">
  1432. <img src="https://file.hstatic.net/1000360737/collection/vi_nam_den_xanh_la_7_37ed7062190b4a8f96e5a09fdc3d3410.jpg" alt="Ví Màu xanh lá" />
  1433. Ví Màu xanh lá
  1434. </a>
  1435. </li>
  1436. </ul>
  1437. </div>
  1438. </div>
  1439. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/vi-cam-tay" class="menu-lv-2">Ví Cầm Tay</a></span>
  1440. <div class="absolute-menu">
  1441. <ul class="list-menu-lv-3">
  1442. <li class="menu-lv-3">
  1443. <a href="/collections/vi-cam-tay-nam">
  1444. <img src="https://file.hstatic.net/1000360737/collection/vi-dai-den__3__0e7b59fbfcb4419788a5f7431f28c466.jpg" alt="Ví Cầm Tay Nam" />
  1445. Ví Cầm Tay Nam
  1446. </a>
  1447. </li>
  1448. <li class="menu-lv-3">
  1449. <a href="/collections/vi-cam-tay-nu">
  1450. <img src="https://file.hstatic.net/1000360737/collection/vi-nu-dai-hong-xanh-slw__1__ad34763421b64fbd9191d01f003b8573.jpg" alt="Ví Cầm Tay Nữ" />
  1451. Ví Cầm Tay Nữ
  1452. </a>
  1453. </li>
  1454. </ul>
  1455. </div>
  1456. </div>
  1457. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/vi-dung-tien" class="menu-lv-2">Ví Đựng Tiền</a></span>
  1458. </div>
  1459. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/vi-dung-dien-thoai" class="menu-lv-2">Ví Đựng Điện Thoại</a></span>
  1460. <div class="absolute-menu">
  1461. <ul class="list-menu-lv-3">
  1462. <li class="menu-lv-3">
  1463. <a href="/collections/vi-dung-dien-thoai-nam">
  1464. <img src="https://file.hstatic.net/1000360737/collection/vi-nu-dai-mau-xanh-slw__1__74f9abf63b984ea68d9efbf3280b063a.jpg" alt="Ví Đựng Điện Thoại Nam" />
  1465. Ví Đựng Điện Thoại Nam
  1466. </a>
  1467. </li>
  1468. <li class="menu-lv-3">
  1469. <a href="/collections/vi-dung-dien-thoai-nu">
  1470. <img src="https://file.hstatic.net/1000360737/collection/vi-dai-nam-den-xam-tzw__1__f1fe5f7fcda440af95af0919ff316c0e.jpg" alt="Ví Đựng Điện Thoại Nữ" />
  1471. Ví Đựng Điện Thoại Nữ
  1472. </a>
  1473. </li>
  1474. </ul>
  1475. </div>
  1476. </div>
  1477. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/vi-dung-the" class="menu-lv-2">Ví Đựng Thẻ</a></span>
  1478. </div>
  1479. </div>
  1480. </div>
  1481. </div>
  1482. </li>
  1483. <li class="have-submenu menu-lv1">
  1484. <a href="/collections/tui-deo-cheo">
  1485. <div class="hd-link-icon">
  1486. <img class="not-hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-tui-deo-cheo_f74e0eaf617348d6b23ab465d42ee9ea.svg" alt="Túi Đeo Chéo"/>
  1487. <img class="hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-tui-deo-cheo_12b8d882250045cf9915d18d1906fa8c.svg" alt="Túi Đeo Chéo">
  1488. </div>
  1489. Túi Đeo Chéo
  1490. </a>
  1491. <div class="sub-menu dropdown-menu">
  1492. <div class="container-fluid">
  1493. <div class="row" style="border-bottom: 1px solid #000000; border-top: 1px solid #000000; position: relative;display: flex;justify-content: center;flex-wrap: wrap;padding: 10px 0;--height-menu: 54px">
  1494. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/tui-deo-cheo-nam" class="menu-lv-2">Túi Đeo Chéo Nam</a></span>
  1495. <div class="absolute-menu">
  1496. <ul class="list-menu-lv-3">
  1497. <li class="menu-lv-3">
  1498. <a href="/collections/tui-deo-cheo-the-thao">
  1499. <img src="https://file.hstatic.net/1000360737/collection/tui-deo-cheo-nam-nu__18__99b9281c46ee41db9d55b9f494aa4d2b.jpg" alt="Túi Đeo Chéo Thể Thao" />
  1500. Túi Đeo Chéo Thể Thao
  1501. </a>
  1502. </li>
  1503. <li class="menu-lv-3">
  1504. <a href="/collections/tui-deo-cheo-di-hoc">
  1505. <img src="https://file.hstatic.net/1000360737/collection/tui-deo-cheo-nam-nu__30__5ce3a21d6c994fec81270a038f81e953.jpg" alt="Túi Đeo Chéo Đi Học" />
  1506. Túi Đeo Chéo Đi Học
  1507. </a>
  1508. </li>
  1509. <li class="menu-lv-3">
  1510. <a href="/collections/tui-deo-cheo-dung-laptop">
  1511. <img src="https://file.hstatic.net/1000360737/collection/tui-deo-cheo-nam-nu__39__ef57f931d36449c08aa4aba7ad5db474.jpg" alt="Túi đeo chéo đựng laptop" />
  1512. Túi đeo chéo đựng laptop
  1513. </a>
  1514. </li>
  1515. </ul>
  1516. </div>
  1517. </div>
  1518. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/tui-deo-cheo-nu" class="menu-lv-2">Túi Đeo Chéo Nữ</a></span>
  1519. <div class="absolute-menu">
  1520. <ul class="list-menu-lv-3">
  1521. <li class="menu-lv-3">
  1522. <a href="/collections/tui-deo-cheo-nu-mau-den">
  1523. <img src="//theme.hstatic.net/1000360737/1000781570/14/no_image.jpg?v=172" alt="Túi đeo chéo nữ màu đen" />
  1524. Túi đeo chéo nữ màu đen
  1525. </a>
  1526. </li>
  1527. <li class="menu-lv-3">
  1528. <a href="/collections/tui-deo-cheo-nu-di-choi">
  1529. <img src="//theme.hstatic.net/1000360737/1000781570/14/no_image.jpg?v=172" alt="Túi Đeo Chéo Nữ Đi Chơi" />
  1530. Túi Đeo Chéo Nữ Đi Chơi
  1531. </a>
  1532. </li>
  1533. <li class="menu-lv-3">
  1534. <a href="/collections/tui-deo-cheo-han-quoc">
  1535. <img src="https://file.hstatic.net/1000360737/collection/tui-deo-cheo-nam-nu__43__0fb065ae78c1465ea9293a933b788c26.jpg" alt="Túi Đeo Chéo Hàn Quốc" />
  1536. Túi Đeo Chéo Hàn Quốc
  1537. </a>
  1538. </li>
  1539. </ul>
  1540. </div>
  1541. </div>
  1542. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/collections/tui-deo-cheo-local-brand" class="menu-lv-2">Túi Đeo Chéo Local Brand</a></span>
  1543. </div>
  1544. </div>
  1545. </div>
  1546. </div>
  1547. </li>
  1548. <li class="have-submenu menu-lv1">
  1549. <a href="/collections/natoli-basic-bag">
  1550. <div class="hd-link-icon">
  1551. <img class="not-hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-bo-suu-tap_da2f5161ed934e6e94f9b518d1ca9cf5.svg" alt="Bộ sưu tập"/>
  1552. <img class="hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-bo-suu-tap-1_d887ce364dcf48b6ac359f47b964024c.svg" alt="Bộ sưu tập">
  1553. </div>
  1554. Bộ sưu tập
  1555. </a>
  1556. <div class="sub-menu dropdown-menu">
  1557. <div class="container-fluid">
  1558. <div class="row" style="border-bottom: 1px solid #000000; border-top: 1px solid #000000; position: relative;display: flex;justify-content: center;flex-wrap: wrap;padding: 10px 0;--height-menu: 54px">
  1559. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="#" class="menu-lv-2">BST F1</a></span>
  1560. <div class="absolute-menu">
  1561. <ul class="list-menu-lv-3">
  1562. <li class="menu-lv-3">
  1563. <a href="/collections/simple-horizontal-wallet">
  1564. Simple Horizontal Wallet
  1565. </a>
  1566. </li>
  1567. <li class="menu-lv-3">
  1568. <a href="/collections/simple-vertical-wallet">
  1569. Simple Vertical Wallet
  1570. </a>
  1571. </li>
  1572. <li class="menu-lv-3">
  1573. <a href="/collections/the-button-wallet">
  1574. The Button Wallet
  1575. </a>
  1576. </li>
  1577. <li class="menu-lv-3">
  1578. <a href="/collections/the-long-wallet">
  1579. The Long Wallet
  1580. </a>
  1581. </li>
  1582. <li class="menu-lv-3">
  1583. <a href="/collections/the-zipper-wallet">
  1584. The Zipper Wallet
  1585. </a>
  1586. </li>
  1587. </ul>
  1588. </div>
  1589. </div>
  1590. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="#" class="menu-lv-2">BST F2</a></span>
  1591. <div class="absolute-menu">
  1592. <ul class="list-menu-lv-3">
  1593. <li class="menu-lv-3">
  1594. <a href="/collections/ultra-mini-wallet">
  1595. Ultra Mini Wallet
  1596. </a>
  1597. </li>
  1598. <li class="menu-lv-3">
  1599. <a href="/collections/cube-mini-wallet">
  1600. Cube Mini Wallet
  1601. </a>
  1602. </li>
  1603. <li class="menu-lv-3">
  1604. <a href="#">
  1605. Natoli City bag
  1606. </a>
  1607. </li>
  1608. <li class="menu-lv-3">
  1609. <a href="#">
  1610. Natoli RoundTop bag
  1611. </a>
  1612. </li>
  1613. </ul>
  1614. </div>
  1615. </div>
  1616. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="#" class="menu-lv-2">BST F1</a></span>
  1617. <div class="absolute-menu">
  1618. <ul class="list-menu-lv-3">
  1619. <li class="menu-lv-3">
  1620. <a href="#">
  1621. Natoli BeltPack
  1622. </a>
  1623. </li>
  1624. <li class="menu-lv-3">
  1625. <a href="#">
  1626. Natoli folded bag
  1627. </a>
  1628. </li>
  1629. <li class="menu-lv-3">
  1630. <a href="#">
  1631. Natoli Hand bag (laptop)
  1632. </a>
  1633. </li>
  1634. <li class="menu-lv-3">
  1635. <a href="/">
  1636. Natoli Long Travel bag
  1637. </a>
  1638. </li>
  1639. <li class="menu-lv-3">
  1640. <a href="#">
  1641. Natoli RollTop bag
  1642. </a>
  1643. </li>
  1644. </ul>
  1645. </div>
  1646. </div>
  1647. </div>
  1648. </div>
  1649. </div>
  1650. </li>
  1651. <li class="have-submenu menu-lv1">
  1652. <a href="/pages/may-balo-quang-cao">
  1653. <div class="hd-link-icon">
  1654. <img class="not-hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-balo-quang-cao_0dac131afde0459d9bac2c678cd4d2c4.svg" alt="Balo Quảng Cáo"/>
  1655. <img class="hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-balo-quang-cao-2_78ee7bd4ca1e4b47a79ec31533fae61a.svg" alt="Balo Quảng Cáo">
  1656. </div>
  1657. Balo Quảng Cáo
  1658. </a>
  1659. <div class="sub-menu dropdown-menu">
  1660. <div class="container-fluid">
  1661. <div class="row" style="border-bottom: 1px solid #000000; border-top: 1px solid #000000; position: relative;display: flex;justify-content: center;flex-wrap: wrap;padding: 10px 0;--height-menu: 54px">
  1662. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/pages/tim-dai-ly-ban-hang" class="menu-lv-2">Đại lý phân phối</a></span>
  1663. </div>
  1664. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/pages/xuong-may-tui-xach" class="menu-lv-2">Xưởng túi xách xuất khẩu các hãng giá rẻ chất lượng tại tphcm</a></span>
  1665. </div>
  1666. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/pages/xuong-may-balo" class="menu-lv-2">Xưởng may balo giá sỉ chiết khấu cao TỐT NHẤT toàn quốc</a></span>
  1667. </div>
  1668. </div>
  1669. </div>
  1670. </div>
  1671. </li>
  1672. <li class="have-submenu menu-lv1">
  1673. <a href="/blogs/news">
  1674. <div class="hd-link-icon">
  1675. <img class="not-hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-blog_4ae1dc30d90744079f1860ca220cd996.svg" alt="Blog"/>
  1676. <img class="hover" src="https://file.hstatic.net/1000360737/file/icon-natoli-blog1_337ac505db594cd7a11c0412db57cde2.svg" alt="Blog">
  1677. </div>
  1678. Blog
  1679. </a>
  1680. <div class="sub-menu dropdown-menu">
  1681. <div class="container-fluid">
  1682. <div class="row" style="border-bottom: 1px solid #000000; border-top: 1px solid #000000; position: relative;display: flex;justify-content: center;flex-wrap: wrap;padding: 10px 0;--height-menu: 54px">
  1683. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/blogs/bao-chi-noi-ve-natoli" class="menu-lv-2">Báo Chí Nói Về Natoli</a></span>
  1684. </div>
  1685. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/blogs/kien-thuc" class="menu-lv-2">Kiến thức</a></span>
  1686. </div>
  1687. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/blogs/lam-dep" class="menu-lv-2">Làm đẹp</a></span>
  1688. </div>
  1689. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/blogs/phong-thuy" class="menu-lv-2">Phong thủy</a></span>
  1690. </div>
  1691. <div class="menu-list menu-collection-large col-xs-2"><span class="title"><a href="/blogs/thoi-trang" class="menu-lv-2">Thời trang</a></span>
  1692. </div>
  1693. </div>
  1694. </div>
  1695. </div>
  1696. </li>
  1697. <li class="menu-lv1">
  1698. <a href="/pages/lien-he">
  1699. <div class="hd-link-icon">
  1700. <img class="not-hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-lien-he-2_bc58d47f3b584f4487fe0ff18c119666.svg" alt="Liên hệ"/>
  1701. <img class="hover" src="https://file.hstatic.net/1000360737/file/natoli-icon-lien-he_38e0f14cc2ea4f96a09aa11083c1a16a.svg" alt="Liên hệ">
  1702. </div>
  1703. Liên hệ
  1704. </a>
  1705. </li>
  1706. </ul>
  1707. </div>
  1708. </div>
  1709.  
  1710. <div class="header-mobile large--hide">
  1711. <div class="wrapper">
  1712. <div class="inner">
  1713. <div class="grid">
  1714. <div class="grid__item medium--one-third small--one-third">
  1715. <div class="hd-logo text-left">
  1716. <a href="/">
  1717. <img src="//theme.hstatic.net/1000360737/1000781570/14/mb_logo.png?v=172" alt="Natoli - Thương hiệu Balo | Túi xách | Ví hàng đầu Việt Nam" />
  1718. </a>
  1719.  
  1720. </div>
  1721. </div>
  1722. <div class="clearfix grid__item large--two-twelfths push--large--eight-twelfths medium--two-thirds small--two-thirds clearfix text-right">
  1723. <div class="hd-btnMenu">
  1724. <a href="javascript:void(0)" class="icon-fallback-text site-nav__link js-drawer-open-right" aria-controls="NavDrawer" aria-expanded="false">
  1725. <i class="fas fa-bars"></i>
  1726. </a>
  1727. </div>
  1728. <div class="desktop-cart-wrapper1">
  1729. <a href="/cart" class="hd-cart">
  1730. <img src="//theme.hstatic.net/1000360737/1000781570/14/hd_mainmenu_icon_cart.png?v=172" alt="Giỏ hàng"/><span class="hd-cart-count">0</span>
  1731. </a>
  1732. <div class="quickview-cart">
  1733. <h3>
  1734. Giỏ hàng trống
  1735. <span class="btnCloseQVCart"><i class="fa fa-times" aria-hidden="true"></i></span>
  1736. </h3>
  1737. <ul class="no-bullets">
  1738. <li>Bạn chưa có sản phẩm nào trong giỏ hàng!</li>
  1739. </ul>
  1740. </div>
  1741. </div>
  1742. </div>
  1743. </div>
  1744. </div>
  1745. </div>
  1746. </div>
  1747. </header>
  1748.  
  1749.  
  1750.  
  1751. <section id="breadcrumb-wrapper">
  1752. <div class="breadcrumb-content">
  1753. <div class="wrapper ">
  1754. <div class="inner">
  1755. <div class="breadcrumb-small">
  1756. <a href="/" title="general.breadcrumbs.home_link_title">Trang chủ</a>
  1757.  
  1758.  
  1759. <span aria-hidden="true"><i class="fas fa-caret-right"></i></span>
  1760. <!--<a href="/blogs/news" title="">Tin tức</a>-->
  1761. <a href="/blogs/news">Tin tức</a>
  1762. <span aria-hidden="true"><i class="fas fa-caret-right"></i></span>
  1763. <span>Cách thay & sửa dây khóa kéo balo bị tại nhà đơn giản hiệu quả</span>
  1764.  
  1765. </div>
  1766. </div>
  1767. </div>
  1768. </div>
  1769. </section>
  1770.  
  1771.  
  1772.  
  1773. <div id="PageContainer">
  1774. <main class="main-content" role="main">
  1775. <section id="blog-main-content">
  1776. <div class="wrapper">
  1777. <div class="inner">
  1778. <div class="grid">
  1779.  
  1780. <article class="grid__item large--nine-twelfths medium--one-whole small--one-whole" itemscope itemtype="http://schema.org/Article" style="padding-top: 5px;">
  1781.  
  1782. <div class="a-blog-detail article-details">
  1783. <div class="article-head">
  1784. <h1 title="Cách thay & sửa dây khóa kéo balo bị tại nhà đơn giản hiệu quả" class="page-heading">Cách thay & sửa dây khóa kéo balo bị tại nhà đơn giản hiệu quả</h1>
  1785. <!-- Go to www.addthis.com/dashboard to customize your tools -->
  1786. <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-55b85b7f72e32425"></script>
  1787. <div class="addthis_inline_share_toolbox_mneo"></div>
  1788. <div class="grid">
  1789. <div class="grid__item large--four-fifths medium--three-quarters small--one-half">
  1790. <div class="article-overview">
  1791. <div class="hide" itemprop="image">
  1792. <img itemprop="image" src="https://file.hstatic.net/1000360737/article/cach-sua-day-keo-balo-tai-tphcm__3__f46a3d7ebd714c159cd20d55999df1bc.jpg" />
  1793. </div>
  1794. <div class="hide" itemprop="publisher" itemscope itemtype="https://schema.org/Organization">
  1795. <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
  1796. <img src="//theme.hstatic.net/1000360737/1000781570/14/logo.png?v=172"/>
  1797. <meta itemprop="url" content="//theme.hstatic.net/1000360737/1000781570/14/logo.png?v=172">
  1798. <meta itemprop="width" content="400">
  1799. <meta itemprop="height" content="60">
  1800. </div>
  1801. <meta itemprop="name" content="Cách thay & sửa dây khóa kéo balo bị tại nhà đơn giản hiệu quả">
  1802. </div>
  1803. <span class="hidden" itemprop="dateModified" content="2021/07/17"></span>
  1804. <span class="hidden" itemprop="mainEntityOfPage" content="https://natoli.vn/blogs/news/sua-day-khoa-keo-balo-tphcm"></span>
  1805. <div itemprop="headline name" class="hide">Cách thay & sửa dây khóa kéo balo bị tại nhà đơn giản hiệu quả</div>
  1806. <div class="hide" itemprop="datePublished">
  1807. 17/07/2021 01:49:20
  1808. </div>
  1809. <div class="article-date">
  1810. <i class="fa fa-calendar" aria-hidden="true"></i> 17/07/21
  1811. </div>
  1812. <div class="article-author small--hide" itemprop="author">
  1813. <i class="fa fa-user" aria-hidden="true"></i> Mr Quân
  1814. </div>
  1815. <div class="article-comment">
  1816. <i class="fas fa-comment" aria-hidden="true"></i> <span class="fb-comments-count" data-href="https://natoli.vn/blogs/news/sua-day-khoa-keo-balo-tphcm"></span>
  1817. </div>
  1818. </div>
  1819. </div>
  1820. <div class="grid__item large--one-fifth medium--one-quarter small--one-half  text-right">
  1821. <div class="social-network-actions">
  1822. <div class="fb-send" data-href="https://natoli.vn/blogs/news/sua-day-khoa-keo-balo-tphcm"></div>
  1823. <div class="fb-like" data-href="https://natoli.vn/blogs/news/sua-day-khoa-keo-balo-tphcm" data-layout="button" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>
  1824. </div>
  1825. </div>
  1826. </div>
  1827. </div>
  1828. <div class="rte article-body" itemprop="articleBody">
  1829. <p>Balo của bạn đang bị tình trạng dây kéo bị hư, bị kẹt cứng ?&nbsp;Bạn đang tìm cách tự sửa dây kéo balo tại nhà đơn giản, tiết kiệm chi phí, nhanh chóng,... Cùng <a href="https://natoli.vn/">Natoli</a> tham khảo bài viết dưới đây để có thể tự sửa hoặc thay dây khoá kéo cách đơn giản nhé.</p><h2><span style="color:#ff0000;"><strong>Cách tự sửa dây kéo balo tại nhà</strong></span></h2><p>Dây kéo hoạt động tốt là các móc gắn có kích thước đồng nhất với nhau, dây kéo dễ dàng đóng mở nhờ các thanh răng của dây mượt mà, tuy nhiên không tránh khỏi những sự cố ngoài ý muốn, một vài mẹo đơn giản bạn có thể tự sửa dây kéo tại nhà mà không cần mang ra tiệm.</p><p>Cần chuẩn bị<strong> nến ly, bút sáp</strong> hoặc <strong>bút chì</strong> giúp các khoá mở đóng có thể bôi trơn mượt mà, lực ở phía đầu dây khoá kéo đóng và mở không trơn là nguyên nhân khiến dây kéo không hoạt động. Paraffin (nến ly) được bày bán tại các gian hàng gia dụng, văn phòng phẩm hoặc nhà sách, bạn có thể tìm thấy nó dễ dàng ở bất cứ đâu.</p><p style="text-align: center;"><img width="602" height="451" src="https://lh6.googleusercontent.com/o1sshNEJ4Mfau5OJDWbk0dzGuBhcLv71MrB6RaWxZe4duYCyLoir-MNFcuzTQx3r6SGsnYA5kRYIkoNMxOU46rD6h81HB931Ks-e-1i9njEWhAlcDH_hxqtjzFXvtMUQT0HurI7w"></p><p>Cách khôi phục dây khoá kéo rất đơn giản, dùng nến ly <strong>bôi trơn</strong> mặt trước và sau phần khoá kéo, bôi 1 ít lên phần bánh răng của dây kéo sau đó kéo nhẹ vài lần để lan đều vào các bánh răng khoá kéo giúp dây kéo vào khớp với nhau.</p><p>Khi sử dụng nên lưu ý là các đồng dùng thủ công như chỉ, vải hoặc vật gì đó mắc vào dây kéo cũng sẽ làm dây kéo không kéo khoá được, kiểm tra kỹ và nhẹ nhàng gỡ những chướng ngại vật ấy ra. Chúng tôi khuyên bạn không nên cố dùng sức để kéo mà phải mở dây kéo về vị trí ban đầu, tìm những vật mắc vào dây kéo để gỡ nó ra.</p><blockquote><p>Xem thêm về bài viết:&nbsp;<a href="https://natoli.vn/blogs/news/mua-day-deo-tui-xach-o-dau"><strong>Mua dây đeo túi xách ở đâu tphcm</strong></a></p></blockquote><h2><span style="color:#ff0000;"><strong>Hướng dẫn sửa khóa kéo và balo không khít với nhau</strong></span></h2><p>Nếu bạn phát hiện thấy thanh trượt của dây kéo không di chuyển lên xuống hoặc không đóng bất kỳ răng nào của dây kéo, thì có thể là do dây kéo đã bị lệch. Theo thời gian, các răng của dây kéo sẽ không khớp với nhau hoặc bị kẹt khiến các phụ kiện như balo, ví gần như không sử dụng được.</p><p><strong>Bước 1:</strong></p><p>Căn chỉnh lại dây kéo trên balo</p><p>Xác định vị trí phần dây kéo có vấn đề.</p><p style="text-align: center;"><img width="602" height="447" src="https://lh6.googleusercontent.com/Nm4ARbCY3ugXl7oKJOs7iJbcXigopLpIOCzn9rvClhRwjKBy805GCb2wBGkvj-Hmjsu9TapFSafOjMHyk5rm4jMfielwmUhFNX-qPUf5NfFnTV4DWhQlCfUVqro6kVCEUgnjMfhb"></p><p><strong>Bước 2:&nbsp;</strong></p><p>Tháo thanh trượt bằng cách trượt nó về phía không có nút chặn ở cuối và kéo nó ra.</p><p>Thanh trượt: thiết bị di chuyển lên xuống của dây xích để mở hoặc đóng dây kéo.</p><p style="text-align: center;"><img width="602" height="449" src="https://lh6.googleusercontent.com/wv1j7yUIWeSRgiwHaTZr6h9c5SVskE8XEDN0hGeL-FJ1Y-L61Ue4E2edcQ0DQVDmFifzSXZOGTbxDw5uVL_KBTm2BnJ5KT7QpnXnFHgkKu77Ysp2SBbWyaIBgCDOpB-jWFWdYGi4"></p><p><strong>Bước 3:&nbsp;</strong></p><p>Dùng kìm cắt bỏ ít nhất 4 răng mỗi bên để chừa chỗ cho đường may.</p><p>Bóp tay cầm của kìm, lấy một răng khóa kéo và kéo nó ra. Điều này có thể làm rách vải khóa kéo, nhưng bạn sẽ may chúng lại với nhau sau đó.</p><p style="text-align: center;"><img width="602" height="448" src="https://lh5.googleusercontent.com/FAmM4hO3zogEqC4TCv7a8v5lvCKL3oSD-0NA7j_RLQ2QtPndo3-GrKJ8qqiLIhZTgFpni9xtJXQ58FycqIrb8TBy9BVHqyJ_4ZXhVRlAzXnb3VTU3-aFw-MlX1o9q9A4GRi6eyCW"></p><p>Hãy thận trọng để bạn không bị thương khi kéo kìm lại.</p><p>Các bộ phận nhỏ, sắc nhọn sẽ bị bong ra trong quá trình này. Theo dõi những phần nhỏ này để bạn có thể cắt nó đi</p><p><strong>Bước 4:</strong></p><p>Dùng sợi chỉ cùng màu với ba lô, luồn một đầu sợi qua mắt kim.</p><p style="text-align: center;"><img width="602" height="447" src="https://lh3.googleusercontent.com/TG2HZHUN88gcD6jAwUtCsLOLcms60DELoypTerZyFgLuKabGShSox3m19oun6ZouujkMvCbDNGqn9H8Un_BNxh-2oHehZK-qjdr27P703iOkBkWlSV_VhJf_JoXYtGv0joBW3Ocg"></p><p>Để kim trượt xuống sợi chỉ cho đến khi nó treo ở tâm. Bạn nên có hai đoạn chỉ dài bằng nhau ở hai bên của kim.</p><p><strong>Bước 5:&nbsp;</strong></p><p>Đặt thanh trượt trở lại dây kéo.</p><p>Bên của thanh trượt mà bạn nạp vào đầu tiên có một dải phân cách ở giữa.</p><p style="text-align: center;"><img width="602" height="445" src="https://lh6.googleusercontent.com/ZOnPCaaBGb_gKXpAty2POUj__fZxNFqq8a_sHL5Yyev9B-L6a6csoiQBaOfbT2g4vckXws6i4Mqek5oO5wYjqP5esbX1dXZMXQ34d-0Xdgm5w3lVMP8F9QNk-YgVn31vKEg8fM8Q"></p><p>Đưa một bên của dây kéo vào một lúc và kéo nó lên để xem liệu thanh trượt có thể kéo ba lô lên hay không.</p><p><strong>Bước 6:</strong></p><p>Sau khi đặt thanh trượt trở lại dây kéo, hãy khâu hai đầu dây kéo lại để ngăn thanh trượt trượt ra.</p><p style="text-align: center;"><img width="602" height="445" src="https://lh5.googleusercontent.com/g_84RBx-12w_o44louUD0WVH731yIchfZJUfwRgNfx6CZNdm5cSE1Aif7LX5yisP5H0xyjPmOQThVypCb_uEvh8lx0yAEd1Bu5PtK7j7jzD_x4Rtg-w2R9PGRT84BguUeTk7KGf6"></p><p>Chèn kim qua một bên của vải khóa kéo và kéo cho đến khi nó dừng lại ở nút.</p><p>Sau đó, luồn kim qua mặt còn lại của vải khóa kéo và kéo chặt cho đến khi thấy chắc chắn.</p><p>Lặp lại bước này nhiều lần nếu cần.</p><p><strong>Bước 7:&nbsp;</strong></p><p>Thắt một nút để hoàn thành nó và cắt phần chỉ thừa bằng kéo.</p><p style="text-align: center;"><img width="602" height="435" src="https://lh5.googleusercontent.com/edlFDIks8m841nQCGbXILanONOYmrNS9gn-B7teWfjDAPk4PT7mofS_iNt8whHq1zezeN1djaRT_3-rTRfIbhupY-FxQ-IaEQWMhb4SFCGlhOXCQfxveAZijN5aIsWqdET-cKjiV"></p><p><strong>Bước 8:&nbsp;</strong></p><p>Gài khóa kéo bên trong nắp balo để che phần cuối của khóa kéo.</p><p>May vải khóa kéo vào balo để cố định.</p><p style="text-align: center;"><img width="602" height="455" src="https://lh3.googleusercontent.com/KBL8yNyhk2o-cPGlydkvYu_3zoqT1NCkkB3z0OtkjuGJ5NBBp4wtw4EfWhm25nwlfkC13EOlqGF7xXMegljBZPsXWgGedbYi5dGwa40g6lkX4AIcTgZQiHa9tWndsInyBJJy5iIN"></p><h2><span style="color:#ff0000;"><strong>Địa điểm sửa dây kéo balo bị hư tại TP HCM&nbsp;</strong></span></h2><p>Đối với những lỗi dây kéo đơn giản và số lượng ít bạn có thể tự sửa tại nhà với những dụng cụ cơ bản. Hoặc có thể mang ra các tiệm may đồ, sửa đồ gần nhà. Còn đối với những lượng balo hư dây kéo số lượng lớn, bạn nên tìm những cơ sở uy tín để thay dây kéo hàng loạt.&nbsp;</p><p><span style="font-size:15px;"><strong>Địa chỉ sửa túi xách tphcm , dây kéo balo 430 CMT8</strong></span></p><p>Là một trong những địa điểm sửa khóa kéo, thay dây kéo balo và vali uy tín tại thành phố Hồ Chí Minh. HCM.</p><p>Địa chỉ 430 CMT8 không còn xa lạ với nhiều người, cửa hàng chuyên cung cấp dịch vụ như thay đổi số khóa thay da, thay dây kéo balo,thay khóa cho túi, sửa khóa túi xách&nbsp; TP HCM …&nbsp;</p><ul><li><p>Điện thoại : 0938623289.</p></li></ul><ul><li><p>Địa chỉ : 430 Cách Mạng Tháng 8, phường 11, quận 3, thành phố Hồ Chí Minh</p></li></ul><p><span style="font-size:15px;"><strong>Cửa hàng sửa chữa túi xách Sơn</strong></span></p><p>Là cửa hàng chuyên bán các dạng cặp sách, balo,... lâu đời. Cửa hàng còn nhận sửa và thay dây kéo balo túi xách với số lượng lớn. Phục vụ nhu cầu lớn đến từ các nhà buôn sỉ. Người tiêu dùng khá hài lòng với chất lượng dịch vụ tại đây vì dây kéo được thay chắc chắn, giải quyết các vấn đề về sản phẩm tốt.&nbsp;</p><ul><li><p>Điện thoại: 0938291261.</p></li><li><p>Địa chỉ: 38 Bắc Hải, P. 6, Tân Bình, TPHCM.</p></li></ul><blockquote><p><a href="https://natoli.vn/blogs/news/sua-day-khoa-keo-balo-tphcm">Cách tự thay dây kéo balo túi xách</a> tại nhà siêu đơn giản&nbsp;<br>Hướng dẫn <a href="https://natoli.vn/blogs/news/sua-vali-keo">cách sửa bánh xe vali kéo</a> tại nhà siêu đơn giản&nbsp;<br><a href="https://natoli.vn/blogs/news/cach-mo-khoa-vali-khi-quen-mat-khau">Cách mở khóa vali khi quên mật khẩu</a> và mẹo đổi mật khẩu vali&nbsp;<br>Hướng dẫn <a href="https://natoli.vn/blogs/news/sua-tui-xach">cách sửa túi xách</a>&nbsp;tại nhà đơn giản ai cũng làm được<br>Hướng dẫn <a href="https://natoli.vn/blogs/news/cach-sua-may-may-khong-an-chi">cách sửa máy may không ăn chỉ</a> , bị sùi chỉ, chỉnh chỉ&nbsp;</p></blockquote><p>Sau một thời gian sử dụng nhất là thường xuyên phải chứa đựng đồ với khối lượng lớn thì chiếc khóa kéo balo dù tốt đến đâu cũng sẽ đến lúc phải hỏng. Với một chiếc balo còn tốt mà không may khóa lại bị hỏng bạn đừng vội vứt bỏ cả chiếc balo đi, chúng ta có thể sửa chữa bằng những mẹo nhỏ hoặc thay khóa mới. Bạn nên kiên nhẫn và tìm hiểu&nbsp;<strong>cách sửa dây kéo</strong> thì&nbsp;bạn cũng có thể tự sửa chữa để khóa lại hoạt động bình thường.</p><p>Xem thêm: Những mẫu <a href="https://natoli.vn/collections/balo">balo đẹp</a>&nbsp;chất lượng giá rẻ được bảo hành 10 năm tại Balo Natoli</p>
  1830. </div>
  1831. </div>
  1832.  
  1833.  
  1834. <div class="fb-comment-wrapper">
  1835. <div class="fb-comments" data-href="https://natoli.vn/blogs/news/sua-day-khoa-keo-balo-tphcm" data-numposts="5"></div>
  1836. </div>
  1837.  
  1838. <hr>
  1839. <p class="clearfix">
  1840. <span class="left">
  1841. &larr; <a href="/blogs/news/vai-soi-polyester" title="">Cũ hơn</a>
  1842. </span>
  1843. <span class="right">
  1844. <a href="/blogs/news/mua-day-deo-tui-xach-o-dau" title="">Mới hơn</a> &rarr;
  1845. </span>
  1846. </p>
  1847. <hr>
  1848.  
  1849. <div id="related-articles">
  1850. <div class="home-section-head text-center">
  1851. <div class="related-articles-title h2">Các bài viết liên quan</div>
  1852. </div>
  1853. <div class="home-section-body">
  1854. <div id="related-articles-slider" class="owl-carousel owl-theme">
  1855. <div class="item">
  1856. <div class="article-item">
  1857. <div class="article-img">
  1858. <a href="/blogs/news/trench-coat">
  1859. <img src="//file.hstatic.net/1000360737/article/ao_trench_coat_mau_den_71a6fdb32cf947768aee5481a07a0b30_large.jpg" alt="Trench coat là gì? Mix đồ với phong cách trench coat thời thượng" />
  1860. </a>
  1861. </div>
  1862. <div class="article-info-wrapper">
  1863. <div class="article-title">
  1864. <a href="/blogs/news/trench-coat">Trench coat là gì? Mix đồ với phong cách trench coat thời thượng</a>
  1865. </div>
  1866. <div class="article-info">
  1867. <div class="article-date">
  1868. <i class="fas fa-calendar-alt"></i> 04/03/22
  1869. </div>
  1870. <div class="article-comment">
  1871. <i class="fas fa-comments"></i> <span class="fb-comments-count" data-href="https://natoli.vn/blogs/news/trench-coat"></span>
  1872. </div>
  1873. </div>
  1874. </div>
  1875. </div>
  1876.  
  1877.  
  1878.  
  1879. </div>
  1880. <div class="item">
  1881. <div class="article-item">
  1882. <div class="article-img">
  1883. <a href="/blogs/news/secondhand-2hand-la-gi">
  1884. <img src="//file.hstatic.net/1000360737/article/giay_2hand_681144ec31294cbc93d2433de6e88046_large.jpg" alt="Second hand 2hand là gì? Các shop bán đồ 2hand uy tín" />
  1885. </a>
  1886. </div>
  1887. <div class="article-info-wrapper">
  1888. <div class="article-title">
  1889. <a href="/blogs/news/secondhand-2hand-la-gi">Second hand 2hand là gì? Các shop bán đồ 2hand uy tín</a>
  1890. </div>
  1891. <div class="article-info">
  1892. <div class="article-date">
  1893. <i class="fas fa-calendar-alt"></i> 04/03/22
  1894. </div>
  1895. <div class="article-comment">
  1896. <i class="fas fa-comments"></i> <span class="fb-comments-count" data-href="https://natoli.vn/blogs/news/secondhand-2hand-la-gi"></span>
  1897. </div>
  1898. </div>
  1899. </div>
  1900. </div>
  1901.  
  1902.  
  1903.  
  1904. </div>
  1905. <div class="item">
  1906. <div class="article-item">
  1907. <div class="article-img">
  1908. <a href="/blogs/news/ao-cardigan-local-brand-la-gi">
  1909. <img src="//file.hstatic.net/1000360737/article/ao_cardigan_local_brand_b6167ac7f7da49e9882f0cbd720d9803_large.jpg" alt="TOP 10 thương hiệu áo cardigan local brand nổi tiếng hiện nay" />
  1910. </a>
  1911. </div>
  1912. <div class="article-info-wrapper">
  1913. <div class="article-title">
  1914. <a href="/blogs/news/ao-cardigan-local-brand-la-gi">TOP 10 thương hiệu áo cardigan local brand nổi tiếng hiện nay</a>
  1915. </div>
  1916. <div class="article-info">
  1917. <div class="article-date">
  1918. <i class="fas fa-calendar-alt"></i> 04/03/22
  1919. </div>
  1920. <div class="article-comment">
  1921. <i class="fas fa-comments"></i> <span class="fb-comments-count" data-href="https://natoli.vn/blogs/news/ao-cardigan-local-brand-la-gi"></span>
  1922. </div>
  1923. </div>
  1924. </div>
  1925. </div>
  1926.  
  1927.  
  1928.  
  1929. </div>
  1930. <div class="item">
  1931. <div class="article-item">
  1932. <div class="article-img">
  1933. <a href="/blogs/news/vai-satin-la-gi">
  1934. <img src="//file.hstatic.net/1000360737/article/chat_lieu_satin_la_sao_1512cc2d480d46c6aad06417f1095da2_large.jpg" alt="Vải satin là gì? Ưu nhược điểm, ứng dụng, phân loại vải satin" />
  1935. </a>
  1936. </div>
  1937. <div class="article-info-wrapper">
  1938. <div class="article-title">
  1939. <a href="/blogs/news/vai-satin-la-gi">Vải satin là gì? Ưu nhược điểm, ứng dụng, phân loại vải satin</a>
  1940. </div>
  1941. <div class="article-info">
  1942. <div class="article-date">
  1943. <i class="fas fa-calendar-alt"></i> 04/03/22
  1944. </div>
  1945. <div class="article-comment">
  1946. <i class="fas fa-comments"></i> <span class="fb-comments-count" data-href="https://natoli.vn/blogs/news/vai-satin-la-gi"></span>
  1947. </div>
  1948. </div>
  1949. </div>
  1950. </div>
  1951.  
  1952.  
  1953.  
  1954. </div>
  1955. <div class="item">
  1956. <div class="article-item">
  1957. <div class="article-img">
  1958. <a href="/blogs/news/ao-sweater-local-brand">
  1959. <img src="//file.hstatic.net/1000360737/article/ao_sweater_cyborg_dff6dc31f8f14115a5395c9a0eb1d1ed_large.jpg" alt="TOP 17 Áo Sweater Local Brand nổi tiếng cực chất rẻ đẹp" />
  1960. </a>
  1961. </div>
  1962. <div class="article-info-wrapper">
  1963. <div class="article-title">
  1964. <a href="/blogs/news/ao-sweater-local-brand">TOP 17 Áo Sweater Local Brand nổi tiếng cực chất rẻ đẹp</a>
  1965. </div>
  1966. <div class="article-info">
  1967. <div class="article-date">
  1968. <i class="fas fa-calendar-alt"></i> 04/03/22
  1969. </div>
  1970. <div class="article-comment">
  1971. <i class="fas fa-comments"></i> <span class="fb-comments-count" data-href="https://natoli.vn/blogs/news/ao-sweater-local-brand"></span>
  1972. </div>
  1973. </div>
  1974. </div>
  1975. </div>
  1976.  
  1977.  
  1978.  
  1979. </div>
  1980. <div class="item">
  1981. <div class="article-item">
  1982. <div class="article-img">
  1983. <a href="/blogs/news/nhung-mau-ao-khoac-local-brand-dep">
  1984. <img src="//file.hstatic.net/1000360737/article/ao_khoac_local_brand_39d70d15b9824f49ac1e0646d6a0098c_large.jpg" alt="Những mẫu áo khoác local brand đẹp, đáng mua nhất hiện nay" />
  1985. </a>
  1986. </div>
  1987. <div class="article-info-wrapper">
  1988. <div class="article-title">
  1989. <a href="/blogs/news/nhung-mau-ao-khoac-local-brand-dep">Những mẫu áo khoác local brand đẹp, đáng mua nhất hiện nay</a>
  1990. </div>
  1991. <div class="article-info">
  1992. <div class="article-date">
  1993. <i class="fas fa-calendar-alt"></i> 25/02/22
  1994. </div>
  1995. <div class="article-comment">
  1996. <i class="fas fa-comments"></i> <span class="fb-comments-count" data-href="https://natoli.vn/blogs/news/nhung-mau-ao-khoac-local-brand-dep"></span>
  1997. </div>
  1998. </div>
  1999. </div>
  2000. </div>
  2001.  
  2002.  
  2003.  
  2004. </div>
  2005. <div class="item">
  2006. <div class="article-item">
  2007. <div class="article-img">
  2008. <a href="/blogs/news/nhung-mau-ao-khoac-nu-hot-nhat-hien-nay">
  2009. <img src="//file.hstatic.net/1000360737/article/ao_khoac_nu_cf0fca7380464e2fb950e1a54ea6535c_large.jpg" alt="TOP 20 những mẫu áo khoác nữ hot nhất hiện nay được yêu thích" />
  2010. </a>
  2011. </div>
  2012. <div class="article-info-wrapper">
  2013. <div class="article-title">
  2014. <a href="/blogs/news/nhung-mau-ao-khoac-nu-hot-nhat-hien-nay">TOP 20 những mẫu áo khoác nữ hot nhất hiện nay được yêu thích</a>
  2015. </div>
  2016. <div class="article-info">
  2017. <div class="article-date">
  2018. <i class="fas fa-calendar-alt"></i> 25/02/22
  2019. </div>
  2020. <div class="article-comment">
  2021. <i class="fas fa-comments"></i> <span class="fb-comments-count" data-href="https://natoli.vn/blogs/news/nhung-mau-ao-khoac-nu-hot-nhat-hien-nay"></span>
  2022. </div>
  2023. </div>
  2024. </div>
  2025. </div>
  2026.  
  2027.  
  2028.  
  2029. </div>
  2030. </div>
  2031. </div>
  2032. </div>
  2033.  
  2034. </article>
  2035. <aside class="grid__item large--three-twelfths medium--one-whole small--one-whole" role="complementary" style="padding-top: 5px;">
  2036. <div class="blog-sidebar bs-categories">
  2037. <div class="blog-sidebar-title"></div>
  2038. <div class="panel">
  2039. <ul class="blog-types no-bullets">
  2040. </ul>
  2041. </div>
  2042. </div>
  2043.  
  2044. <div class="blog-sidebar">
  2045. <div class="blog-sidebar-title">Bài viết gần đây</div>
  2046. <div class="panel">
  2047. <ul class="recent-blogs no-bullets">
  2048. <div class="grid md-mg-left-5">
  2049. <li class="grid__item md-pd-left5 large--one-whole medium--one-half small--one-whole">
  2050. <div class="grid mg-left-15">
  2051. <div class="grid__item large--five-twelfths medium--six-twelfths small--six-twelfths pd-left15">
  2052. <div class="bs-recent-article-img">
  2053. <a href="/blogs/news/trench-coat">
  2054. <img src="//file.hstatic.net/1000360737/article/ao_trench_coat_mau_den_71a6fdb32cf947768aee5481a07a0b30_medium.jpg" alt="Trench coat là gì? Mix đồ với phong cách trench coat thời thượng" />
  2055. </a>
  2056. </div>
  2057. </div>
  2058. <div class="grid__item large--seven-twelfths medium--six-twelfths small--six-twelfths pd-left15">
  2059. <div class="bs-recent-article-title">
  2060. <a href="/blogs/news/trench-coat">Trench coat là gì? Mix đồ với phong cách trench...</a>
  2061. </div>
  2062. <div class="bs-recent-article-date">
  2063. <i class="fa fa-calendar" aria-hidden="true"></i> 04-03-2022
  2064. </div>
  2065. </div>
  2066. </div>
  2067. </li>
  2068. <li class="grid__item md-pd-left5 large--one-whole medium--one-half small--one-whole">
  2069. <div class="grid mg-left-15">
  2070. <div class="grid__item large--five-twelfths medium--six-twelfths small--six-twelfths pd-left15">
  2071. <div class="bs-recent-article-img">
  2072. <a href="/blogs/news/secondhand-2hand-la-gi">
  2073. <img src="//file.hstatic.net/1000360737/article/giay_2hand_681144ec31294cbc93d2433de6e88046_medium.jpg" alt="Second hand 2hand là gì? Các shop bán đồ 2hand uy tín" />
  2074. </a>
  2075. </div>
  2076. </div>
  2077. <div class="grid__item large--seven-twelfths medium--six-twelfths small--six-twelfths pd-left15">
  2078. <div class="bs-recent-article-title">
  2079. <a href="/blogs/news/secondhand-2hand-la-gi">Second hand 2hand là gì? Các shop bán đồ 2hand...</a>
  2080. </div>
  2081. <div class="bs-recent-article-date">
  2082. <i class="fa fa-calendar" aria-hidden="true"></i> 04-03-2022
  2083. </div>
  2084. </div>
  2085. </div>
  2086. </li>
  2087. <li class="grid__item md-pd-left5 large--one-whole medium--one-half small--one-whole">
  2088. <div class="grid mg-left-15">
  2089. <div class="grid__item large--five-twelfths medium--six-twelfths small--six-twelfths pd-left15">
  2090. <div class="bs-recent-article-img">
  2091. <a href="/blogs/news/ao-cardigan-local-brand-la-gi">
  2092. <img src="//file.hstatic.net/1000360737/article/ao_cardigan_local_brand_b6167ac7f7da49e9882f0cbd720d9803_medium.jpg" alt="TOP 10 thương hiệu áo cardigan local brand nổi tiếng hiện nay" />
  2093. </a>
  2094. </div>
  2095. </div>
  2096. <div class="grid__item large--seven-twelfths medium--six-twelfths small--six-twelfths pd-left15">
  2097. <div class="bs-recent-article-title">
  2098. <a href="/blogs/news/ao-cardigan-local-brand-la-gi">TOP 10 thương hiệu áo cardigan local brand nổi tiếng...</a>
  2099. </div>
  2100. <div class="bs-recent-article-date">
  2101. <i class="fa fa-calendar" aria-hidden="true"></i> 04-03-2022
  2102. </div>
  2103. </div>
  2104. </div>
  2105. </li>
  2106. <li class="grid__item md-pd-left5 large--one-whole medium--one-half small--one-whole">
  2107. <div class="grid mg-left-15">
  2108. <div class="grid__item large--five-twelfths medium--six-twelfths small--six-twelfths pd-left15">
  2109. <div class="bs-recent-article-img">
  2110. <a href="/blogs/news/vai-satin-la-gi">
  2111. <img src="//file.hstatic.net/1000360737/article/chat_lieu_satin_la_sao_1512cc2d480d46c6aad06417f1095da2_medium.jpg" alt="Vải satin là gì? Ưu nhược điểm, ứng dụng, phân loại vải satin" />
  2112. </a>
  2113. </div>
  2114. </div>
  2115. <div class="grid__item large--seven-twelfths medium--six-twelfths small--six-twelfths pd-left15">
  2116. <div class="bs-recent-article-title">
  2117. <a href="/blogs/news/vai-satin-la-gi">Vải satin là gì? Ưu nhược điểm, ứng dụng, phân...</a>
  2118. </div>
  2119. <div class="bs-recent-article-date">
  2120. <i class="fa fa-calendar" aria-hidden="true"></i> 04-03-2022
  2121. </div>
  2122. </div>
  2123. </div>
  2124. </li>
  2125. <li class="grid__item md-pd-left5 large--one-whole medium--one-half small--one-whole">
  2126. <div class="grid mg-left-15">
  2127. <div class="grid__item large--five-twelfths medium--six-twelfths small--six-twelfths pd-left15">
  2128. <div class="bs-recent-article-img">
  2129. <a href="/blogs/news/ao-sweater-local-brand">
  2130. <img src="//file.hstatic.net/1000360737/article/ao_sweater_cyborg_dff6dc31f8f14115a5395c9a0eb1d1ed_medium.jpg" alt="TOP 17 Áo Sweater Local Brand nổi tiếng cực chất rẻ đẹp" />
  2131. </a>
  2132. </div>
  2133. </div>
  2134. <div class="grid__item large--seven-twelfths medium--six-twelfths small--six-twelfths pd-left15">
  2135. <div class="bs-recent-article-title">
  2136. <a href="/blogs/news/ao-sweater-local-brand">TOP 17 Áo Sweater Local Brand nổi tiếng cực chất...</a>
  2137. </div>
  2138. <div class="bs-recent-article-date">
  2139. <i class="fa fa-calendar" aria-hidden="true"></i> 04-03-2022
  2140. </div>
  2141. </div>
  2142. </div>
  2143. </li>
  2144. <li class="grid__item md-pd-left5 large--one-whole medium--one-half small--one-whole">
  2145. <div class="grid mg-left-15">
  2146. <div class="grid__item large--five-twelfths medium--six-twelfths small--six-twelfths pd-left15">
  2147. <div class="bs-recent-article-img">
  2148. <a href="/blogs/news/nhung-mau-ao-khoac-local-brand-dep">
  2149. <img src="//file.hstatic.net/1000360737/article/ao_khoac_local_brand_39d70d15b9824f49ac1e0646d6a0098c_medium.jpg" alt="Những mẫu áo khoác local brand đẹp, đáng mua nhất hiện nay" />
  2150. </a>
  2151. </div>
  2152. </div>
  2153. <div class="grid__item large--seven-twelfths medium--six-twelfths small--six-twelfths pd-left15">
  2154. <div class="bs-recent-article-title">
  2155. <a href="/blogs/news/nhung-mau-ao-khoac-local-brand-dep">Những mẫu áo khoác local brand đẹp, đáng mua nhất...</a>
  2156. </div>
  2157. <div class="bs-recent-article-date">
  2158. <i class="fa fa-calendar" aria-hidden="true"></i> 25-02-2022
  2159. </div>
  2160. </div>
  2161. </div>
  2162. </li>
  2163. <li class="grid__item md-pd-left5 large--one-whole medium--one-half small--one-whole">
  2164. <div class="grid mg-left-15">
  2165. <div class="grid__item large--five-twelfths medium--six-twelfths small--six-twelfths pd-left15">
  2166. <div class="bs-recent-article-img">
  2167. <a href="/blogs/news/nhung-mau-ao-khoac-nu-hot-nhat-hien-nay">
  2168. <img src="//file.hstatic.net/1000360737/article/ao_khoac_nu_cf0fca7380464e2fb950e1a54ea6535c_medium.jpg" alt="TOP 20 những mẫu áo khoác nữ hot nhất hiện nay được yêu thích" />
  2169. </a>
  2170. </div>
  2171. </div>
  2172. <div class="grid__item large--seven-twelfths medium--six-twelfths small--six-twelfths pd-left15">
  2173. <div class="bs-recent-article-title">
  2174. <a href="/blogs/news/nhung-mau-ao-khoac-nu-hot-nhat-hien-nay">TOP 20 những mẫu áo khoác nữ hot nhất hiện...</a>
  2175. </div>
  2176. <div class="bs-recent-article-date">
  2177. <i class="fa fa-calendar" aria-hidden="true"></i> 25-02-2022
  2178. </div>
  2179. </div>
  2180. </div>
  2181. </li>
  2182. </div>
  2183. </ul>
  2184. </div>
  2185. </div>
  2186.  
  2187. <div class="grid">
  2188. <div class="grid__item large--one-whole medium--one-half small--one-whole">
  2189. <div class="blog-sidebar">
  2190. <a href="https://natoli.vn/pages/bao-chi-noi-ve-chung-toi" class="bs-banner"><img src="//theme.hstatic.net/1000360737/1000781570/14/blog_banner_1.png?v=172" alt="Natoli - Thương hiệu Balo | Túi xách | Ví hàng đầu Việt Nam" /></a>
  2191. </div>
  2192. </div>
  2193. </div>
  2194.  
  2195.  
  2196. </aside>
  2197.  
  2198. </div>
  2199. </div>
  2200. </div>
  2201. </section>
  2202.  
  2203.  
  2204.  
  2205.  
  2206.  
  2207.  
  2208. <script>
  2209. $(document).ready(function(){
  2210. // Catalog Article
  2211. var arrayOne = [];
  2212. var html = '';
  2213. var count = 0;
  2214. var count2 = 1;
  2215. $('.article-details h2, .article-details h3').each(function(i, v){
  2216. $(this).attr('data-id',`f-${i}`);
  2217. arrayOne.push($(this).clone());
  2218. })
  2219. html+= `<div class="list-catalog"><h2 class="list-catalog-toggle">Mục lục [<span>Hiện</span>]</h2><ul>`;
  2220. $.each(arrayOne, function(index, value){
  2221. if(value.context.localName == 'h3'){
  2222. html+=`<li datacount='${count}' class="f-h3"><a data-vid="f-${index}"><span>${count}.${count2}</span> ${value.context.innerHTML}</a></li>`;
  2223. count2 += 1
  2224. }else{
  2225. count += 1;
  2226. html+=`<li><span class="checkdao" datacount='${count}'><i class="fa fa-angle-down" aria-hidden="true"></i></span> <a data-vid="f-${index}"><span> ${count}</span>${value.context.innerHTML}</a></li>`;
  2227. count2 = 1;
  2228. }
  2229. })
  2230. html+= `</ul></div>`;
  2231. $('.article-details').prepend(html);
  2232. $('body').on('click', '.list-catalog a', function(e){
  2233. e.preventDefault();
  2234. var id = $(this).attr('data-vid');
  2235. var offsetTop = $('.article-details').find(`[data-id="${id}"]`).offset().top - 0;
  2236. $('html, body').animate({
  2237. scrollTop: offsetTop
  2238. }, 1000);
  2239. setTimeout(function(){
  2240. $("#header").removeClass("scrolldown");
  2241. },1200)
  2242.  
  2243. })
  2244. $('body').on('click', '.list-catalog-toggle', function(){
  2245. $(this).next().slideToggle();
  2246. if($(this).hasClass('active')){
  2247. $(this).removeClass('active');
  2248. $(this).find('span').text('Hiện');
  2249. }else{
  2250. $(this).addClass('active');
  2251. $(this).find('span').text('Ẩn');
  2252. }
  2253. })
  2254. $('body').on('click', '.checkdao', function(){
  2255. $(this).parent().toggleClass("actived");
  2256. var che = $(this).attr("datacount");
  2257. $(".f-h3[datacount="+che+"]").slideToggle();
  2258.  
  2259. })
  2260.  
  2261.  
  2262.  
  2263. setTimeout(function(){
  2264. $(".list-catalog-toggle").trigger("click")
  2265. },300)
  2266.  
  2267.  
  2268.  
  2269. })
  2270. </script>
  2271.  
  2272.  
  2273. <style>
  2274.  
  2275.  
  2276. .btc-new {
  2277. margin-top: 15px;
  2278. width: 200px;
  2279. }
  2280.  
  2281. .list-catalog {
  2282. background-color: #edf6ff;
  2283. padding: 10px 20px;
  2284. width: 100%;
  2285. margin-bottom: 20px;
  2286. border: 1px solid #ccc;
  2287. }
  2288.  
  2289. .list-catalog h2 {
  2290. text-align: center;
  2291. font-size: 20px;
  2292. font-weight: bold;
  2293. margin: 0;
  2294. cursor: pointer;
  2295. }
  2296.  
  2297. .list-catalog h2 span {
  2298. font-size: 16px;
  2299. color: #88c124;
  2300. }
  2301.  
  2302. .list-catalog ul {
  2303. display: none;
  2304. }
  2305.  
  2306. .list-catalog ul li {
  2307. margin: 5px 0;
  2308. }
  2309.  
  2310. .list-catalog ul li span {
  2311. display: inline-block;
  2312. margin-right: 10px;
  2313. color: #000;
  2314. }
  2315.  
  2316. .list-catalog ul li a {
  2317. color: #88c124;
  2318. cursor: pointer;
  2319. }
  2320.  
  2321. .list-catalog ul li.f-h3 {
  2322. margin-left: 30px;
  2323. }
  2324.  
  2325. .list-catalog ul li.f-h3 a {
  2326. font-weight: normal;
  2327. }
  2328. .list-catalog strong{
  2329. font-weight:500
  2330. }
  2331. .list-catalog ul {
  2332. display: none;
  2333. list-style: none;
  2334. }
  2335. .checkdao{
  2336. cursor: pointer;
  2337. margin-right: 15px;
  2338. }
  2339. .actived .checkdao{
  2340. transform: rotate(-90deg);
  2341. }
  2342.  
  2343.  
  2344.  
  2345. </style>
  2346. </main>
  2347. </div>
  2348.  
  2349. <div id="footer-support">
  2350. <div class="container">
  2351. <div class="row">
  2352. <div class="col-md-4 col-sm-6 col-xs-12">
  2353. <a href="tel:"><i class="fa fa-phone"></i> Hotline miễn phí: <span></span></a>
  2354. </div>
  2355. <div class="col-md-8 col-sm-6 col-xs-12">
  2356. <a href="mailto:"><i class="fa fa-envelope"></i> Email hỗ trợ khách hàng: <span></span></a>
  2357. </div>
  2358. </div>
  2359. </div>
  2360. </div>
  2361.  
  2362.  
  2363. <section id="home-categories">
  2364. <div class="wrapper">
  2365. <div class="inner">
  2366. <ul class="cate-list no-bullets inline-list text-center clearfix">
  2367. </ul>
  2368. </div>
  2369. </div>
  2370. </section>
  2371.  
  2372.  
  2373.  
  2374.  
  2375. <footer id="footer">
  2376. <div class="footer-content">
  2377. <div class="wrapper">
  2378. <div class="inner">
  2379. <div class="grid-uniform">
  2380. <div class="grid__item large--one-third medium--one-whole small--one-whole">
  2381. <div class="ft-contact">
  2382. <div class="ft-logo" title="Natoli - Thương hiệu Balo | Túi xách | Ví hàng đầu Việt Nam">
  2383. <a href="/">
  2384. <img src="//theme.hstatic.net/1000360737/1000781570/14/ft_logo.png?v=172" alt="Natoli - Thương hiệu Balo | Túi xách | Ví hàng đầu Việt Nam" />
  2385. </a>
  2386. <a class="logo-name hidden" href="/" title="Natoli">Natoli</a>
  2387. </div>
  2388.  
  2389. <div class="ft-contact-desc">
  2390. <span class="ft-contact-icon"><i class="fab fa-stripe-s"></i></span>
  2391. <div class="ft-contact-detail">Natoli cam kết nỗ lực hết mình nhằm cung cấp sản:  balo laptop, balo du lịch, balo chống chấm nước - chống trầy, balo thể thao, túi xách, phụ kiện, ví nam nữ, <a href="https://natoli.vn/collections/vi-vai">ví vải</a>, <a href="https://natoli.vn/collections/vi-mini">ví mini</a> ... đặc biệt dòng sản phẩm: Ultralight backpacking để bảo vệ cột sống (Vertebral column) với bao bì đóng gói đ, dịch vụ mà chưa từng có Xưởng sản xuất tại Việt Nam. </div>
  2392. </div>
  2393. <div class="ft-contact-address">
  2394. <span class="ft-contact-icon"><i class="fas fa-map-marker-alt"></i></span>
  2395. <div class="ft-contact-detail">
  2396. Địa chỉ: <a rel="nofollow"  href="https://www.google.com/maps?cid=10716138636648726645" rel="nofollow" >Công Ty Cổ Phần May Natoli. </a> 1/4 Nguyễn Hữu Tiến, P. Tây Thạnh, Q. Tân Phú Thành phố Hồ Chí Minh
  2397. </div>
  2398. </div>
  2399. <div class="ft-contact-tel">
  2400. <span class="ft-contact-icon"><i class="fas fa-phone"></i></span>
  2401. <div class="ft-contact-detail">
  2402. Số điện thoại:  <a href="tel:0901.881.777">0901.881.777</a>
  2403. </div>
  2404. </div>
  2405. <div class="ft-contact-email">
  2406. <span class="ft-contact-icon"><i class="fas fa-envelope"></i></span>
  2407. <div class="ft-contact-detail">
  2408. Email:  <a href="mailto:sale.natoli@gmail.com">sale.natoli@gmail.com</a>
  2409. </div>
  2410. </div>
  2411. </div>
  2412. </div>
  2413.  
  2414. <div class="grid__item large--one-third medium--one-half small--one-whole">
  2415. <div class="grid">
  2416. <div class="grid__item large--one-half medium--one-half small--one-half">
  2417. <div class="ft-nav">
  2418. <div class="ft-title h3">
  2419. Thông tin
  2420. </div>
  2421. <ul class="no-bullets">
  2422. <li>
  2423. <a href="/pages/gioi-thieu">Giới thiệu</a></li>
  2424. <li>
  2425. <a href="/pages/tim-dai-ly-ban-hang">Tìm đại lý bán hàng</a></li>
  2426. <li>
  2427. <a href="/blogs/news">Blog</a></li>
  2428. <li>
  2429. <a href="/pages/tuyen-dung">Tuyển Dụng</a></li>
  2430. </ul>
  2431. </div>
  2432. </div>
  2433. <div class="grid__item large--one-half medium--one-half small--one-half">
  2434. <div class="ft-nav">
  2435. <div class="ft-title h3">
  2436. Hổ trợ khách hàng
  2437. </div>
  2438. <ul class="no-bullets">
  2439. <li>
  2440. <a href="/pages/chinh-sach-bao-mat">Chính sách bảo mật</a></li>
  2441. <li>
  2442. <a href="/pages/chinh-sach-bao-hanh">Chính sách bảo hành</a></li>
  2443. <li>
  2444. <a href="/pages/hinh-thuc-thanh-toan">Hình thức thanh toán</a></li>
  2445. <li>
  2446. <a href="/pages/chinh-sach-van-chuyen">Chính sách vận chuyển</a></li>
  2447. <li>
  2448. <a href="/pages/chinh-sach-doi-tra-hoan-tien">Chính sách đổi trả</a></li>
  2449. </ul>
  2450. </div>
  2451. </div>
  2452. </div>
  2453. </div>
  2454.  
  2455. <div class="grid__item large--one-third medium--one-half small--one-whole">
  2456. <div class="ft-subscribe">
  2457. <div class="ft-title h3">
  2458. Đăng ký ngay nhận tin sốc
  2459. </div>
  2460. <div class="ft-sub-wrapper">
  2461. <form accept-charset='UTF-8' action='/account/contact' class='contact-form' method='post'>
  2462. <input name='form_type' type='hidden' value='customer'>
  2463. <input name='utf8' type='hidden' value='✓'>
  2464.  
  2465. <input type="email" value="" placeholder="Để lại Email: ...." name="contact[email]" id="Email" aria-label="general.newsletter_form.newsletter_email">
  2466. <input type="hidden" name="contact[tags]" value="newsletter">
  2467. <button type="submit" name="subscribe" id="subscribe" value="general.newsletter_form.submit"><i class="fab fa-telegram-plane"></i></button>
  2468.  
  2469. <input id='a2182a2458d54c4aabca0437a9a0c96d' name='g-recaptcha-response' type='hidden'><script src='https://www.google.com/recaptcha/api.js?render=6LdD18MUAAAAAHqKl3Avv8W-tREL6LangePxQLM-'></script><script>grecaptcha.ready(function() {grecaptcha.execute('6LdD18MUAAAAAHqKl3Avv8W-tREL6LangePxQLM-', {action: 'submit'}).then(function(token) {document.getElementById('a2182a2458d54c4aabca0437a9a0c96d').value = token;});});</script></form>
  2470. </div>
  2471. <div class="ft-subscribe-desc">
  2472. Nhằm tri ân khách hàng quan tâm đến các sản phẩm balo laptop, balo du lịch, balo đi phượt, balo thể thao, túi xách, túi tiện ích, túi ipab, handbag .... Thương hiệu Natoli sẽ gửi thông báo qua Email đến khách hàng về chương trình khuyến mãi & nhiều quá tặng bất ngờ khác đang chờ bạn.
  2473. </div>
  2474. </div>
  2475. </div>
  2476. </div>
  2477. </div>
  2478. </div>
  2479. </div>
  2480. <div class="footer-copyrights">
  2481. <div class="wrapper">
  2482. <div class="inner">
  2483. <div class="copyrights-content">
  2484. Copyrights © 2018 by <a target="_blank" href="https://natoli.vn/">Natoli</a>
  2485. </div>
  2486. <div class="ft-social">
  2487. <a rel="nofollow" href="https://www.facebook.com/BaloNatoli.vn/" class="fb-icon"><i class="fab fa-facebook-f"></i></a>
  2488. <a rel="nofollow" href="https://twitter.com/balonatoli" class="tw-icon"><i class="fab fa-twitter"></i></a>
  2489. <a rel="nofollow" href="https://www.youtube.com/channel/UCaSsy0ao7Ru2x_98SLCTX_Q" class="yt-icon"><i class="fab fa-youtube"></i></a>
  2490. <a rel="nofollow" href="https://www.instagram.com/balonatolivn/" class="ins-icon"><i class="fab fa-instagram"></i></a>
  2491. </div>
  2492. <div class="row">
  2493. <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
  2494. <div class="info-cp"><p>Công Ty Cổ Phần May Natoli. Văn phòng: 1/4 Nguyễn Hữu Tiến, P. Tây Thạnh, Q. Tân Phú, TP Hồ Chí Minh. </p>
  2495. <p>GPKD số 0314807443 do sở KHĐT Tp Hồ Chí Minh cấp lần đầu ngày 27/12/2017</p>
  2496. <p>Người đại diện: <span style="font-weight:bold;">Bà Phạm Minh Trang</span></p></div> </div>
  2497. </div>
  2498. </div>
  2499. </div>
  2500. </div>
  2501. </footer>
  2502.  
  2503.  
  2504.  
  2505.  
  2506.  
  2507.  
  2508.  
  2509. <section id="mobile-bottom-navigation" class="large--hide medium--hide">
  2510. <div class="grid mg-left-0">
  2511. <div class="grid__item medium--two-tenths small--two-tenths pd-left0">
  2512. <div class="mobile-nav-item">
  2513. <a href="/collections/all/">
  2514. <i class="fas fa-tag"></i><br />Hàng mới
  2515. </a>
  2516. </div>
  2517. </div>
  2518. <div class="grid__item medium--two-tenths small--two-tenths pd-left0">
  2519. <div class="mobile-nav-item">
  2520. <a href="/collections/all/">
  2521. <i class="fas fa-gift"></i><br />Khuyến mãi
  2522. </a>
  2523. </div>
  2524. </div>
  2525. <div class="grid__item medium--two-tenths small--two-tenths pd-left0">
  2526. <div class="mobile-nav-item">
  2527. <a href="/account/">
  2528. <i class="fas fa-user"></i><br />Tài khoản
  2529. </a>
  2530. </div>
  2531. </div>
  2532. <div class="grid__item medium--two-tenths small--two-tenths pd-left0">
  2533. <div class="mobile-nav-item">
  2534. <a href="/pages/lien-he/">
  2535. <i class="fas fa-phone"></i><br />Liên hệ
  2536. </a>
  2537. </div>
  2538. </div>
  2539.  
  2540. <div class="grid__item medium--two-tenths small--two-tenths pd-left0">
  2541. <div class="mobile-nav-item">
  2542. <a href="/cart/">
  2543. <i class="fas fa-shopping-cart"></i><br />Giỏ hàng
  2544. <span class="number">
  2545. 0
  2546. </span>
  2547. </a>
  2548. </div>
  2549. </div>
  2550. </div>
  2551. </section>
  2552.  
  2553.  
  2554.  
  2555.  
  2556.  
  2557. <div id="modalAddComplete">
  2558. </div>
  2559.  
  2560. <button type="button" id="modalAddCompleteBtn" style="display: none;"></button>
  2561.  
  2562. <script>
  2563. // Get the modal
  2564. var modalAddComplete = document.getElementById('modalAddComplete');
  2565.  
  2566. // Get the button that opens the modal
  2567. var modalAddCompleteBtn = document.getElementById("modalAddCompleteBtn");
  2568.  
  2569. // When the user clicks the button, open the modal
  2570. modalAddCompleteBtn.onclick = function() {
  2571. modalAddComplete.style.display = "block";
  2572. }
  2573.  
  2574. // When the user clicks anywhere outside of the modal, close it
  2575. window.onclick = function(event) {
  2576. if (event.target == modalAddComplete) {
  2577. modalAddComplete.style.display = "none";
  2578. }
  2579. }
  2580. </script>
  2581.  
  2582.  
  2583.  
  2584.  
  2585.  
  2586. <script src='//hstatic.net/0/0/global/api.jquery.js' type='text/javascript'></script>
  2587.  
  2588. <script src='//hstatic.net/0/0/global/option_selection.js' type='text/javascript'></script>
  2589.  
  2590. <script src='//theme.hstatic.net/1000360737/1000781570/14/fastclick.min.js?v=172' type='text/javascript'></script>
  2591. <script src='//theme.hstatic.net/1000360737/1000781570/14/script.js?v=172' type='text/javascript'></script>
  2592. <script src='//theme.hstatic.net/1000360737/1000781570/14/timber.js?v=172' type='text/javascript'></script>
  2593.  
  2594.  
  2595.  
  2596. <script>
  2597. </script>
  2598.  
  2599. <script src='//theme.hstatic.net/1000360737/1000781570/14/handlebars.min.js?v=172' type='text/javascript'></script>
  2600. <!-- /snippets/ajax-cart-template.liquid -->
  2601.  
  2602.  <script id="CartTemplate" type="text/template">
  2603.  
  2604.    <form action="/cart" method="post" novalidate class="cart ajaxcart">
  2605.      <div class="ajaxcart__inner">
  2606.        {{#items}}
  2607.        <div class="ajaxcart__product">
  2608.          <div class="ajaxcart__row" data-line="{{line}}">
  2609.            <div class="grid">
  2610.              <div class="grid__item one-quarter">
  2611.                <a href="{{url}}" class="ajaxcart__product-image"><img src="{{img}}" alt="{{name}}"></a>
  2612.              </div>
  2613.              <div class="grid__item three-quarters">
  2614.                <p>
  2615.                  <a href="{{url}}" class="ajaxcart__product-name">{{name}}</a>
  2616.                  {{#if variation}}
  2617.                    <span class="ajaxcart__product-meta">{{variation}}</span>
  2618.                  {{/if}}
  2619.                  {{#properties}}
  2620.                    {{#each this}}
  2621.                      {{#if this}}
  2622.                        <span class="ajaxcart__product-meta">{{@key}}: {{this}}</span>
  2623.                      {{/if}}
  2624.                    {{/each}}
  2625.                  {{/properties}}
  2626.                  
  2627.                </p>
  2628.  
  2629.                <div class="grid--full display-table">
  2630.                  <div class="grid__item display-table-cell one-half">
  2631.                    <div class="ajaxcart__qty">
  2632.                      <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="{{key}}" data-qty="{{itemMinus}}" data-line="{{line}}">
  2633.                        <span class="icon icon-minus" aria-hidden="true"></span>
  2634.                        <span class="fallback-text" aria-hidden="true">&minus;</span>
  2635.                        <span class="visually-hidden">cart.general.reduce_quantity</span>
  2636.                      </button>
  2637.                      <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]*">
  2638.                      <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="{{key}}" data-line="{{line}}" data-qty="{{itemAdd}}">
  2639.                        <span class="icon icon-plus" aria-hidden="true"></span>
  2640.                        <span class="fallback-text" aria-hidden="true">+</span>
  2641.                        <span class="visually-hidden">cart.general.increase_quantity</span>
  2642.                      </button>
  2643.                    </div>
  2644.                  </div>
  2645.                  <div class="grid__item display-table-cell one-half text-right">
  2646.                    {{#if discountsApplied}}
  2647.                      <small class="ajaxcart-item__price-strikethrough"><s>{{{originalLinePrice}}}</s></small>
  2648.                      <br><span>{{{linePrice}}}</span>
  2649.                    {{else}}
  2650.                      <span>{{{linePrice}}}</span>
  2651.                    {{/if}}
  2652.                    </div>
  2653.                  </div>
  2654.                  {{#if discountsApplied}}
  2655.                    <div class="grid--full display-table">
  2656.                      <div class="grid__item text-right">
  2657.                        {{#each discounts}}
  2658.                          <small class="ajaxcart-item__discount">{{ this.title }}</small><br>
  2659.                        {{/each}}
  2660.                      </div>
  2661.                    </div>
  2662.                  {{/if}}
  2663.                  </div>
  2664.                </div>
  2665.              </div>
  2666.            </div>
  2667.          </div>
  2668.        </div>
  2669.        {{/items}}
  2670.  
  2671.        
  2672.          <div>
  2673.            <label for="CartSpecialInstructions">cart.general.note</label>
  2674.            <textarea name="note" class="input-full" id="CartSpecialInstructions">{{ note }}</textarea>
  2675.          </div>
  2676.        
  2677.      </div>
  2678.      <div class="ajaxcart__footer">
  2679.        <div class="grid--full">
  2680.          <div class="grid__item two-thirds">
  2681.            <p>cart.general.subtotal</p>
  2682.          </div>
  2683.          <div class="grid__item one-third text-right">
  2684.            <p>{{{totalPrice}}}</p>
  2685.          </div>
  2686.          {{#if totalCartDiscount}}
  2687.            <p class="ajaxcart__savings text-center"><em>{{{totalCartDiscount}}}</em></p>
  2688.          {{/if}}
  2689.        </div>
  2690.        <p class="text-center">cart.general.shipping_at_checkout</p>
  2691.        <button type="submit" class="btn--secondary btn--full cart__checkout" name="checkout">
  2692.          cart.general.checkout &rarr;
  2693.        </button>
  2694.        
  2695.      </div>
  2696.    </form>
  2697.  
  2698.  </script>
  2699.  <script id="AjaxQty" type="text/template">
  2700.  
  2701.    <div class="ajaxcart__qty">
  2702.      <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--minus icon-fallback-text" data-id="{{key}}" data-qty="{{itemMinus}}">
  2703.        <span class="icon icon-minus" aria-hidden="true"></span>
  2704.        <span class="fallback-text" aria-hidden="true">&minus;</span>
  2705.        <span class="visually-hidden">cart.general.reduce_quantity</span>
  2706.      </button>
  2707.      <input type="text" class="ajaxcart__qty-num" value="{{itemQty}}" min="0" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*">
  2708.      <button type="button" class="ajaxcart__qty-adjust ajaxcart__qty--plus icon-fallback-text" data-id="{{key}}" data-qty="{{itemAdd}}">
  2709.        <span class="icon icon-plus" aria-hidden="true"></span>
  2710.        <span class="fallback-text" aria-hidden="true">+</span>
  2711.        <span class="visually-hidden">cart.general.increase_quantity</span>
  2712.      </button>
  2713.    </div>
  2714.  
  2715.  </script>
  2716.  <script id="JsQty" type="text/template">
  2717.  
  2718.    <div class="js-qty">
  2719.      <button type="button" class="js-qty__adjust js-qty__adjust--minus icon-fallback-text" data-id="{{key}}" data-qty="{{itemMinus}}">
  2720.        <span class="icon icon-minus" aria-hidden="true"></span>
  2721.        <span class="fallback-text" aria-hidden="true">&minus;</span>
  2722.        <span class="visually-hidden">cart.general.reduce_quantity</span>
  2723.      </button>
  2724.      <input type="number" class="js-qty__num" value="{{itemQty}}" min="1" data-id="{{key}}" aria-label="quantity" pattern="[0-9]*" name="{{inputName}}" id="{{inputId}}">
  2725.      <button type="button" class="js-qty__adjust js-qty__adjust--plus icon-fallback-text" data-id="{{key}}" data-qty="{{itemAdd}}">
  2726.        <span class="icon icon-plus" aria-hidden="true"></span>
  2727.        <span class="fallback-text" aria-hidden="true">+</span>
  2728.        <span class="visually-hidden">cart.general.increase_quantity</span>
  2729.      </button>
  2730.    </div>
  2731.  
  2732.  </script>
  2733.  
  2734. <script src='//theme.hstatic.net/1000360737/1000781570/14/ajax-cart.js?v=172' type='text/javascript'></script>
  2735. <script>
  2736. jQuery(function($) {
  2737. ajaxCart.init({
  2738. formSelector: '#AddToCartForm',
  2739. cartContainer: '#CartContainer',
  2740. addToCartSelector: '#AddToCart',
  2741. cartCountSelector: '#CartCount',
  2742. cartCostSelector: '#CartCost',
  2743. moneyFormat: "{{amount}}₫"
  2744. });
  2745. });
  2746.  
  2747. jQuery(document.body).on('afterCartLoad.ajaxCart', function(evt, cart) {
  2748. // Bind to 'afterCartLoad.ajaxCart' to run any javascript after the cart has loaded in the DOM
  2749. timber.RightDrawer.open();
  2750. });
  2751. </script>
  2752.  
  2753.  
  2754.  
  2755. <!-- Custom script -->
  2756. <script>
  2757. if ($(window).width() < 769) {
  2758. $('#PageContainer').addClass('is-moved-by-drawer');
  2759. }
  2760. </script>
  2761.  
  2762.  
  2763.  
  2764. <!--Hover variant in product-item -->
  2765. <script>
  2766. $(document).on("mouseover", '.variant-image-loop', function(e){
  2767. e.preventDefault();
  2768. var id = $(this).data('feature-image');
  2769. var img = $(this).data('img');
  2770. $('#'+id).attr('src',img);
  2771. });
  2772. </script>
  2773.  
  2774.  
  2775.  
  2776. <script>
  2777. initCartHeader();
  2778.  
  2779. function initCartHeader() {
  2780. var box1 = document.querySelector('.desktop-cart-wrapper .quickview-cart');
  2781. var box2 = document.querySelector('.desktop-cart-wrapper1 .quickview-cart');
  2782.  
  2783. function show1() {
  2784. box1.style.display = 'block';
  2785. }
  2786.  
  2787. function hide1() {
  2788. box1.style.display = 'none';
  2789. }
  2790.  
  2791. $(".desktop-cart-wrapper .btnCloseQVCart").click(function(){
  2792. hide1();
  2793. });
  2794.  
  2795. var outside1 = function(event) {
  2796. if (!box1.contains(event.target)) {
  2797. hide1();
  2798. //console.log('removing outside listener on document')
  2799. this.removeEventListener(event.type, outside1);
  2800. }
  2801. }
  2802.  
  2803. document.querySelector('.desktop-cart-wrapper > a').addEventListener('click', function(event) {
  2804. event.preventDefault();
  2805. event.stopPropagation();
  2806. /*document.querySelector('.desktop-search-wrapper .header-search').style.display = 'none';*/
  2807. show1();
  2808. document.addEventListener('click', outside1);
  2809. });
  2810.  
  2811. function show2() {
  2812. box2.style.display = 'block';
  2813. }
  2814.  
  2815. function hide2() {
  2816. box2.style.display = 'none';
  2817. }
  2818.  
  2819. $(".desktop-cart-wrapper1 .btnCloseQVCart").click(function(){
  2820. hide2();
  2821. });
  2822.  
  2823. var outside2 = function(event) {
  2824. if (!box2.contains(event.target)) {
  2825. hide2();
  2826. //console.log('removing outside listener on document')
  2827. this.removeEventListener(event.type, outside2);
  2828. }
  2829. }
  2830.  
  2831. document.querySelector('.desktop-cart-wrapper1 > a').addEventListener('click', function(event) {
  2832. event.preventDefault();
  2833. event.stopPropagation();
  2834. show2();
  2835. document.addEventListener('click', outside2);
  2836. });
  2837.  
  2838. }
  2839. </script>
  2840.  
  2841. <script>
  2842.  
  2843. function initSearchHeader() {
  2844. var box = document.querySelector('.desktop-search-wrapper .header-search');
  2845.  
  2846. function show() {
  2847. box.style.display = 'block';
  2848. }
  2849.  
  2850. function hide() {
  2851. box.style.display = 'none';
  2852. }
  2853.  
  2854. $(".desktop-search-wrapper .btnCloseSearch").click(function(){
  2855. hide();
  2856. });
  2857.  
  2858. var outside = function(event) {
  2859. if (!box.contains(event.target)) {
  2860. hide();
  2861. //console.log('removing outside listener on document')
  2862. this.removeEventListener(event.type, outside);
  2863. }
  2864. }
  2865.  
  2866. document.querySelector('.desktop-search-wrapper > a').addEventListener('click', function(event) {
  2867. event.preventDefault();
  2868. event.stopPropagation();
  2869. document.querySelector('.desktop-cart-wrapper .quickview-cart').style.display = 'none';
  2870. show();
  2871. document.addEventListener('click', outside);
  2872. });
  2873.  
  2874. }
  2875. initSearchHeader();
  2876. </script>
  2877.  
  2878.  
  2879.  
  2880. <!-- Owl carousel init -->
  2881. <script>
  2882. $(document).ready(function() {
  2883.  
  2884. $('#related-articles-slider').owlCarousel({
  2885. smartSpeed: 200,
  2886. dots: false,
  2887. nav: true,
  2888. loop: false,
  2889. rewind: true,
  2890. autoplay: false,
  2891. margin: 5,
  2892. autoplayHoverPause: true,
  2893. responsiveRefreshRate : 200,
  2894. navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
  2895. responsive:{
  2896. 0:{
  2897. items:1,
  2898. },
  2899. 480:{
  2900. items:2,
  2901. },
  2902. 768:{
  2903. items:2,
  2904. margin: 15,
  2905. },
  2906. 1000:{
  2907. items:3,
  2908. margin: 30,
  2909. }
  2910. }
  2911. })
  2912.  
  2913.  
  2914. $("#owl-related-products-slider").owlCarousel({
  2915. smartSpeed: 200,
  2916. nav: true,
  2917. dots: false,
  2918. rewind: true,
  2919. loop: false,
  2920. autoplay: false,
  2921. autoplayHoverPause: true,
  2922. responsiveRefreshRate : 200,
  2923. margin: 15,
  2924. navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
  2925. responsive:{
  2926. 0:{
  2927. items:2
  2928. },
  2929. 480:{
  2930. items:4
  2931. },
  2932. 768:{
  2933. items:4,
  2934. },
  2935. 1000:{
  2936. items:5,
  2937. margin: 30,
  2938. }
  2939. }
  2940. });
  2941.  
  2942. $("#owl-customize-variants-products-slider").owlCarousel({
  2943. items: 5,
  2944. itemsDesktop: [1000, 5],
  2945. itemsDesktopSmall: [900, 5],
  2946. itemsTablet: [768, 4],
  2947. itemsMobile: [480, 3],
  2948. navigation: true,
  2949. pagination: false,
  2950. slideSpeed: 1000,
  2951. autoPlay: 3000,
  2952. paginationSpeed: 1000,
  2953. navigationText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>']
  2954. });
  2955. });
  2956. </script>
  2957.  
  2958. <!-- Back to top -->
  2959. <script>
  2960. jQuery(document).ready(function() {
  2961. var offset = 220;
  2962. var duration = 500;
  2963. jQuery(window).scroll(function() {
  2964. if (jQuery(this).scrollTop() > offset) {
  2965. jQuery('#back-to-top').fadeIn(duration);
  2966. } else {
  2967. jQuery('#back-to-top').fadeOut(duration);
  2968. }
  2969. });
  2970.  
  2971. jQuery('#back-to-top').click(function(event) {
  2972. event.preventDefault();
  2973. jQuery('html, body').animate({
  2974. scrollTop: 0
  2975. }, duration);
  2976. return false;
  2977. });
  2978.  
  2979. window.onscroll = changePos;
  2980.  
  2981. function changePos() {
  2982. var header = $("#header");
  2983. var headerheight = $("#header").height();
  2984. if (window.pageYOffset > 50) {
  2985. header.addClass('scrolldown');
  2986. } else {
  2987. header.removeClass('scrolldown');
  2988. }
  2989. }
  2990. });
  2991. </script>
  2992.  
  2993. <!-- Validate quantity form & trigger zoom -->
  2994. <script>
  2995. $("document").ready(function() {
  2996. $(function() {
  2997. $(".js-qty__num").keypress(function(event) {
  2998. if (event.which != 8 && event.which != 0 && (event.which < 48 || event.which > 57)) {
  2999. return false;
  3000. }
  3001. });
  3002. });
  3003. if($(window).width()> 768){
  3004. setTimeout(function() {
  3005. $("#ProductThumbs .thumbnail-item:first-child a").trigger('click');
  3006. },100);
  3007. };
  3008. });
  3009. </script>
  3010.  
  3011.  
  3012.  
  3013.  
  3014.  
  3015. <!-- popup loaded -->
  3016. <script>
  3017. $(document).ready(function(){
  3018. var date = new Date();
  3019. var minutes = 60;
  3020. date.setTime(date.getTime() + (minutes * 60 * 1000));
  3021.  
  3022. if (getCookie('popupNewLetterStatus') != 'closed') {
  3023. $('#popup-btn').trigger('click');
  3024. setCookie('popupNewLetterStatus', 'closed', date);
  3025. };
  3026. })
  3027. </script>
  3028.  
  3029. <!-- quick view -->
  3030. <div class="modal" id="productQuickView">
  3031. <div class="modal-content">
  3032. <span id="close" class="close"><i class="fa fa-times" aria-hidden="true"></i></span>
  3033. <div class="modal-QV-status">
  3034. <div class="modal-QV-title">
  3035. Xem nhanh sản phẩm
  3036. </div>
  3037. </div>
  3038. <div class="form-quick-view-wrapper">
  3039. <form class="grid" id="form-quick-view" >
  3040. <div class="grid__item large--five-tenths">
  3041. <div class="image-zoom">
  3042. <img id="p-product-image-feature" class="p-product-image-feature" src="">
  3043. <div id="p-sliderproduct" class="flexslider">
  3044. <ul class="slides"></ul>
  3045. </div>
  3046. </div>
  3047. </div>
  3048. <div class="grid__item large--five-tenths pull-right">
  3049. <p class="p-title   modal-title " id="">Tên sản phẩm</p>
  3050. <p class="product-more-info">
  3051. <span class="product-sku">
  3052. Mã sản phẩm: <span id="ProductSku">01923123</span>
  3053. </span>
  3054. </p>
  3055. <div class="form-input product-price-wrapper">
  3056. <div class="product-price">
  3057. <span class="p-price "></span>
  3058. <del></del>
  3059. </div>
  3060. <em id="PriceSaving"></em>
  3061. </div>
  3062. <div class="p-option-wrapper">
  3063. <select name="id" class="" id="p-select-quickview"></select>
  3064. </div>
  3065. <div id="swatch-quick-view" class="select-swatch">
  3066.  
  3067. </div>
  3068. <div class="form-input hidden">
  3069. <label>Số lượng</label>
  3070. <input name="quantity" type="number" min="1" value="1" />
  3071. </div>
  3072.  
  3073. <div class="form-input" style="width: 100%;margin-top: 20px;">
  3074. <button type="submit" class="btn btn-addcart" id="AddToCardQuickView">Thêm vào giỏ</button>
  3075. <button disabled class="btn btn-soldout">Hết hàng</button>
  3076. <div class="qv-readmore">
  3077. <span> hoặc </span><a class="read-more p-url" href="" role="button">Xem chi tiết</a>
  3078. </div>
  3079. </div>
  3080. </div>
  3081. </form>
  3082. </div>
  3083. </div>
  3084. <div id="loading"><div></div></div>
  3085. </div>
  3086. <script>
  3087. $('#AddToCardQuickView').on('click', function(e){
  3088. e.preventDefault();
  3089. jQuery.ajax({
  3090. type: 'POST',
  3091. url: '/cart/add.js',
  3092. async : false,
  3093. data: jQuery('#form-quick-view').serialize(),
  3094. dataType: 'json',
  3095. success: function() {
  3096. $(".close").trigger('click');
  3097. updateCart();
  3098. updateCartModal();
  3099. },
  3100. error: function(XMLHttpRequest, textStatus) {
  3101. Haravan.onError(XMLHttpRequest, textStatus);
  3102. }
  3103. });
  3104. });
  3105. var callBack = function (variant, selector) {
  3106. if (variant) {
  3107. modal = $('#productQuickView');
  3108. $('.p-price').html(Haravan.formatMoney(variant.price, "{{amount}}₫"));
  3109. if(variant.sku){
  3110. $('#ProductSku').html(variant.sku);
  3111. $('.product-sku').show();
  3112. }else{
  3113. $('.product-sku').hide();
  3114. }
  3115. if(variant.compare_at_price - variant.price > 0){
  3116. $('#PriceSaving').html('(Bạn đã tích kiệm được ' + Haravan.formatMoney(variant.compare_at_price - variant.price, "{{amount}}₫")+')')
  3117. }else{
  3118. $('#PriceSaving').html('')
  3119. }
  3120. if (variant.compare_at_price > 0)
  3121. modal.find('del').html(Haravan.formatMoney(variant.compare_at_price, "{{amount}}₫"));
  3122. else
  3123. modal.find('del').html('');
  3124. if (variant.available) {
  3125. modal.find('.btn-addcart').css('display', 'inline-block');
  3126. modal.find('.btn-soldout').css('display', 'none');
  3127. if (variant.featured_image) {
  3128. var newImg = variant.featured_image,
  3129. el = $('.p-product-image-feature')[0];
  3130. Haravan.Image.switchImage(newImg, el, timber.switchImage);
  3131. }
  3132. check_variant_quickview = true;
  3133. }
  3134. else {
  3135. modal.find('.btn-addcart').css('display', 'none');
  3136. modal.find('.btn-soldout').css('display', 'inline-block');
  3137.  
  3138. }
  3139. }
  3140. else {
  3141. modal.find('.btn-addcart').css('display', 'none');
  3142. modal.find('.btn-soldout').css('display', 'inline-block');
  3143. check_variant_quickview = false;
  3144.  
  3145. }
  3146. }
  3147. var p_select_data = $('.p-option-wrapper').html();
  3148. var p_zoom = $('.image-zoom').html();
  3149. var quickViewProduct = function (purl) {
  3150.  
  3151. if ($(window).width() < 680) { window.location = purl; return false; }
  3152. modal = $('#productQuickView');
  3153. $.ajax({
  3154. url: purl + '.js',
  3155. async: false,
  3156. success: function (product) {
  3157. $.each(product.options, function (i, v) {
  3158. product.options[i] = v.name;
  3159. })
  3160. modal.find('.p-title').html(product.title);
  3161. modal.find('.p-option-wrapper').html(p_select_data);
  3162. modal.find('#swatch-quick-view').html('');
  3163. $('.image-zoom').html(p_zoom);
  3164. modal.find('.p-url').attr('href', product.url);
  3165.  
  3166. $.each(product.variants, function (i, v) {
  3167. modal.find('select#p-select-quickview').append("<option value='" + v.id + "'>" + v.title + ' - ' + v.price + "</option>");
  3168. })
  3169. if (product.variants.length == 1 && product.variants[0].title.indexOf('Default') != -1)
  3170. $('.p-option-wrapper').hide();
  3171. else
  3172. $('.p-option-wrapper').show();
  3173. if (product.variants.length == 1 && product.variants[0].title.indexOf('Default') != -1) {
  3174. callBack(product.variants[0], null);
  3175. }
  3176. else {
  3177. new Haravan.OptionSelectors("p-select-quickview", { product: product, onVariantSelected: callBack });
  3178. if (product.options.length == 1 && product.options[0].indexOf('Tiêu đề')==-1)
  3179. modal.find('.selector-wrapper:eq(0)').prepend('<label>' + product.options[0] + '</label>');
  3180. $('.p-option-wrapper select:not(#p-select-quickview)').each(function () {
  3181. $(this).wrap('<span class="custom-dropdown custom-dropdown--white"></span>');
  3182. $(this).addClass("custom-dropdown__select custom-dropdown__select--white");
  3183. });
  3184. var filePath = window.file_url.substring(0, window.file_url.lastIndexOf('?'));
  3185. var assetUrl = window.asset_url.substring(0, window.asset_url.lastIndexOf('?'));
  3186.  
  3187. product.options.forEach(function(item){
  3188.  
  3189. })
  3190. var variantSwatch = '';
  3191. for(var j = 0; j< product.options.length; j++){
  3192. var option_index = j;
  3193. var op_index_plus = option_index + 1;
  3194. var swatch = product.options[option_index];
  3195. 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 +'">';
  3196. variantSwatch += '<div class="header"> '+ product.options[j]+' </div><div class="select-swap">';
  3197. var is_color = false;
  3198. if(product.options[j] == "Màu sắc" || product.options[j] == "Màu"){
  3199. is_color = true;
  3200. }
  3201. var values = '';
  3202. for(var i = 0; i< product.variants.length; i++){
  3203. var value = convertToSlug(product.variants[i].options[option_index]); //value handle :(
  3204. var _value = product.variants[i].options[option_index];
  3205.  
  3206. if(values.indexOf(value) < 0){
  3207. values += ',';
  3208. values += ',' + value;
  3209. values = values.split(',');
  3210. if(is_color){
  3211. variantSwatch += '<div data-value="'+_value+'" class="n-sd swatch-element color '+ value;
  3212.  
  3213. }else{
  3214. variantSwatch += '<div data-value="'+_value+'" class="n-sd swatch-element '+ value;
  3215. }
  3216.  
  3217. if(option_index == 2){
  3218. variantSwatch += 'variant-3">';
  3219. }else{
  3220. variantSwatch +='">';
  3221. }
  3222.  
  3223. variantSwatch += '<input class="variant-'+option_index+' input-quickview" id="qv-swatch-'+option_index+'-'+value+'" type="radio" name="option'+op_index_plus+'" value="'+_value+'"';
  3224. if(j==0){
  3225. variantSwatch += ' checked/>';
  3226. }else{
  3227. variantSwatch += ' />';
  3228. }
  3229.  
  3230. if(is_color){
  3231. var img_url = '';
  3232. if(product.variants[i].featured_image != null){
  3233. img_url = Haravan.resizeImage(product.variants[i].featured_image.src, 'thumb');
  3234. }
  3235. if(img_url !== ''){
  3236. if(img_url.indexOf('noDefaultImage6') < 0){
  3237. variantSwatch += '<label class="'+value+' has-thumb" for="qv-swatch-'+option_index+'-'+value+'" style="background: url('+img_url+') top left no-repeat" >';
  3238. }
  3239. }
  3240. //fix o day
  3241. else{
  3242. variantSwatch += '<label class="'+value+' no-thumb" for="qv-swatch-'+option_index+'-'+value+'">';
  3243. }
  3244. variantSwatch +=' <span>'+_value+'</span><img class="crossed-out" src="'+assetUrl+'soldout.png" /><img class="img-check" src="'+assetUrl+'select-pro.png" /></label>';
  3245.  
  3246. }else{
  3247. 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>';
  3248. }
  3249. //console.log(variantSwatch);
  3250. //console.log(product.variants[i])
  3251. variantSwatch += '</div>';
  3252. }
  3253. }
  3254.  
  3255. variantSwatch += '</div>';
  3256. variantSwatch += '</div>';
  3257. }
  3258.  
  3259. modal.find('#swatch-quick-view').html(variantSwatch);
  3260.  
  3261. callBack(product.variants[0], null);
  3262. callFirstVariantQuickView();
  3263. }
  3264. if (product.images.length == 0) {
  3265. modal.find('.p-product-image-feature').attr('src', '//hstatic.net/0/0/global/noDefaultImage6_large.gif');
  3266. }
  3267. else {
  3268. $('#p-sliderproduct').remove();
  3269. $('.image-zoom').append("<div id='p-sliderproduct'>");
  3270. $('#p-sliderproduct').append("<ul class='owl-carousel inline-list'>");
  3271. $.each(product.images, function (i, v) {
  3272. elem = $('<li class="item">').append('<a href="#" data-image="" data-zoom-image=""><img /></a>');
  3273. elem.find('a').attr('data-image', Haravan.resizeImage(v, 'medium'));
  3274. elem.find('a').attr('data-zoom-image', Haravan.resizeImage(v, 'large'));
  3275. elem.find('img').attr('data-image', Haravan.resizeImage(v, 'medium'));
  3276. elem.find('img').attr('data-zoom-image',Haravan.resizeImage(v, 'large'));
  3277. elem.find('img').attr('src', Haravan.resizeImage(v, 'medium'));
  3278. modal.find('.owl-carousel').append(elem);
  3279. });
  3280. var owl = $('#p-sliderproduct .owl-carousel');
  3281. owl.owlCarousel({
  3282. items:3,
  3283. navigation : true,
  3284. navigationText :[navRightText, navLeftText]
  3285. });
  3286. $('#p-sliderproduct .owl-carousel .owl-item').first().children('.item').addClass('active');
  3287. modal.find('.p-product-image-feature').attr('src', Haravan.resizeImage(product.featured_image, 'large') );
  3288. $(".modal-footer .btn-readmore").attr('href', purl);
  3289. }
  3290. }
  3291. });
  3292.  
  3293. return false;
  3294. }
  3295. $('#productQuickView').on('click', '.item img', function (event) {
  3296. event.preventDefault();
  3297. modal = $('#quick-view-modal');
  3298. modal.find('.p-product-image-feature').attr('src', $(this).attr('data-zoom-image'));
  3299. modal.find('.item').removeClass('active');
  3300. $(this).parents('li').addClass('active');
  3301. return false;
  3302. });
  3303. $(function(){
  3304. $('#close').click(function(){
  3305. $('#productQuickView .modal-content').css('opacity', '0');
  3306. $('#productQuickView .modal-content').css('transform', 'translateY(-30px)');
  3307. $('#productQuickView').css('background-color', 'rgba(0,0,0,0)');
  3308. setTimeout(function(){
  3309. $('#productQuickView').hide();
  3310. }, 500);
  3311. document.getElementById("form-quick-view").reset();
  3312. })
  3313. window.onclick = function(event) {
  3314. if (event.target == document.getElementById('productQuickView')) {
  3315. $('#productQuickView .modal-content').css('opacity', '0');
  3316. $('#productQuickView .modal-content').css('transform', 'translateY(-30px)');
  3317. $('#productQuickView').css('background-color', 'rgba(0,0,0,0)');
  3318. setTimeout(function(){
  3319. $('#productQuickView').hide();
  3320. }, 500);
  3321. document.getElementById("form-quick-view").reset();
  3322. }
  3323. }
  3324. })
  3325. $(document).on("click",".quick-view", function(event){
  3326. event.preventDefault();
  3327.  
  3328. if(!quickViewProduct($(this).attr('data-handle'))){
  3329. if ($(window).width() > 680) {
  3330. $('#productQuickView .modal-content').css('opacity', '0');
  3331. $('#productQuickView').show();
  3332. $('#productQuickView').css('background-color', 'rgba(0,0,0,0.4)');
  3333. $('#loading').show();
  3334.  
  3335. var images = $("#productQuickView img");
  3336. var loadedImgNum = 0;
  3337.  
  3338. images.on('load', function(){
  3339. loadedImgNum += 1;
  3340. if (loadedImgNum == images.length) {
  3341. var topPQZ =  ($('#productQuickView').height() - $('.modal-content').height())/2;
  3342. $('#loading').hide();
  3343. $('#productQuickView .modal-content').css('opacity', '1');
  3344. $('#productQuickView .modal-content').css('transform', 'translateY(0)');
  3345. //$('#productQuickView .modal-content').css('margin-top', topPQZ - 50);
  3346. }
  3347. });
  3348. }
  3349. $('#p-sliderproduct a').on('click', function(evt) {
  3350. evt.preventDefault();
  3351. var newImage = $(this).data('zoom-image');
  3352. $('.p-product-image-feature').attr('src', newImage);
  3353. });
  3354. }
  3355. });
  3356. function callFirstVariantQuickView(){
  3357. var _chage = '';
  3358. $('#productQuickView .swatch-element[data-value="'+$('.selector-wrapper .single-option-selector').eq(0).val()+'"]').find('input').click();
  3359. $('#productQuickView .swatch-element[data-value="'+$('.selector-wrapper .single-option-selector').eq(1).val()+'"]').find('input').click();
  3360. if(swatch_size == 2){
  3361. var _avi_op1 = '';
  3362. var _avi_op2 = '';
  3363. var _count = $('#variant-swatch-1-quickview .swatch-element').size();
  3364. $('#variant-swatch-0-quickview .swatch-element').each(function(ind,value){
  3365. var _key = $(this).data('value');
  3366. var _unavi = 0;
  3367. $('#productQuickView .single-option-selector').eq(0).val(_key).change();
  3368. $('#variant-swatch-1-quickview .swatch-element').each(function(i,v){
  3369. var _val = $(this).data('value');
  3370. $('#productQuickView .single-option-selector').eq(1).val(_val).change();
  3371. if(check_variant_quickview == true){
  3372. if(_avi_op1 == ''){
  3373. _avi_op1 = _key;
  3374. }
  3375. if(_avi_op2 == ''){
  3376. _avi_op2 = _val;
  3377. }
  3378. }else{
  3379. _unavi += 1;
  3380. }
  3381. })
  3382. if(_unavi == _count){
  3383. $('#variant-swatch-0-quickview .swatch-element[data-value = "'+_key+'"]').addClass('soldout');
  3384. $('#variant-swatch-0-quickview .swatch-element[data-value = "'+_key+'"]').find('input').attr('disabled','disabled');
  3385. }
  3386. })
  3387. $('#variant-swatch-1-quickview .swatch-element[data-value = "'+_avi_op2+'"] input').click();
  3388. $('#variant-swatch-0-quickview .swatch-element[data-value = "'+_avi_op1+'"] input').click();
  3389. }else if(swatch_size == 3){
  3390. var _avi_op1 = '';
  3391. var _avi_op2 = '';
  3392. var _avi_op3 = '';
  3393. var _size_op2 = $('#variant-swatch-1-quickview .swatch-element').size();
  3394. var _size_op3 = $('#variant-swatch-2-quickview .swatch-element').size();
  3395.  
  3396. $('#variant-swatch-0-quickview .swatch-element').each(function(ind,value){
  3397. var _key_va1 = $(this).data('value');
  3398. var _count_unavi = 0;
  3399. $('#productQuickView .single-option-selector').eq(0).val(_key_va1).change();
  3400. $('#variant-swatch-1-quickview .swatch-element').each(function(i,v){
  3401. var _key_va2 = $(this).data('value');
  3402. var _unavi_2 = 0;
  3403. $('#productQuickView .single-option-selector').eq(1).val(_key_va2).change();
  3404. $('#variant-swatch-2-quickview .swatch-element').each(function(j,z){
  3405. var _key_va3 = $(this).data('value');
  3406. $('#productQuickView .single-option-selector').eq(2).val(_key_va3).change();
  3407. if(check_variant_quickview == true){
  3408. if(_avi_op1 == ''){
  3409. _avi_op1 = _key_va1;
  3410. }
  3411. if(_avi_op2 == ''){
  3412. _avi_op2 = _key_va2;
  3413. }
  3414. if(_avi_op3 == ''){
  3415. _avi_op3 = _key_va3;
  3416. }
  3417. }else{
  3418. _unavi_2 += 1;
  3419. }
  3420. })
  3421. if(_unavi_2 == _size_op3){
  3422. _count_unavi += 1;
  3423. }
  3424. })
  3425. if(_size_op2 == _count_unavi){
  3426. $('#variant-swatch-0-quickview .swatch-element[data-value = "'+_key_va1+'"]').addClass('soldout');
  3427. $('#variant-swatch-0-quickview .swatch-element[data-value = "'+_key_va1+'"]').find('input').attr('disabled','disabled');
  3428. }
  3429. })
  3430. $('#variant-swatch-0-quickview .swatch-element[data-value = "'+_avi_op1+'"] input').click();
  3431. }
  3432. var img_ = $('#variant-swatch-0-quickview .swatch-element[data-value = "'+_avi_op1+'"] input').data('img-src');
  3433. }
  3434. </script>
  3435.  
  3436.  
  3437.  
  3438.  
  3439.  
  3440.  
  3441.  
  3442. <a href="tel:0901881777" class=" suntory-alo-phone suntory-alo-green" id="suntory-alo-phoneIcon" style="left: 0px; bottom: 0px;">
  3443. <span class="call-now-new">0901881777</span>
  3444. <div class="suntory-alo-ph-circle"></div>
  3445. <div class="suntory-alo-ph-circle-fill"></div>
  3446. <div class="suntory-alo-ph-img-circle"><i class="fa fa-phone"></i></div>
  3447. </a>
  3448. <a href="javascript:" id="return-to-top"><img src="//theme.hstatic.net/1000360737/1000781570/14/nownow.png?v=172" /></a>
  3449. <script>
  3450. $(document).ready(function(){
  3451. // ===== Scroll to Top ====
  3452. $(window).scroll(function() {
  3453. if ($(this).scrollTop() >= 50) {        // If page is scrolled more than 50px
  3454. $('#return-to-top').fadeIn(200);    // Fade in the arrow
  3455. } else {
  3456. $('#return-to-top').fadeOut(200);   // Else fade out the arrow
  3457. }
  3458. });
  3459. $('#return-to-top').click(function() {      // When arrow is clicked
  3460. $('body,html').animate({
  3461. scrollTop : 0                       // Scroll to top of body
  3462. }, 500);
  3463. });
  3464. })
  3465. </script>
  3466.  
  3467. <div class="flexsocial">
  3468.  
  3469. </div>
  3470. <style>
  3471. .flexsocial{
  3472.    position: fixed;
  3473.    right: 0;
  3474.    bottom: 200px;
  3475.    width: 50px;
  3476. }
  3477. .flexsocial > div{
  3478. width:50px;
  3479. text-align:center;
  3480. }
  3481. .flexsocial img{
  3482. width:35px;
  3483. height:35px;
  3484. }
  3485. </style>
  3486.  
  3487.  
  3488.  
  3489. <!-- -->
  3490.  
  3491.  
  3492. <!-- -->
  3493.  
  3494.  
  3495. <script type="application/ld+json">
  3496. {
  3497.  "@context": "https://schema.org",
  3498.  "@type": "Article",
  3499.  "mainEntityOfPage": {
  3500.    "@type": "WebPage",
  3501.    "@id": "https://natoli.vn/blogs/news/sua-day-khoa-keo-balo-tphcm"
  3502.  },
  3503.  "headline": "Cách thay & sửa dây khóa kéo balo bị tại nhà đơn giản hiệu quả",
  3504.  "description": "Balo của bạn đang bị tình trạng dây kéo bị hư, bị kẹt cứng ? Mẹo hướng dẫn bạn có thể tự sửa hoặc thay dây khoá kéo cách đơn giản tại nhà nhanh chóng",
  3505.  "image": "https://file.hstatic.net/1000360737/article/cach-sua-day-keo-balo-tai-tphcm__3__f46a3d7ebd714c159cd20d55999df1bc.jpg",  
  3506.  "author": {
  3507.    "@type": "Person",
  3508.    "name": "Mr Quân"
  3509.  },  
  3510.  "publisher": {
  3511.    "@type": "Organization",
  3512.    "name": "Natoli",
  3513.    "logo": {
  3514.      "@type": "ImageObject",
  3515.      "url": "//theme.hstatic.net/1000360737/1000781570/14/logo.png?v=172"
  3516.    }
  3517.  },
  3518.  "datePublished": "2019-04-29",
  3519. "dateModified": "2021-07-17"
  3520. }
  3521. </script>
  3522.  
  3523.  
  3524. <!-- -->
  3525.  
  3526.  
  3527. <!-- -->
  3528.  
  3529. <!-- color variant loop -->
  3530. <style>
  3531. .swatch .color.swatch-element label.do{
  3532. background: #f8bf17 !important;
  3533. }
  3534. .variant-image-loop.do{
  3535. width:22px;
  3536. height:22px;
  3537. border-radius:50%;
  3538. background: #f8bf17 !important;
  3539. }
  3540. .swatch .color.swatch-element label.vang{
  3541. background: #ffff05 !important;
  3542. }
  3543. .variant-image-loop.vang{
  3544. width:22px;
  3545. height:22px;
  3546. border-radius:50%;
  3547. background: #ffff05 !important;
  3548. }
  3549. .swatch .color.swatch-element label.cam{
  3550. background: #f8bf17 !important;
  3551. }
  3552. .variant-image-loop.cam{
  3553. width:22px;
  3554. height:22px;
  3555. border-radius:50%;
  3556. background: #f8bf17 !important;
  3557. }
  3558. .swatch .color.swatch-element label.xanh-duong{
  3559. background: #5100ff !important;
  3560. }
  3561. .variant-image-loop.xanh-duong{
  3562. width:22px;
  3563. height:22px;
  3564. border-radius:50%;
  3565. background: #5100ff !important;
  3566. }
  3567. .swatch .color.swatch-element label.xanh-la{
  3568. background: #3cfa08 !important;
  3569. }
  3570. .variant-image-loop.xanh-la{
  3571. width:22px;
  3572. height:22px;
  3573. border-radius:50%;
  3574. background: #3cfa08 !important;
  3575. }
  3576. .swatch .color.swatch-element label.nau{
  3577. background: #512b1e !important;
  3578. }
  3579. .variant-image-loop.nau{
  3580. width:22px;
  3581. height:22px;
  3582. border-radius:50%;
  3583. background: #512b1e !important;
  3584. }
  3585. .swatch .color.swatch-element label.xam{
  3586. background: #cccaca !important;
  3587. }
  3588. .variant-image-loop.xam{
  3589. width:22px;
  3590. height:22px;
  3591. border-radius:50%;
  3592. background: #cccaca !important;
  3593. }
  3594. .swatch .color.swatch-element label.tim{
  3595. background: #b5129a !important;
  3596. }
  3597. .variant-image-loop.tim{
  3598. width:22px;
  3599. height:22px;
  3600. border-radius:50%;
  3601. background: #b5129a !important;
  3602. }
  3603. .swatch .color.swatch-element label.hong{
  3604. background: #db999b !important;
  3605. }
  3606. .variant-image-loop.hong{
  3607. width:22px;
  3608. height:22px;
  3609. border-radius:50%;
  3610. background: #db999b !important;
  3611. }
  3612. .swatch .color.swatch-element label.den{
  3613. background: #512b1e !important;
  3614. }
  3615. .variant-image-loop.den{
  3616. width:22px;
  3617. height:22px;
  3618. border-radius:50%;
  3619. background: #512b1e !important;
  3620. }
  3621. .variant-image-loop{
  3622. width:32px;
  3623. height:32px;
  3624. }
  3625. </style>
  3626.  
  3627.  
  3628. </body>
  3629. </html>
  3630.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda