View Html Online - Source code for: https://obagimedical.com.vn/collections/all

<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8" /> <meta name="google-site-verification" content="l5see6Fp-iMXJqB846WNJVgPTucK5X9bEOlNCnvWJFQ" /> <meta name="google-site-verification" content="nQqT4ArY3rCzK4KNIBVoU92lIRrAFOGmu_tcWsvWV10" /> <meta name="theme-color" content="#f02b2b" /> <link rel="canonical" href="https://obagimedical.com.vn/collections/all"/> <meta name='revisit-after' content='2 days' /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="noodp,index,follow" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/> <meta name="description" content="Tất cả sản phẩm"> <title>Tất cả sản phẩm </title> <meta name="keywords" content="Products, Obagi Medical Việt Nam, obagimedical.com.vn"/> <meta property="og:type" content="website"> <meta property="og:title" content="Tất cả sản phẩm"> <meta property="og:image" content="https://theme.hstatic.net/1000241635/1001061192/14/share_fb_home.jpg?v=217"> <meta property="og:image:secure_url" content="https://theme.hstatic.net/1000241635/1001061192/14/share_fb_home.jpg?v=217"> <meta property="og:description" content="Tất cả sản phẩm"> <meta property="og:url" content="https://obagimedical.com.vn/collections/all"> <meta property="og:site_name" content=""> <link rel="dns-prefetch" href="https://obagimedical.com.vn"> <link rel="dns-prefetch" href="//hstatic.net"> <link rel="dns-prefetch" href="//theme.hstatic.net/"> <link rel="dns-prefetch" href="//file.hstatic.net/"> <link rel="dns-prefetch" href="//stats.hstatic.net/"> <link rel="dns-prefetch" href="//www.google-analytics.com/"> <link rel="dns-prefetch" href="//www.googletagmanager.com/"> <link rel="dns-prefetch" href="//www.google.com"> <link rel="dns-prefetch" href="//fonts.gstatic.com"> <link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="dns-prefetch" href="//www.facebook.com"> <link rel="dns-prefetch" href="//connect.facebook.net"> <link rel="dns-prefetch" href="//static.ak.facebook.com"> <link rel="dns-prefetch" href="//static.ak.fbcdn.net"> <link rel="dns-prefetch" href="//s-static.ak.facebook.com">  <link rel="preload" href="//theme.hstatic.net/1000241635/1001061192/14/mulish-regular.ttf?v=217" as="font" type="font/ttf" crossorigin="anonymous"> <link rel="preload" href="//theme.hstatic.net/1000241635/1001061192/14/mulish-bold.ttf?v=217" as="font" type="font/ttf" crossorigin="anonymous"> <link rel="preload" as='style' type="text/css" href="//theme.hstatic.net/1000241635/1001061192/14/index.css?v=217"> <link rel="preload" as='style' type="text/css" href="//theme.hstatic.net/1000241635/1001061192/14/bootstrap-4-3-min.css?v=217"> <link rel="preload" as='style' type="text/css" href="//theme.hstatic.net/1000241635/1001061192/14/responsive.css?v=217"> <link rel="preload" as='style' type="text/css" href="//theme.hstatic.net/1000241635/1001061192/14/product-infor-style.css?v=217"> <link rel="preload" as='style' type="text/css" href="//theme.hstatic.net/1000241635/1001061192/14/quickviews-popup-cart.css?v=217"> <link rel="stylesheet" href="//theme.hstatic.net/1000241635/1001061192/14/bootstrap-4-3-min.css?v=217"> <style> :root{ --text-color: #000000; --body-background: #F8F8F8; --text-secondary-color: #666666; --primary-color: #132466; --secondary-color:#bd10e0; --price-color: #132466; --subheader-background: #e5677d; --subheader-color: #f9f9f6; --header-category-bg: #a50a06; --header-category-color: #fff3f4; --label-background: #d84144; --label-color: #ffffff; --footer-bg:#132466; --footer-color:#ffffff; --show-loadmore: none!important; --order-loadmore: -1!important; --sale-pop-color: #d82e4d; --addtocart-bg: #132466; --addtocart-text-color: #ffffff; --buynow-bg: #d82e4d; --buynow-text-color: #ffffff; --cta-color: #000000; --section-coupon-bg: #ffffff; --coupon-title-color: #F58A20; --coupon-button-color: #F58A20; --col-menu: 4; --border-color: #f1f1f1; --link-color: #2F80ED; --coupon-code-background: #ffffff; --coupon-lite-border: #dc2b2b; --product-promotion-bg: #f33828; --policies-bg: #ffffff; --policies-color: #000000; } .modal-scrollbar-measure { display: none; } @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 400; font-display: swap; src: url(//theme.hstatic.net/1000241635/1001061192/14/mulish-regular.ttf?v=217) format('truetype'); } @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 700; font-display: swap; src: url('https://file.hstatic.net/200000525857/file/mulish-semibold_ab8e949db9544939bc2500452db518f3.ttf') format('truetype'); } @font-face { font-family: 'Mulish'; font-style: normal; font-weight: 800; font-display: swap; src: url('https://file.hstatic.net/200000525857/file/mulish-bold_895d17b8bdac41c19dcf238af2e83fc0.ttf') format('truetype'); } </style> <link href="//theme.hstatic.net/1000241635/1001061192/14/main.css?v=217" rel="stylesheet"/> <link href='//theme.hstatic.net/1000241635/1001061192/14/product-infor-style.css?v=217' rel='stylesheet' type='text/css' media='all' /> <style> .swatch-element { position: relative; /**margin: 8px 10px 0px 0px; **/ } .swatch-element:not(.color){ overflow: hidden } .swatch-element-list{ display: flex; flex-wrap: wrap; gap: 10px } .swatch-div{ margin-bottom: 30px } .swatch-element.color { /**margin: 8px 15px 0px 0px;**/ } .swatch-element.color .trang { background-color:#fcfcfc; } .swatch-element.color .trang.image-type { background: url(//theme.hstatic.net/1000241635/1001061192/14/color_1.png?v=217) no-repeat center center; background-size: cover; } .swatch-element.color .den { background-color:#111112; } .swatch-element.color .den.image-type { background: url(//theme.hstatic.net/1000241635/1001061192/14/color_2.png?v=217) no-repeat center center; background-size: cover; } .swatch-element.color .hong { background-color:#f662d6; } .swatch-element.color .hong.image-type { background: url(//theme.hstatic.net/1000241635/1001061192/14/color_3.png?v=217) no-repeat center center; background-size: cover; } .swatch-element.color .cam { background-color:#f3b426; } .swatch-element.color .cam.image-type { background: url(//theme.hstatic.net/1000241635/1001061192/14/color_4.png?v=217) no-repeat center center; background-size: cover; } .swatch-element.color .do { background-color:#f20808; } .swatch-element.color .do.image-type { background: url(//theme.hstatic.net/1000241635/1001061192/14/color_5.png?v=217) no-repeat center center; background-size: cover; } .swatch-element.color .vang { background-color:#fcef05; } .swatch-element.color .vang.image-type { background: url(//theme.hstatic.net/1000241635/1001061192/14/color_6.png?v=217) no-repeat center center; background-size: cover; } .swatch-element.color .xam { background-color:#615a5a; } .swatch-element.color .xam.image-type { background: url(//theme.hstatic.net/1000241635/1001061192/14/color_7.png?v=217) no-repeat center center; background-size: cover; } .swatch-element.color .xanh { background-color:#3a40fa; } .swatch-element.color .xanh.image-type { background: url(//theme.hstatic.net/1000241635/1001061192/14/color_8.png?v=217) no-repeat center center; background-size: cover; } .swatch-element.color .nude { background-color:#d6c291; } .swatch-element.color .nude.image-type { background: url(//theme.hstatic.net/1000241635/1001061192/14/color_9.png?v=217) no-repeat center center; background-size: cover; } .swatch-element.color .tim { background-color:#c500ff; } .swatch-element.color .tim.image-type { background: url(//theme.hstatic.net/1000241635/1001061192/14/color_10.png?v=217) no-repeat center center; background-size: cover; } .swatch-element.color + .tooltip { z-index: -1; white-space: nowrap; min-width: 30px; background: #000; color: #fff; padding: 4px 6px; font-size: 10px; border-radius: 4px; } .swatch-element.color:hover + .tooltip { opacity: 1; z-index: 100; top: -30px; } .swatch-element.color:hover + .tooltip:after { content: ''; position: absolute; left: 16px; bottom: -3px; width: 0; height: 0; border-style: solid; border-width: 3px 2.5px 0 2.5px; border-color: #000 transparent transparent transparent; } .swatch-element.color:hover label{ box-shadow: 0 0 0 1px #000, inset 0 0 0 4px #fff; transform: scale(1.1); } .swatch-element label { padding: 10px; font-size: 14px; border-radius: 6px; height: 30px !important; min-width: auto !important; white-space: nowrap; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 4px; } .swatch-element input { width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 3; top: 0; left: 0; cursor: pointer; } .swatch .swatch-element:not(.color) input:checked + label { border-color: var(--primary-color) !important; color: var(--primary-color); position: relative; } .swatch .swatch-element:not(.color) input:checked + label:after { content: ''; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkCw8RJSHXzNuNAAAAfElEQVQoz7WRsQ2CYBQGLwRCaLRkDwqdwcLCSZjCmj2AgtoJXMbEUquzEAz+8Je89r675sGG59ka0ig+0ZFbJDGbgRwoAXemi/hb1QZw793ebB739cPgTdV2qvzZAFY+VL+VwB4nB59j5RLYhBVXcTBZw7NJDAN49LrFyz67GnkMHStx0wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0xMS0xNVQxNzozNzozMyswMDowMGfDTJEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMTEtMTVUMTc6Mzc6MzMrMDA6MDAWnvQtAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0px; right: 0; width: 6px; height: 6px; } .swatch .swatch-element:not(.color) input:checked + label:before { content: ''; padding: 4px; font-size: 10px; line-height: 1; position: absolute; top: -15px; right: -13px; background: var(--primary-color); width: 26px; height: 24px; transform: rotate(45deg); border-radius: 100%; } .swatch .color label { width: 33px; min-width: unset !important; height: 33px !important; line-height: 33px !important; border-radius: 6px !important; border: 1px solid #eee; } .swatch .color label:before { content: none; } .swatch { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .swatch .header { font-weight: bold; color: #333; flex: 0 0 100%; display: flex; justify-content: space-between; align-items: center } .swatch .color label { position: relative; z-index: 2; border-radius: 100% !important; transition: box-shadow .25s ease, transform .25s ease; border: none } .swatch .color span { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 100%; background: #fff; top: 50%; left: 50%; z-index: 0; transform: translate(-50%, -50%); } .swatch .color input:checked + label { box-shadow: 0 0 0 1px #000, inset 0 0 0 4px #fff; } .swatch .color input:checked ~ span { opacity: 1; border: 1px solid #ccc; } .quick-view-product .swatch { padding: var(--block-spacing) 0; } .item_product_main .swatch-element.color { margin-right: 5px; margin-top: 5px; } .item_product_main .swatch .color label { width: 26px; height: 26px!important; line-height: 26px!important; padding: 0; } .swatch-color .swatch-element.color:hover + .tooltip{ opacity: 1; z-index: 100; min-width: 30px; background: #000; color: #fff; padding: 4px 12px; border-radius: 4px; top: auto; bottom: calc(100% + 12px); left: calc(50% ); transform: translateX(-50%); font-size: 12px; } .swatch-color .swatch-element.color:hover + .tooltip:after { border-style: solid; border-width: 3px 2.5px 0 2.5px; border-color: #000 transparent transparent transparent; background: #333333; content: ""; height: 8px; position: absolute; transform: rotate(45deg); width: 8px; left: calc(50% - 4px); bottom: -4px; } span.swatch-value { font-weight: normal; font-size: 14px; } </style> <link href='//theme.hstatic.net/1000241635/1001061192/14/quickviews-popup-cart.css?v=217' rel='stylesheet' type='text/css' media='all' /> <link href='//theme.hstatic.net/1000241635/1001061192/14/sidebar-style.css?v=217' rel='stylesheet' type='text/css' media='all' /> <link href='//theme.hstatic.net/1000241635/1001061192/14/collection-style.css?v=217' rel='stylesheet' type='text/css' media='all' /> <link rel="preload" as="script" href="//theme.hstatic.net/1000241635/1001061192/14/jquery.js?v=217" /> <script src='//theme.hstatic.net/1000241635/1001061192/14/jquery.js?v=217' type='text/javascript'></script> <link rel="preload" as="script" href="//theme.hstatic.net/1000241635/1001061192/14/slick-min.js?v=217" /> <script src='//theme.hstatic.net/1000241635/1001061192/14/slick-min.js?v=217' type='text/javascript'></script> <link href='//theme.hstatic.net/1000241635/1001061192/14/responsive.css?v=217' rel='stylesheet' type='text/css' media='all' /> <script type='text/javascript'> //<![CDATA[ if ((typeof Haravan) === 'undefined') { Haravan = {}; } Haravan.culture = 'vi-VN'; Haravan.shop = 'obagi.myharavan.com'; Haravan.theme = {"name":"EGA Style_v1.00010","id":1001061192,"role":"main"}; Haravan.domain = 'obagimedical.com.vn'; //]]> </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-752555182"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-752555182'); </script> <meta name="google-site-verification" content="Eez_FyHp8_sqnRyv1WR2G6-8akNX75HRFBQjXm75r9w" /><script defer src='https://stats.hstatic.net/beacon.min.js' hrv-beacon-t='1000241635'></script><style>.grecaptcha-badge{visibility:hidden;}</style> <script type='text/javascript'> window.HaravanAnalytics = window.HaravanAnalytics || {}; window.HaravanAnalytics.meta = window.HaravanAnalytics.meta || {}; window.HaravanAnalytics.meta.currency = 'VND'; var meta = {"page":{"pageType":"collection"}}; for (var attr in meta) { window.HaravanAnalytics.meta[attr] = meta[attr]; } window.HaravanAnalytics.AutoTrack = true; </script> <script> //<![CDATA[ window.HaravanAnalytics.ga = "UA-135101374-1"; window.HaravanAnalytics.enhancedEcommerce = true; (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', window.HaravanAnalytics.ga, {cookieDomain: 'auto', siteSpeedSampleRate: '10',sampleRate: 100,allowLinker: true}); ga('send', 'pageview'); ga('require', 'linker');ga('require', 'linker'); //]]> </script> <script async src='https://www.googletagmanager.com/gtag/js?id=G-23LQ8WV71M'></script><script> window.HaravanAnalytics.ga4 = "G-23LQ8WV71M"; window.HaravanAnalytics.enhancedEcommercev4 = true; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-23LQ8WV71M'); </script><script> window.HaravanAnalytics.fb = "926320157521030"; //<![CDATA[ !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','//connect.facebook.net/en_US/fbevents.js'); // Insert Your Facebook Pixel ID below. fbq('init', window.HaravanAnalytics.fb, {} , {'agent':'plharavan'}); fbq('track', 'PageView'); //]]> </script> <noscript><img height='1' width='1' style='display:none' src='https://www.facebook.com/tr?id=926320157521030&ev=PageView&noscript=1'/></noscript> <script> gtag('event', 'conversion', {'send_to': 'AW-752555182/bXCMCPv0h5gBEK6p7OYC'}); </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://obagimedical.com.vn", "name": "Trang chủ" } }, { "@type": "ListItem", "position": 2, "item": { "@id": "https://obagimedical.com.vn/collections/all", "name": "Products" } } ] } </script>  <script>var ProductReviewsAppUtil=ProductReviewsAppUtil || {};ProductReviewsAppUtil.store={name: 'Obagi Medical Việt Nam'};</script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-23LQ8WV71M"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-23LQ8WV71M'); </script> </head> <body id="template-collection"> <div class="opacity_menu"></div> <link rel="preload" as='style' type="text/css" href="//theme.hstatic.net/1000241635/1001061192/14/header.css?v=217"> <link rel="stylesheet" href="//theme.hstatic.net/1000241635/1001061192/14/header.css?v=217"> <div class="top-banner position-relative" style="background: #132466"> <div class="container text-center px-0" > <a style="color: #ffffff" class="position-relative d-block" href="/collections/all" title=" HOTLINE SHOP OBAGI MEDICAL VIETNAM: 028.3622.5532"> HOTLINE SHOP OBAGI MEDICAL VIETNAM: 028.3622.5532 </a> <button type="button" class="close " aria-label="Close" style="z-index: 9;"><span aria-hidden="true">×</span></button> </div> </div> <script> $(document).ready(()=>{ $('.top-banner .close').click(()=>{ $('.top-banner').slideToggle() sessionStorage.setItem("top-banner",true) }) }) </script> <header class="ega-header ega-pos--relative"> <div class="header-wrap container"> <div class="toggle-nav btn menu-bar mr-4 ml-0 p-0 d-lg-none d-flex text-white"> <span class="bar"></span> <span class="bar"></span> <span class="bar"></span> </div> <div id="logo">  </div> <div class="navigation--horizontal d-lg-flex align-items-center d-none"> <div class=" navigation-wrapper navigation-horizontal-wrapper "> <nav> <ul class="navigation navigation-horizontal list-group list-group-flush scroll"> <li class="menu-item list-group-item"> <a href="/" class="menu-item__link" title="Trang chủ"> <span> Trang chủ</span> </a> </li> <li class="menu-item list-group-item"> <a href="/collections/all" class="menu-item__link" title="Sản phẩm"> <span> Sản phẩm</span> <i class='float-right' data-toggle-submenu> <svg class="icon" > <use xlink:href="#icon-arrow" /> </svg> </i> </a> <div class="submenu scroll mega-menu "> <div class='toggle-submenu d-lg-none d-xl-none'> <i class='mr-3'> <svg class="icon" style="transform: rotate(180deg)" > <use xlink:href="#icon-arrow" /> </svg> </i> <span>Sản phẩm </span> </div> <ul class="submenu__list container"> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/" title="Vấn đề da">Vấn đề da</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/nam-duong-trang" title="Nám - Tối màu">Nám - Tối màu</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/tri-mun" title="Da mụn">Da mụn</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/chong-lao-hoa-giam-nep-nhan" title="Chống lão hóa">Chống lão hóa</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/duong-am-phuc-hoi" title="Dưỡng ẩm - Phục hồi">Dưỡng ẩm - Phục hồi</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-dau-nhon" title="Giảm dầu nhờn">Giảm dầu nhờn</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/cham-soc-vung-co" title="Chống nhăn cho cổ">Chống nhăn cho cổ</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/chong-nhan-vung-mat" title="Chống nhăn vùng mắt">Chống nhăn vùng mắt</a> </span> </li> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/collections/all" title="Loại da">Loại da</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-thuong" title="Da thường">Da thường</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-dau" title="Da dầu">Da dầu</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-kho" title="Da khô">Da khô</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-hon-hop" title="Da hỗn hợp">Da hỗn hợp</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-nhay-cam" title="Da nhạy cảm">Da nhạy cảm</a> </span> </li> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/collections/all" title="Hoạt chất">Hoạt chất</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/tretinoin-1" title="Tretinoin/ Retinol/ Retinal">Tretinoin/ Retinol/ Retinal</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/arbutin" title="Arbutin">Arbutin</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/glycolic-acid-aha" title="Glycolic Acid (AHA)">Glycolic Acid (AHA)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/salicylic-acid-bha" title="Salicylic Acid (BHA)">Salicylic Acid (BHA)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/polyhydroxy-acid-pha" title="Polyhydroxy Acid (PHA)">Polyhydroxy Acid (PHA)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/benzoyl-peroxide-bpo" title="Benzoyl Peroxide (BPO)">Benzoyl Peroxide (BPO)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/l-ascorbic-acid" title="L-Ascorbic Acid (Vitamin C)">L-Ascorbic Acid (Vitamin C)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/niacinamide-b3" title="Niacinamide (B3)">Niacinamide (B3)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/hydroquinone" title="Hydroquinone">Hydroquinone</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/kinetin" title="Kinetin+">Kinetin+</a> </span> </li> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/" title="Loại sản phẩm">Loại sản phẩm</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/cho-da-mun" title="Cho da mụn">Cho da mụn</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/chong-oxy-hoa" title="Chống oxy hoá">Chống oxy hoá</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/kem-chong-nang-1" title="Kem chống nắng">Kem chống nắng</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/sua-rua-mat" title="Sữa rửa mặt">Sữa rửa mặt</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/toner" title="Toner">Toner</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/serum" title="Serum">Serum</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/tay-da-chet" title="Tẩy da chết">Tẩy da chết</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/duong-am" title="Dưỡng ẩm">Dưỡng ẩm</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/peel" title="Peel">Peel</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/duong-mat" title="Dưỡng da mắt">Dưỡng da mắt</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/duong-co" title="Dưỡng da cổ">Dưỡng da cổ</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/bo-san-pham" title="Bộ sản phẩm">Bộ sản phẩm</a> </span> </li> </ul> </div> </li> <li class="menu-item list-group-item"> <a href="/collections/all" class="menu-item__link" title="Dòng sản phẩm"> <span> Dòng sản phẩm</span> <i class='float-right' data-toggle-submenu> <svg class="icon" > <use xlink:href="#icon-arrow" /> </svg> </i> </a> <div class="submenu scroll default "> <div class='toggle-submenu d-lg-none d-xl-none'> <i class='mr-3'> <svg class="icon" style="transform: rotate(180deg)" > <use xlink:href="#icon-arrow" /> </svg> </i> <span>Dòng sản phẩm </span> </div> <ul class="submenu__list container"> <li class="submenu__item submenu__item--main"> <a class="link" href="/collections/he-thong-tri-nam-hieu-qua-obagi-nu-derm-system" title="Nu-Derm System">Nu-Derm System</a> </li> <li class="submenu__item submenu__item--main"> <a class="link" href="/collections/clenziderm-system" title="Clenziderm System">Clenziderm System</a> </li> <li class="submenu__item submenu__item--main"> <a class="link" href="/collections/tretinoin" title="Tretinoin">Tretinoin</a> </li> <li class="submenu__item submenu__item--main"> <a class="link" href="/collections/retinol" title="Retinol">Retinol</a> </li> <li class="submenu__item submenu__item--main"> <a class="link" href="/collections/obagi-clinical" title="OBAGI CLINICAL">OBAGI CLINICAL</a> </li> <li class="submenu__item submenu__item--main"> <a class="link" href="/collections/professional-c" title="Professional-C">Professional-C</a> </li> <li class="submenu__item submenu__item--main"> <a class="link" href="/products/serum-cap-nuoc-duong-am-phuc-hoi-da-obagi-daily-hydro-drops" title="Daily Hydro-drops">Daily Hydro-drops</a> </li> <li class="submenu__item submenu__item--main"> <a class="link" href="/collections/obagi-c-rx-system" title="Obagi-C Rx System">Obagi-C Rx System</a> </li> <li class="submenu__item submenu__item--main"> <a class="link" href="/collections/blue-peels-radiance-kit" title="Peel">Peel</a> </li> <li class="submenu__item submenu__item--main"> <a class="link" href="/collections/obagi360-system" title="Obagi360">Obagi360</a> </li> <li class="submenu__item submenu__item--main"> <a class="link" href="/collections/hydrate-facial-moisturizers" title="Hydrate">Hydrate</a> </li> <li class="submenu__item submenu__item--main"> <a class="link" href="/collections/suzanobagimd" title="SUZANOBAGIMD">SUZANOBAGIMD</a> </li> <li class="submenu__item submenu__item--main"> <a class="link" href="/products/lotion-duong-da-toan-than-obagi-keraphine-body-smoothing-lotion" title="Kèraphine">Kèraphine</a> </li> <li class="submenu__item submenu__item--main"> <a class="link" href="/collections/nu-cil" title="NU-CIL">NU-CIL</a> </li> <li class="submenu__item submenu__item--main"> <a class="link" href="/collections/elastiderm" title="Elastiderm">Elastiderm</a> </li> <li class="submenu__item submenu__item--main"> <a class="link" href="/collections/sun-shield" title="Sun Shield">Sun Shield</a> </li> </ul> </div> </li> <li class="menu-item list-group-item"> <a href="/blogs/news" class="menu-item__link" title="Blog"> <span> Blog</span> </a> </li> <li class="menu-item list-group-item"> <a href="https://obagimedical.com.vn/blogs/news/cach-kiem-tra-hang-obagi-that-o-viet-nam" class="menu-item__link" title="Phân biệt hàng chính hãng"> <span> Phân biệt hàng chính hãng</span> </a> </li> <li class="menu-item list-group-item"> <a href="/pages/lien-he" class="menu-item__link" title="Liên hệ"> <span> Liên hệ</span> </a> </li> </ul> </nav> </div> <div class=" navigation-arrows "> <i class="fas fa-chevron-left prev disabled"></i> <i class="fas fa-chevron-right next"></i> </div> </div> <div class="header-right ega-d--flex"> <div class="icon-action header-right__icons" style='--header-grid-template: repeat(3, 1fr);'> <span class="header-icon icon-action__search icon-action__search--desktop toggle_form_search"> <svg class="icon"> <use xlink:href="#icon-search" /> </svg> </span> <div id="icon-account" class="ega-color--inherit header-icon icon-account d-none d-md-block d-lg-block"> <svg class="icon"> <use xlink:href="#icon-user" /> </svg> <div class="account-action"> <a href="/account/login" title="Đăng nhập">Đăng nhập</a> <a href="/account/register" title="Đăng ký">Đăng ký</a> </div> </div> <div class="mini-cart text-xs-center"> <a class="header-icon cart-count ega-color--inherit" href="/cart" title="Giỏ hàng"> <svg class="icon"> <use xlink:href="#icon-cart" /> </svg> <span class="count_item count_item_pr">0</span> </a> <div class="top-cart-content card "> <ul id="cart-sidebar" class="mini-products-list count_li list-unstyled"> <li class="list-item"> <ul></ul> </li> <li class="action"> </li> </ul> </div> </div> </div> </div> </div> </header> <script type="text/x-custom-template" data-template="stickyHeader"> <header class="ega-header header header_sticky"> <div class="container"> <div class="header-wrap"> <div id="logo"> <a class="logo-wrapper " href="/">Obagi Medical Việt Nam</a> </div> <div class="ega-form-search"> <form action="/search" method="get" class="input-group search-bar custom-input-group" role="search"> <input type="text" name="query" value="" autocomplete="off" class="input-group-field auto-search form-control " required="" data-placeholder="Tìm theo tên sản phẩm...; Tìm theo loại da...; Tìm theo hoạt chất...;"> <input type="hidden" name="type" value="product"> <span class="input-group-btn btn-action"> <button type="submit" aria-label="search" class="btn text-white icon-fallback-text h-100"> <svg class="icon"> <use xlink:href="#icon-search" /> </svg> </button> </span> </form> <div class="search-dropdow"> <ul class="search__list pl-0 d-flex list-unstyled mb-0 flex-wrap"> <li class="mr-2" > <a id="filter-search-obagi-obagi-medical-viet-nam-nam-mun-chong-lao-hoa-duong-am-phuc-hoi-peel-duong-mi-duong-mat-duong-co-kem-chong-nang-sua-rua-mat-serum-toner-retinol-tretinoin-arbutin-bha-aha-vitamin-c-kinetin-hydroquinone-pha-bpo-niacinamide" href="/search?q=filter=(tag:product=Obagi,+Obagi+Medical+Việt+Nam,+Nám,+Mụn,+Chống+lão+hóa,+Dưỡng+ẩm,+Phục+hồi,+Peel,+Dưỡng+mi,+Dưỡng+mắt,+Dưỡng+cổ,+kem+chống+nắng,+sữa+rửa+mặt,+serum,+toner,+retinol,+tretinoin,+arbutin,+BHA,+AHA,+Vitamin+C,+Kinetin,+Hydroquinone,+PHA,+BPO,+Niacinamide)">Obagi, Obagi Medical Việt Nam, Nám, Mụn, Chống lão hóa, Dưỡng ẩm, Phục hồi, Peel, Dưỡng mi, Dưỡng mắt, Dưỡng cổ, kem chống nắng, sữa rửa mặt, serum, toner, retinol, tretinoin, arbutin, BHA, AHA, Vitamin C, Kinetin, Hydroquinone, PHA, BPO, Niacinamide</a> </li> </ul> </div> </div> <div class="header-right ega-d--flex"> <div class="icon-action header-right__icons" style='--header-grid-template: repeat(3, 1fr);'> <span class="header-icon icon-action__search icon-action__search--desktop toggle_form_search"> <svg class="icon"> <use xlink:href="#icon-search" /> </svg> </span> <div id="icon-account" class="ega-color--inherit header-icon icon-account d-none d-md-block d-lg-block"> <svg class="icon"> <use xlink:href="#icon-user" /> </svg> <div class="account-action"> <a href="/account/login" title="Đăng nhập">Đăng nhập</a> <a href="/account/register" title="Đăng ký">Đăng ký</a> </div> </div> <div class="mini-cart text-xs-center"> <a class="header-icon cart-count ega-color--inherit" href="/cart" title="Giỏ hàng"> <svg class="icon"> <use xlink:href="#icon-cart" /> </svg> <span class="count_item count_item_pr">0</span> </a> <div class="top-cart-content card "> <ul id="cart-sidebar" class="mini-products-list count_li list-unstyled"> <li class="list-item"> <ul></ul> </li> <li class="action"> </li> </ul> </div> </div> </div> </div> </div> <div class="ega-header-layer"></div> </div> </header> </script> <section class="bread-crumb mb-3"> <span class="crumb-border"></span> <div class="container"> <div class="row"> <div class="col-12 a-left"> <ul class="breadcrumb m-0 px-0"> <li> <a href="/" target="_self"><span>Trang chủ</span></a> <span class="mr_lr"> / </span> </li> <li> <a href="/collections/all" target="_self"> <span>Danh mục</span> </a> <span class="mr_lr"> / </span> </li> <li class="active"> <span>Tất cả sản phẩm</span> </li> </ul> </div> </div> </div> </section> <section class="section wrap_background"> <div class="container"> <div class="bg_collection section"> <div class="coll-head"> <h1 class="title_page collection-title mb-0 pb-3"> Tất cả sản phẩm </h1> <div class="coll-sortby d-flex justify-content-between align-items-center"> <div class="sortPagiBar"> <div class="sort-cate clearfix"> <div id="sort-by" class="d-flex align-items-baseline"> <label class="left"> <span class=''>Sắp xếp: </span> </label> <select class="content_ul" onchange="sortby(this)"> <option data-sort="name:asc" value="alpha-asc">Tên A → Z</option> <option data-sort="name:desc" value="alpha-desc">Tên Z → A</option> <option data-sort="price_min:asc" value="price-asc">Giá tăng dần</option> <option data-sort="price_min:desc" value="price-desc">Giá giảm dần</option> <option data-sort="created_on:desc" value="created-desc">Hàng mới</option> </select> </div> </div> </div> <div id="open-filters" class="btn open-filters d-lg-none d-block p-0"> <i class="fa fa-filter"></i> <span>Lọc</span> </div> </div> </div> <div class="row"> <div class='col-lg-3 col-md-12 col-sm-12'> <aside class=" scroll card py-2 dqdt-sidebar sidebar left-content"> <div class="wrap_background_aside asidecollection"> <div class="filter-content aside-filter"> <div class="filter-container"> <button class="btn d-block d-lg-none open-filters p-0"> <i class="fa fa-arrow-left mr-3 "> </i> <b class="d-inline"> Tìm theo </b> </button> <div class="filter-container__selected-filter" style="display: none;"> <div class="filter-container__selected-filter-header clearfix d-none"> <span class="filter-container__selected-filter-header-title"><i class="fa fa-arrow-left hidden-sm-up"></i> Bạn chọn</span> <a href="javascript:void(0)" onclick="clearAllFiltered()" class="filter-container__clear-all">Bỏ hết <i class="fa fa-angle-right"></i></a> </div> </div> <aside class="aside-item filter-vendor"> <div class="aside-title"> <h2 class="title-head margin-top-0"><span>Dòng sản phẩm</span></h2> </div> <div class="aside-content filter-group"> <ul> <li class="filter-item filter-item--check-box filter-item--green "> <span> <label class="custom-checkbox" for="filter-vendor-nu-derm"> <input type="checkbox" id="filter-vendor-nu-derm" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Nu-derm" data-operator="||"> <i class="fa"></i> Nu-derm </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green "> <span> <label class="custom-checkbox" for="filter-vendor-suzan-obagi-md"> <input type="checkbox" id="filter-vendor-suzan-obagi-md" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Suzan Obagi MD" data-operator="||"> <i class="fa"></i> Suzan Obagi MD </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green "> <span> <label class="custom-checkbox" for="filter-vendor-obagi-clinical"> <input type="checkbox" id="filter-vendor-obagi-clinical" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Obagi Clinical" data-operator="||"> <i class="fa"></i> Obagi Clinical </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green "> <span> <label class="custom-checkbox" for="filter-vendor-c-rx"> <input type="checkbox" id="filter-vendor-c-rx" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains C-RX" data-operator="||"> <i class="fa"></i> C-RX </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green "> <span> <label class="custom-checkbox" for="filter-vendor-obagi-medical-usa"> <input type="checkbox" id="filter-vendor-obagi-medical-usa" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Obagi Medical USA" data-operator="||"> <i class="fa"></i> Obagi Medical USA </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-vendor-professional-c"> <input type="checkbox" id="filter-vendor-professional-c" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Professional-C" data-operator="||"> <i class="fa"></i> Professional-C </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-vendor-sun-shield"> <input type="checkbox" id="filter-vendor-sun-shield" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Sun Shield" data-operator="||"> <i class="fa"></i> Sun Shield </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-vendor-elastiderm"> <input type="checkbox" id="filter-vendor-elastiderm" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Elastiderm" data-operator="||"> <i class="fa"></i> Elastiderm </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-vendor-clenziderm"> <input type="checkbox" id="filter-vendor-clenziderm" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains CLENZIderm" data-operator="||"> <i class="fa"></i> CLENZIderm </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-vendor-obagi360"> <input type="checkbox" id="filter-vendor-obagi360" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Obagi360" data-operator="||"> <i class="fa"></i> Obagi360 </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-vendor-rejuvenation"> <input type="checkbox" id="filter-vendor-rejuvenation" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Rejuvenation" data-operator="||"> <i class="fa"></i> Rejuvenation </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-vendor-c-fx"> <input type="checkbox" id="filter-vendor-c-fx" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains C-FX" data-operator="||"> <i class="fa"></i> C-FX </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-vendor-tretinoin"> <input type="checkbox" id="filter-vendor-tretinoin" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Tretinoin" data-operator="||"> <i class="fa"></i> Tretinoin </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-vendor-khac"> <input type="checkbox" id="filter-vendor-khac" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Khác" data-operator="||"> <i class="fa"></i> Khác </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-vendor-hydrate"> <input type="checkbox" id="filter-vendor-hydrate" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Hydrate" data-operator="||"> <i class="fa"></i> Hydrate </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-vendor-nu-cil"> <input type="checkbox" id="filter-vendor-nu-cil" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Nu-Cil" data-operator="||"> <i class="fa"></i> Nu-Cil </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-vendor-hydro-drops"> <input type="checkbox" id="filter-vendor-hydro-drops" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Hydro - Drops" data-operator="||"> <i class="fa"></i> Hydro - Drops </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-vendor-keraphine"> <input type="checkbox" id="filter-vendor-keraphine" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains KèraPhine" data-operator="||"> <i class="fa"></i> KèraPhine </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-vendor-peel"> <input type="checkbox" id="filter-vendor-peel" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Peel" data-operator="||"> <i class="fa"></i> Peel </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-vendor-scar-gel"> <input type="checkbox" id="filter-vendor-scar-gel" data-group="PRODUCT_VENDOR" data-field="vendor" data-text="" value="product contains Scar Gel" data-operator="||"> <i class="fa"></i> Scar Gel </label> </span> </li> <li class="filter-item-toggle text-center cursor-pointer btn"> Xem thêm <i class="fas fa-chevron-down "></i> </li> </ul> </div> </aside>   <aside class="aside-item filter-price dq-filterxx"> <div class="aside-title"> <h2 class="title-head margin-top-0"><span>Mức giá </span></h2> </div> <div class="aside-content filter-group scroll"> <div class="showstt d-none">  </div> <ul style=""> <li class="filter-item filter-item--check-box filter-item--green"> <span> <label class="custom-checkbox" for="filter-duoi-1000000"> <input type="checkbox" id="filter-duoi-1000000" onchange="" data-group="Khoảng giá" data-field="price" data-text="Dưới 1000000" value="(price:product <1000000)" data-operator="||"> <i class="fa "></i> Giá dưới 1,000,000₫ </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green"> <span> <label class="custom-checkbox" for="filter-1000000-2000000"> <input type="checkbox" id="filter-1000000-2000000" onchange="" data-group="Khoảng giá" data-field="price" data-text="Trên 2000000" value="(price:product >=1000000 )&& (price:product <=2000000)" data-operator="||"> <i class="fa "></i> 1,000,000₫ - 2,000,000₫ </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green"> <span> <label class="custom-checkbox" for="filter-2000000-3000000"> <input type="checkbox" id="filter-2000000-3000000" onchange="" data-group="Khoảng giá" data-field="price" data-text="Trên 3000000" value="(price:product >=2000000 )&& (price:product <=3000000)" data-operator="||"> <i class="fa "></i> 2,000,000₫ - 3,000,000₫ </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green"> <span> <label class="custom-checkbox" for="filter-3000000-5000000"> <input type="checkbox" id="filter-3000000-5000000" onchange="" data-group="Khoảng giá" data-field="price" data-text="Trên 5000000" value="(price:product >=3000000 )&& (price:product <=5000000)" data-operator="||"> <i class="fa "></i> 3,000,000₫ - 5,000,000₫ </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green"> <span> <label class="custom-checkbox" for="filter-5000000-7000000"> <input type="checkbox" id="filter-5000000-7000000" onchange="" data-group="Khoảng giá" data-field="price" data-text="Trên 7000000" value="(price:product >=5000000 )&& (price:product <=7000000)" data-operator="||"> <i class="fa "></i> 5,000,000₫ - 7,000,000₫ </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green"> <span> <label class="custom-checkbox" for="filter-tren-10000000"> <input type="checkbox" id="filter-tren-10000000" onchange="" data-group="Khoảng giá" data-field="price" data-text="Trên 10000000" value="(price:product >=10000000)" data-operator="||"> <i class="fa "></i> Giá trên 10,000,000₫ </label> </span> </li> </ul> </div> </aside>  <aside class="aside-item aside-itemxx filter-type"> <div class="aside-title"> <h2 class="title-head margin-top-0"><span>Loại sản phẩm</span></h2> </div> <div class="aside-content filter-group scroll"> <ul> <li class="filter-item filter-item--check-box filter-item--green "> <span> <label class="custom-checkbox" for="filter-nam-duong-trang-da"> <input type="checkbox" id="filter-nam-duong-trang-da" data-group="PRODUCT_TYPE" data-field="product_type" data-text="" value="product contains Nám-Dưỡng trắng da" data-operator="||"> <i class="fa"></i> Nám-Dưỡng trắng da </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green "> <span> <label class="custom-checkbox" for="filter-kem-chong-nang"> <input type="checkbox" id="filter-kem-chong-nang" data-group="PRODUCT_TYPE" data-field="product_type" data-text="" value="product contains Kem chống nắng" data-operator="||"> <i class="fa"></i> Kem chống nắng </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green "> <span> <label class="custom-checkbox" for="filter-duong-am-phuc-hoi"> <input type="checkbox" id="filter-duong-am-phuc-hoi" data-group="PRODUCT_TYPE" data-field="product_type" data-text="" value="product contains Dưỡng ẩm-Phục hồi" data-operator="||"> <i class="fa"></i> Dưỡng ẩm-Phục hồi </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green "> <span> <label class="custom-checkbox" for="filter-chong-lao-hoa"> <input type="checkbox" id="filter-chong-lao-hoa" data-group="PRODUCT_TYPE" data-field="product_type" data-text="" value="product contains Chống lão hóa" data-operator="||"> <i class="fa"></i> Chống lão hóa </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green "> <span> <label class="custom-checkbox" for="filter-sua-rua-mat"> <input type="checkbox" id="filter-sua-rua-mat" data-group="PRODUCT_TYPE" data-field="product_type" data-text="" value="product contains Sữa rửa mặt" data-operator="||"> <i class="fa"></i> Sữa rửa mặt </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-khac"> <input type="checkbox" id="filter-khac" data-group="PRODUCT_TYPE" data-field="product_type" data-text="" value="product contains Khác" data-operator="||"> <i class="fa"></i> Khác </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-tri-mun"> <input type="checkbox" id="filter-tri-mun" data-group="PRODUCT_TYPE" data-field="product_type" data-text="" value="product contains Trị mụn" data-operator="||"> <i class="fa"></i> Trị mụn </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-cham-soc-vung-da-mat"> <input type="checkbox" id="filter-cham-soc-vung-da-mat" data-group="PRODUCT_TYPE" data-field="product_type" data-text="" value="product contains Chăm sóc vùng da mắt" data-operator="||"> <i class="fa"></i> Chăm sóc vùng da mắt </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-cham-soc-da"> <input type="checkbox" id="filter-cham-soc-da" data-group="PRODUCT_TYPE" data-field="product_type" data-text="" value="product contains Chăm sóc da" data-operator="||"> <i class="fa"></i> Chăm sóc da </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-tay-da-chet"> <input type="checkbox" id="filter-tay-da-chet" data-group="PRODUCT_TYPE" data-field="product_type" data-text="" value="product contains Tẩy da chết" data-operator="||"> <i class="fa"></i> Tẩy da chết </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-toner"> <input type="checkbox" id="filter-toner" data-group="PRODUCT_TYPE" data-field="product_type" data-text="" value="product contains Toner" data-operator="||"> <i class="fa"></i> Toner </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-peel"> <input type="checkbox" id="filter-peel" data-group="PRODUCT_TYPE" data-field="product_type" data-text="" value="product contains Peel" data-operator="||"> <i class="fa"></i> Peel </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-duong-moc-mi"> <input type="checkbox" id="filter-duong-moc-mi" data-group="PRODUCT_TYPE" data-field="product_type" data-text="" value="product contains Dưỡng mọc mi" data-operator="||"> <i class="fa"></i> Dưỡng mọc mi </label> </span> </li> <li class="filter-item filter-item--check-box filter-item--green overflow-item "> <span> <label class="custom-checkbox" for="filter-tay-trang"> <input type="checkbox" id="filter-tay-trang" data-group="PRODUCT_TYPE" data-field="product_type" data-text="" value="product contains Tẩy trang" data-operator="||"> <i class="fa"></i> Tẩy trang </label> </span> </li> <li class="filter-item-toggle text-center cursor-pointer btn"> Xem thêm <i class="fas fa-chevron-down "></i> </li> </ul> </div> </aside>  <aside class="aside-item sidebar-item filter-tag-style-1"> <div class="aside-title"> <h2 class="title-head margin-top-0"> <span>Loại da</span> </h2> </div> <div class="module-content aside-content filter-group scroll"> <ul> <li class="filter-item filter_size filter-item--check-box filter-item--green"> <span> <label class="custom-checkbox"> <input type="checkbox" id="filter-da-kho" data-group="tag2" data-field="tag" data-text="Da khô" value="product contains Da khô" data-operator="||"> <i class="fa"></i> Da khô </label> </span> </li> <li class="filter-item filter_size filter-item--check-box filter-item--green"> <span> <label class="custom-checkbox"> <input type="checkbox" id="filter-da-dau" data-group="tag2" data-field="tag" data-text="Da dầu" value="product contains Da dầu" data-operator="||"> <i class="fa"></i> Da dầu </label> </span> </li> <li class="filter-item filter_size filter-item--check-box filter-item--green"> <span> <label class="custom-checkbox"> <input type="checkbox" id="filter-da-thuong" data-group="tag2" data-field="tag" data-text="Da thường" value="product contains Da thường" data-operator="||"> <i class="fa"></i> Da thường </label> </span> </li> <li class="filter-item filter_size filter-item--check-box filter-item--green"> <span> <label class="custom-checkbox"> <input type="checkbox" id="filter-da-hon-hop" data-group="tag2" data-field="tag" data-text="Da hỗn hợp" value="product contains Da hỗn hợp" data-operator="||"> <i class="fa"></i> Da hỗn hợp </label> </span> </li> <li class="filter-item filter_size filter-item--check-box filter-item--green"> <span> <label class="custom-checkbox"> <input type="checkbox" id="filter-da-nhay-cam" data-group="tag2" data-field="tag" data-text="Da nhạy cảm" value="product contains Da nhạy cảm" data-operator="||"> <i class="fa"></i> Da nhạy cảm </label> </span> </li> <li class="filter-item filter_size filter-item--check-box filter-item--green overflow-item"> <span> <label class="custom-checkbox"> <input type="checkbox" id="filter-moi-loai-da" data-group="tag2" data-field="tag" data-text="Mọi loại da" value="product contains Mọi loại da" data-operator="||"> <i class="fa"></i> Mọi loại da </label> </span> </li> <li class="filter-item-toggle text-center cursor-pointer btn"> Xem thêm <i class="fas fa-chevron-down "></i> </li> </ul> </div> </aside> </div> </div> </div> </aside> </div> <div class="main_container collection col-lg-9 col-12 pl-lg-0"> <div class="filter-content aside-filter"> <div class="filter-container"> <div class="filter-container__selected-filter" style="display: none;"> <div class="filter-container__selected-filter-list mb-2 "> <ul></ul> </div> </div> </div> </div> <div class="category-products products"> <div class="products-view products-view-grid collection_reponsive list_hover_pro"> <div class="row product-list content-col"> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1035339716" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/bo-duong-da-chong-lao-hoa-giam-nep-nhan-obagi360-system" title="Bộ dưỡng da chống lão hoá, giảm nếp nhăn OBAGI360 System"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/62032580883-product-next-to-packaging-ccfbaa2b75ef1e294c76f4cefe641726_80906e00959a4f6fa50d4396ec5c418a_large.jpeg" alt="Bộ dưỡng da chống lão hoá, giảm nếp nhăn OBAGI360 System"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/stem-362032580883-product-lifestyle-2-9b02b743b9d44f18ca60f2774d82d042_31a1dcc1640d45398518d73871c994da_large.jpeg" alt="Bộ dưỡng da chống lão hoá, giảm nếp nhăn OBAGI360 System"> </a> <input type="hidden" name="id" value="1077652751" /> <div class="action-bar"> <button class="action-child btn add_to_cart active " > <i class="fas fa-shopping-cart"></i> <span class="action-name"> Thêm vào giỏ </span> </button> <a href="/products/bo-duong-da-chong-lao-hoa-giam-nep-nhan-obagi360-system" data-handle="bo-duong-da-chong-lao-hoa-giam-nep-nhan-obagi360-system" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1035339716"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/bo-duong-da-chong-lao-hoa-giam-nep-nhan-obagi360-system" title="Bộ dưỡng da chống lão hoá, giảm nếp nhăn OBAGI360 System">Bộ dưỡng da chống lão hoá, giảm nếp nhăn OBAGI360 System</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1035339716"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">3,600,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1031286542" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/sua-rua-mat-tay-te-bao-chet-duong-am-cho-da-kho-obagi360-exfoliating-cleanser" title="Sữa rửa mặt tẩy tế bào chết, dưỡng ẩm cho da khô OBAGI360 Exfoliating Cleanser"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/foliating-cleanser-362032570518-front-26e8e4668192e028f9c48a2e83170a94_72a984e0e0694e07895089c7e73d4a1e_large.jpg" alt="Sữa rửa mặt tẩy tế bào chết, dưỡng ẩm cho da khô OBAGI360 Exfoliating Cleanser"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/cleanser-362032570518-packaging-front-0a9669041971e10d8a7669e3bf9aedba_a119a0f4bd34424fa9008b9a5812b903_large.jpg" alt="Sữa rửa mặt tẩy tế bào chết, dưỡng ẩm cho da khô OBAGI360 Exfoliating Cleanser"> </a> <input type="hidden" name="id" value="1068505461" /> <div class="action-bar"> <button class="action-child btn add_to_cart active " > <i class="fas fa-shopping-cart"></i> <span class="action-name"> Thêm vào giỏ </span> </button> <a href="/products/sua-rua-mat-tay-te-bao-chet-duong-am-cho-da-kho-obagi360-exfoliating-cleanser" data-handle="sua-rua-mat-tay-te-bao-chet-duong-am-cho-da-kho-obagi360-exfoliating-cleanser" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1031286542"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/sua-rua-mat-tay-te-bao-chet-duong-am-cho-da-kho-obagi360-exfoliating-cleanser" title="Sữa rửa mặt tẩy tế bào chết, dưỡng ẩm cho da khô OBAGI360 Exfoliating Cleanser">Sữa rửa mặt tẩy tế bào chết, dưỡng ẩm cho da khô OBAGI360 Exfoliating Cleanser</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1031286542"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">960,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1028817955" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/bo-peel-tai-cau-truc-nen-da-obagi-clinical-blue-brilliance-triple-acid-peel" title="Bộ peel tái cấu trúc nền da Obagi Clinical Blue Brilliance Triple Acid Peel"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-clinical-blue-brilliance-triple-acid-peel-362032076010_70a5e00000f34207b5791686244a860b_large.jpg" alt="Bộ peel tái cấu trúc nền da Obagi Clinical Blue Brilliance Triple Acid Peel"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-clinical-blue-brilliance-triple-acid-peel-362032076010__3__ffd2ca04cfef4f6493d4eeb1b247fbeb_large.jpg" alt="Bộ peel tái cấu trúc nền da Obagi Clinical Blue Brilliance Triple Acid Peel"> </a> <input type="hidden" name="id" value="1063907346" /> <div class="action-bar"> <a href="/products/bo-peel-tai-cau-truc-nen-da-obagi-clinical-blue-brilliance-triple-acid-peel" class="action-child btn-circle btn-views btn_view btn right-to m-0"> <i class="fas fa-shopping-cart"></i> <span class="action-name">Tùy chọn</span> </a> <a href="/products/bo-peel-tai-cau-truc-nen-da-obagi-clinical-blue-brilliance-triple-acid-peel" data-handle="bo-peel-tai-cau-truc-nen-da-obagi-clinical-blue-brilliance-triple-acid-peel" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1028817955"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/bo-peel-tai-cau-truc-nen-da-obagi-clinical-blue-brilliance-triple-acid-peel" title="Bộ peel tái cấu trúc nền da Obagi Clinical Blue Brilliance Triple Acid Peel">Bộ peel tái cấu trúc nền da Obagi Clinical Blue Brilliance Triple Acid Peel</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1028817955"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">3,950,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1028817750" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/gel-rua-mat-tay-da-chet-chong-lao-hoal-chua-enzyme-obagi-clinical-kinetin-exfoliating-cleansing-gel" title="Gel rửa mặt tẩy da chết, chống lão hoá chứa Enzym - Obagi Clinical Kinetin+ Exfoliating Cleansing Gel"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-clinical-kinetin-exfoliating-cleansing-gel-36203257101_046f7568514045358922a85656f06396_large.jpg" alt="Gel rửa mặt tẩy da chết, chống lão hoá chứa Enzym - Obagi Clinical Kinetin+ Exfoliating Cleansing Gel"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-clinical-kinetin-exfoliating-cleansing-gel-36203257101__1__760ebbc171e2425092168c63e0b5ff57_large.jpg" alt="Gel rửa mặt tẩy da chết, chống lão hoá chứa Enzym - Obagi Clinical Kinetin+ Exfoliating Cleansing Gel"> </a> <input type="hidden" name="id" value="1063906893" /> <div class="action-bar"> <button class="action-child btn add_to_cart active " > <i class="fas fa-shopping-cart"></i> <span class="action-name"> Thêm vào giỏ </span> </button> <a href="/products/gel-rua-mat-tay-da-chet-chong-lao-hoal-chua-enzyme-obagi-clinical-kinetin-exfoliating-cleansing-gel" data-handle="gel-rua-mat-tay-da-chet-chong-lao-hoal-chua-enzyme-obagi-clinical-kinetin-exfoliating-cleansing-gel" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1028817750"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/gel-rua-mat-tay-da-chet-chong-lao-hoal-chua-enzyme-obagi-clinical-kinetin-exfoliating-cleansing-gel" title="Gel rửa mặt tẩy da chết, chống lão hoá chứa Enzym - Obagi Clinical Kinetin+ Exfoliating Cleansing Gel">Gel rửa mặt tẩy da chết, chống lão hoá chứa Enzym - Obagi Clinical Kinetin+ Exfoliating Cleansing Gel</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1028817750"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">1,250,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1027647134" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/kem-chong-nang-che-khuyet-diem-obagi-broad-spectrum-spf-50-tint-warm" title="Kem chống nắng che khuyết điểm Obagi Sun Shield Broad Spectrum SPF 50 Tint (Warm)"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/imgpsh_fullsize_anim_0bffa7afd5a84c0aa4302149c59fed37_large.jpg" alt="Kem chống nắng che khuyết điểm Obagi Sun Shield Broad Spectrum SPF 50 Tint (Warm)"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-sun-shiel-tint-broad-spectrum-spf-50-warm-1_e427ad5ad0644fa49831eaecdaf44ceb_large.jpeg" alt="Kem chống nắng che khuyết điểm Obagi Sun Shield Broad Spectrum SPF 50 Tint (Warm)"> </a> <input type="hidden" name="id" value="1060329606" /> <div class="action-bar"> <button class="action-child btn add_to_cart active " > <i class="fas fa-shopping-cart"></i> <span class="action-name"> Thêm vào giỏ </span> </button> <a href="/products/kem-chong-nang-che-khuyet-diem-obagi-broad-spectrum-spf-50-tint-warm" data-handle="kem-chong-nang-che-khuyet-diem-obagi-broad-spectrum-spf-50-tint-warm" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1027647134"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/kem-chong-nang-che-khuyet-diem-obagi-broad-spectrum-spf-50-tint-warm" title="Kem chống nắng che khuyết điểm Obagi Sun Shield Broad Spectrum SPF 50 Tint (Warm)">Kem chống nắng che khuyết điểm Obagi Sun Shield Broad Spectrum SPF 50 Tint (Warm)</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1027647134"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">1,200,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1026271349" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/kem-chong-nang-vat-ly-suzanobagimd-physical-defense-tinted-broad-spectrum-spf-50" title="Kem chống nắng vật lý SuzanObagiMD Physical Defense Tinted Broad Spectrum SPF 50 (có màu)"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-medical-suzanobagimd-physical-defense-broad-spectrum-s__1__0280ec329b434aa4a37d198c8df5d9c7_large.jpg" alt="Kem chống nắng vật lý SuzanObagiMD Physical Defense Tinted Broad Spectrum SPF 50 (có màu)"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-medical-suzanobagimd-physical-defense-broad-spectrum-s_bb5519a5d8f94789bf613837f44ef464_large.jpg" alt="Kem chống nắng vật lý SuzanObagiMD Physical Defense Tinted Broad Spectrum SPF 50 (có màu)"> </a> <input type="hidden" name="id" value="1057983387" /> <div class="action-bar"> <button class="action-child btn add_to_cart active " > <i class="fas fa-shopping-cart"></i> <span class="action-name"> Thêm vào giỏ </span> </button> <a href="/products/kem-chong-nang-vat-ly-suzanobagimd-physical-defense-tinted-broad-spectrum-spf-50" data-handle="kem-chong-nang-vat-ly-suzanobagimd-physical-defense-tinted-broad-spectrum-spf-50" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1026271349"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/kem-chong-nang-vat-ly-suzanobagimd-physical-defense-tinted-broad-spectrum-spf-50" title="Kem chống nắng vật lý SuzanObagiMD Physical Defense Tinted Broad Spectrum SPF 50 (có màu)">Kem chống nắng vật lý SuzanObagiMD Physical Defense Tinted Broad Spectrum SPF 50 (có màu)</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1026271349"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">1,380,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1026271329" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/kem-chong-nang-vat-ly-suzanobagimd-physical-defense-broad-spectrum-spf-40" title="Kem chống nắng vật lý SuzanObagiMD Physical Defense Broad Spectrum SPF 40"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-medical-suzanobagimd-physical-defense-broad-spectrum-s__1__7e20b242abce42efb60a51f6c228d7f4_large.jpg" alt="Kem chống nắng vật lý SuzanObagiMD Physical Defense Broad Spectrum SPF 40"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-medical-suzanobagimd-physical-defense-broad-spectrum-s_e12f8dce3c9e49cdb6d6b001a523cbad_large.jpg" alt="Kem chống nắng vật lý SuzanObagiMD Physical Defense Broad Spectrum SPF 40"> </a> <input type="hidden" name="id" value="1057983347" /> <div class="action-bar"> <button class="action-child btn add_to_cart active " > <i class="fas fa-shopping-cart"></i> <span class="action-name"> Thêm vào giỏ </span> </button> <a href="/products/kem-chong-nang-vat-ly-suzanobagimd-physical-defense-broad-spectrum-spf-40" data-handle="kem-chong-nang-vat-ly-suzanobagimd-physical-defense-broad-spectrum-spf-40" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1026271329"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/kem-chong-nang-vat-ly-suzanobagimd-physical-defense-broad-spectrum-spf-40" title="Kem chống nắng vật lý SuzanObagiMD Physical Defense Broad Spectrum SPF 40">Kem chống nắng vật lý SuzanObagiMD Physical Defense Broad Spectrum SPF 40</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1026271329"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">1,380,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1023972032" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/serum-nang-co-chong-lao-hoa-elastiderm-facial-serum" title="Serum nâng cơ, chống lão hóa Obagi Elastiderm Facial Serum"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/facial_02_79908e6c61904224899ffb40f458fd64_large.jpg" alt="Serum nâng cơ, chống lão hóa Obagi Elastiderm Facial Serum"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/facial_01_42a81240508a40618e8d61ac6a93696c_large.jpg" alt="Serum nâng cơ, chống lão hóa Obagi Elastiderm Facial Serum"> </a> <input type="hidden" name="id" value="1053696877" /> <div class="action-bar"> <a href="/products/serum-nang-co-chong-lao-hoa-elastiderm-facial-serum" class="action-child btn-circle btn-views btn_view btn right-to m-0"> <i class="fas fa-shopping-cart"></i> <span class="action-name">Tùy chọn</span> </a> <a href="/products/serum-nang-co-chong-lao-hoa-elastiderm-facial-serum" data-handle="serum-nang-co-chong-lao-hoa-elastiderm-facial-serum" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1023972032"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/serum-nang-co-chong-lao-hoa-elastiderm-facial-serum" title="Serum nâng cơ, chống lão hóa Obagi Elastiderm Facial Serum">Serum nâng cơ, chống lão hóa Obagi Elastiderm Facial Serum</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1023972032"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">4,680,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1021782346" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/serum-phuc-hoi-da-ton-thuong-obagi-clinical-kinetin-rejuvenating-serum" title="Serum phục hồi da tổn thương OBAGI CLINICAL Kinetin+ Rejuvenating Serum"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/clinical_reju_01_febf7810efac4b28baac99794e3da2fe_large.jpg" alt="Serum phục hồi da tổn thương OBAGI CLINICAL Kinetin+ Rejuvenating Serum"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/clinical_reju_02_a679d3fd78c84cd48826423db9ce3e33_large.jpg" alt="Serum phục hồi da tổn thương OBAGI CLINICAL Kinetin+ Rejuvenating Serum"> </a> <input type="hidden" name="id" value="1044130828" /> <div class="action-bar"> <button class="action-child btn add_to_cart active " > <i class="fas fa-shopping-cart"></i> <span class="action-name"> Thêm vào giỏ </span> </button> <a href="/products/serum-phuc-hoi-da-ton-thuong-obagi-clinical-kinetin-rejuvenating-serum" data-handle="serum-phuc-hoi-da-ton-thuong-obagi-clinical-kinetin-rejuvenating-serum" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1021782346"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/serum-phuc-hoi-da-ton-thuong-obagi-clinical-kinetin-rejuvenating-serum" title="Serum phục hồi da tổn thương OBAGI CLINICAL Kinetin+ Rejuvenating Serum">Serum phục hồi da tổn thương OBAGI CLINICAL Kinetin+ Rejuvenating Serum</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1021782346"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">2,650,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1021782336" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/kem-chong-nang-duong-da-sang-deu-mau-obagi-clinical-vitamin-c-suncare-broad-spectrum-spf-30-sunscreen" title="Kem chống nắng dưỡng da sáng đều màu OBAGI CLINICAL Vitamin C Suncare Broad Spectrum SPF 30 Sunscreen"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-clinical-vitamin-c-suncare-broad-spectrum-spf-30-sunsc_cbe96cf66715449f8d14e4573af2b70c_large.jpg" alt="Kem chống nắng dưỡng da sáng đều màu OBAGI CLINICAL Vitamin C Suncare Broad Spectrum SPF 30 Sunscreen"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-clinical-vitamin-c-suncare-broad-spectrum-spf-30-sunsc__2__d5ad53c5b61f475a80644428f8169400_large.jpg" alt="Kem chống nắng dưỡng da sáng đều màu OBAGI CLINICAL Vitamin C Suncare Broad Spectrum SPF 30 Sunscreen"> </a> <input type="hidden" name="id" value="1044130817" /> <div class="action-bar"> <button class="action-child btn add_to_cart active " > <i class="fas fa-shopping-cart"></i> <span class="action-name"> Thêm vào giỏ </span> </button> <a href="/products/kem-chong-nang-duong-da-sang-deu-mau-obagi-clinical-vitamin-c-suncare-broad-spectrum-spf-30-sunscreen" data-handle="kem-chong-nang-duong-da-sang-deu-mau-obagi-clinical-vitamin-c-suncare-broad-spectrum-spf-30-sunscreen" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1021782336"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/kem-chong-nang-duong-da-sang-deu-mau-obagi-clinical-vitamin-c-suncare-broad-spectrum-spf-30-sunscreen" title="Kem chống nắng dưỡng da sáng đều màu OBAGI CLINICAL Vitamin C Suncare Broad Spectrum SPF 30 Sunscreen">Kem chống nắng dưỡng da sáng đều màu OBAGI CLINICAL Vitamin C Suncare Broad Spectrum SPF 30 Sunscreen</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1021782336"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">1,600,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1021782326" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/kem-chong-nhan-vung-mat-obagi-clinical-kinetin-hydrating-eye-cream" title="Kem chống nhăn vùng mắt OBAGI CLINICAL Kinetin+ Hydrating Eye Cream"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-clinical-kinetin-hydrating-eye-cream-362032300047-fron_9c671f66f9754a43800761c54fdc4f8c_large.jpg" alt="Kem chống nhăn vùng mắt OBAGI CLINICAL Kinetin+ Hydrating Eye Cream"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-clinical-kinetin-hydrating-eye-cream-362032300047-life__1__ddbea1193dfb4ef0ba7fb116ec676922_large.jpg" alt="Kem chống nhăn vùng mắt OBAGI CLINICAL Kinetin+ Hydrating Eye Cream"> </a> <input type="hidden" name="id" value="1044130803" /> <div class="action-bar"> <button class="action-child btn add_to_cart active " > <i class="fas fa-shopping-cart"></i> <span class="action-name"> Thêm vào giỏ </span> </button> <a href="/products/kem-chong-nhan-vung-mat-obagi-clinical-kinetin-hydrating-eye-cream" data-handle="kem-chong-nhan-vung-mat-obagi-clinical-kinetin-hydrating-eye-cream" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1021782326"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/kem-chong-nhan-vung-mat-obagi-clinical-kinetin-hydrating-eye-cream" title="Kem chống nhăn vùng mắt OBAGI CLINICAL Kinetin+ Hydrating Eye Cream">Kem chống nhăn vùng mắt OBAGI CLINICAL Kinetin+ Hydrating Eye Cream</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1021782326"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">1,760,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1021782314" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/kem-duong-phuc-hoi-lam-diu-da-obagi-clinical-kinetin-hydrating-cream" title="Kem dưỡng phục hồi làm dịu da Obagi Clinical Kinetin+ Hydrating Cream"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/clinical_hydrating_df0419d692b64e42a970e1ce200793f3_large.jpg" alt="Kem dưỡng phục hồi làm dịu da Obagi Clinical Kinetin+ Hydrating Cream"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/clinical_hydrating_03_c812064854bc4f86a98e36895ca9b4cb_large.jpg" alt="Kem dưỡng phục hồi làm dịu da Obagi Clinical Kinetin+ Hydrating Cream"> </a> <input type="hidden" name="id" value="1044130783" /> <div class="action-bar"> <button class="action-child btn add_to_cart active " > <i class="fas fa-shopping-cart"></i> <span class="action-name"> Thêm vào giỏ </span> </button> <a href="/products/kem-duong-phuc-hoi-lam-diu-da-obagi-clinical-kinetin-hydrating-cream" data-handle="kem-duong-phuc-hoi-lam-diu-da-obagi-clinical-kinetin-hydrating-cream" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1021782314"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/kem-duong-phuc-hoi-lam-diu-da-obagi-clinical-kinetin-hydrating-cream" title="Kem dưỡng phục hồi làm dịu da Obagi Clinical Kinetin+ Hydrating Cream">Kem dưỡng phục hồi làm dịu da Obagi Clinical Kinetin+ Hydrating Cream</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1021782314"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">1,650,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1021782309" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/kem-duong-mat-giam-tham-obagi-clinical-vitamin-c-eye-brightener" title="Kem dưỡng mắt giảm thâm Obagi Clinical Vitamin C Eye Brightener"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-clinical-vitamin-c-eye-brightener-362032300016-front-5_5e3e310546d44209995585de6e6e404d_large.jpg" alt="Kem dưỡng mắt giảm thâm Obagi Clinical Vitamin C Eye Brightener"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-clinical-vitamin-c-eye-brightener-362032300016-lifesty__1__e93be8d3a26d475292de9f151f323374_large.jpg" alt="Kem dưỡng mắt giảm thâm Obagi Clinical Vitamin C Eye Brightener"> </a> <input type="hidden" name="id" value="1044130771" /> <div class="action-bar"> <button class="action-child btn add_to_cart active " > <i class="fas fa-shopping-cart"></i> <span class="action-name"> Thêm vào giỏ </span> </button> <a href="/products/kem-duong-mat-giam-tham-obagi-clinical-vitamin-c-eye-brightener" data-handle="kem-duong-mat-giam-tham-obagi-clinical-vitamin-c-eye-brightener" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1021782309"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/kem-duong-mat-giam-tham-obagi-clinical-vitamin-c-eye-brightener" title="Kem dưỡng mắt giảm thâm Obagi Clinical Vitamin C Eye Brightener">Kem dưỡng mắt giảm thâm Obagi Clinical Vitamin C Eye Brightener</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1021782309"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">1,760,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1021782300" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/kem-duong-chong-lao-hoa-obagi-clinical-retinol-0-5-retexturizing-cream" title="Kem dưỡng chống lão hóa Obagi Clinical Retinol 0.5 Retexturizing Cream"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-clinical-retinol-0-5-retexturizing-cream-362032300078-_d1e0aa737fa04161b979e97371d607db_large.jpg" alt="Kem dưỡng chống lão hóa Obagi Clinical Retinol 0.5 Retexturizing Cream"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/obagi-clinical-retinol-0-5-retexturizing-cream-362032300078-__2__6dc727b62dd9449f8c8600a4c4fe76b7_large.jpg" alt="Kem dưỡng chống lão hóa Obagi Clinical Retinol 0.5 Retexturizing Cream"> </a> <input type="hidden" name="id" value="1044130751" /> <div class="action-bar"> <button class="action-child btn add_to_cart active " > <i class="fas fa-shopping-cart"></i> <span class="action-name"> Thêm vào giỏ </span> </button> <a href="/products/kem-duong-chong-lao-hoa-obagi-clinical-retinol-0-5-retexturizing-cream" data-handle="kem-duong-chong-lao-hoa-obagi-clinical-retinol-0-5-retexturizing-cream" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1021782300"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/kem-duong-chong-lao-hoa-obagi-clinical-retinol-0-5-retexturizing-cream" title="Kem dưỡng chống lão hóa Obagi Clinical Retinol 0.5 Retexturizing Cream">Kem dưỡng chống lão hóa Obagi Clinical Retinol 0.5 Retexturizing Cream</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1021782300"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">1,520,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1021782288" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/tinh-chat-duong-trang-da-obagi-clinical-vitamin-c-arbutin-brightening" title="Tinh chất dưỡng trắng da OBAGI CLINICAL Vitamin C+ Arbutin Brightening Serum"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/chai__2__e07f2a24449e4c9c9868f89d3d0b040f_large.jpg" alt="Tinh chất dưỡng trắng da OBAGI CLINICAL Vitamin C+ Arbutin Brightening Serum"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/s2155448-main-zoom_copy_bb96bdd77d4b41c2ac8d264cc38ebc1b_large.jpg" alt="Tinh chất dưỡng trắng da OBAGI CLINICAL Vitamin C+ Arbutin Brightening Serum"> </a> <input type="hidden" name="id" value="1044130731" /> <div class="action-bar"> <button class="action-child btn add_to_cart active " > <i class="fas fa-shopping-cart"></i> <span class="action-name"> Thêm vào giỏ </span> </button> <a href="/products/tinh-chat-duong-trang-da-obagi-clinical-vitamin-c-arbutin-brightening" data-handle="tinh-chat-duong-trang-da-obagi-clinical-vitamin-c-arbutin-brightening" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1021782288"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/tinh-chat-duong-trang-da-obagi-clinical-vitamin-c-arbutin-brightening" title="Tinh chất dưỡng trắng da OBAGI CLINICAL Vitamin C+ Arbutin Brightening Serum">Tinh chất dưỡng trắng da OBAGI CLINICAL Vitamin C+ Arbutin Brightening Serum</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1021782288"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">2,550,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> <div class="col-6 col-sm-3 col-md-3 col-lg-3 product-col"> <div class="item_product_main"> <form action="/cart/add" method="post" class="variants product-action" data-id="product-actions-1021767056" enctype="multipart/form-data"> <div class="product-thumbnail pos-relative"> <a class="image_thumb pos-relative embed-responsive embed-responsive-1by1" href="/products/serum-cap-nuoc-duong-am-phuc-hoi-da-obagi-daily-hydro-drops" title="Serum cấp nước dưỡng ẩm phục hồi da Obagi Daily Hydro-Drops"> <img loading="lazy" class='img-fetured' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/ydro-drops-362032090016-product-front-9d215e84fa78bb1c8cc2a8a0a9e2734e_03e1a18246ce4a80a6e45a4dd2209cfb_large.png" alt="Serum cấp nước dưỡng ẩm phục hồi da Obagi Daily Hydro-Drops"> <img loading="lazy" class='product-thumbnail__img product-thumbnail__img--secondary' width="480" height="480" style="--image-scale: 1;" src="//product.hstatic.net/1000241635/product/rops-362032090016-product-lifestyle-2-7d0d0432d060f5787d9287004c28ee35_c1b4dfc7a8c9464f8850919c997acb24_large.png" alt="Serum cấp nước dưỡng ẩm phục hồi da Obagi Daily Hydro-Drops"> </a> <input type="hidden" name="id" value="1044094826" /> <div class="action-bar"> <a href="/products/serum-cap-nuoc-duong-am-phuc-hoi-da-obagi-daily-hydro-drops" class="action-child btn-circle btn-views btn_view btn right-to m-0"> <i class="fas fa-shopping-cart"></i> <span class="action-name">Tùy chọn</span> </a> <a href="/products/serum-cap-nuoc-duong-am-phuc-hoi-da-obagi-daily-hydro-drops" data-handle="serum-cap-nuoc-duong-am-phuc-hoi-da-obagi-daily-hydro-drops" class="action-child xem_nhanh btn-circle btn-views btn_view btn right-to quick-view"> <i class="fas fa-eye"></i> <span class="action-name">Xem nhanh</span> </a> </div> <div class="label_product product_gift_label hidden" data-id="1021767056"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" loading='lazy' width='20' height='20' alt="product gift"> </div> </div> <div class="product-info"> <div class="product-name" style="--linelimit: 3;--heightLimit: 65px"> <a class="link" href="/products/serum-cap-nuoc-duong-am-phuc-hoi-da-obagi-daily-hydro-drops" title="Serum cấp nước dưỡng ẩm phục hồi da Obagi Daily Hydro-Drops">Serum cấp nước dưỡng ẩm phục hồi da Obagi Daily Hydro-Drops</a> </div> <div class="product-rating"> <div class="haravan-product-reviews-badge" data-id="1021767056"> </div> </div> <div class="product-item-cta position-relative" > <div class="price-box"> <span class="price">2,400,000₫</span> </div> </div> <div class="item-color-chosen"> </div> </div> </form> </div> </div> </div> <div class="section pagenav"> <nav class="clearfix relative nav_pagi w_100"> <ul class="pagination clearfix float-right"> <li class="page-item disabled"><a class="page-link" href="#"><i class="fa fa-angle-left"></i></a></li> <li class="active page-item disabled"><a class="page-link" href="javascript:;">1</a></li> <li class="page-item"><a class="page-link" href="/collections/all?page=2">2</a></li> <li class="page-item"><a class="page-link" href="/collections/all?page=3">3</a></li> <li class="page-item"><a class="page-link" href="javascript:;">…</a></li> <li class="page-item"><a class="page-link" href="/collections/all?page=5">5</a></li> <li class="page-item hidden-xs"><a class="page-link" href="/collections/all?page=2"><i class="fa fa-angle-right" aria-hidden="true"></i> </a></li> </ul> </nav> <script> var cuPage = 1 </script> </div> </div> </div> </div> </div> </div> </div> </section> <section class="section container" id="recent-view-coll"> <div class="title_module section heading-bar d-flex justify-content-between align-items-center" > <h2 class="bf_flower heading-bar__title" > SẢN PHẨM ĐÃ XEM </h2> </div> <link rel="preload" as='style' type="text/css" href="//theme.hstatic.net/1000241635/1001061192/14/recentview.css?v=217"> <link rel="stylesheet" href="//theme.hstatic.net/1000241635/1001061192/14/recentview.css?v=217"> <div class="recent-view-list row"></div> <script> let data = [] function getProductByView(handle){ return $.ajax({ url: `/products/${handle}?view=product-item`, success: function(res){ data.push(res) } }) } function renderRecentView(data,query){ if(data && data.length){ let wrapper = $(query).find('.recent-view-list'); data = data.map(item =>{ return `<div class="product-col"> ${item} </div>` }).join('') wrapper.html(data) typeof productsCallback == 'function' && productsCallback() window.matchMedia('(min-width: 768px)').matches && wrapper.find('.item_product_main').length >= 5 && $(`${query} .recent-view-list:not(.slick-initialized)`).slick({ autoplay: false, autoplaySpeed: 6000, dots: false, arrows: true, infinite: false, speed: 300, slidesToShow: 5, slidesToScroll: 5, centerMode: false, responsive: [ { breakpoint: 1200, settings: { slidesToShow: 5, slidesToScroll: 5 } }, { breakpoint: 991, settings: { slidesToShow: 5, slidesToScroll: 1 } }, { breakpoint: 767, settings: { slidesToShow: 2, slidesToScroll: 2 } } ] }); }else{ $(query).remove() } } function getRecentView(query){ try{ let storage = JSON.parse(localStorage.getItem('recentProduct')) || [] if(storage && storage.length && Array.isArray(storage)){ // $.when.apply($, my_array).then( ___ ) let getProductArr = storage.map((handle)=>getProductByView(handle)); $.when.apply($,getProductArr ).then( ()=>{ renderRecentView(data,query) },()=>{ renderRecentView(data,query) } ) }else{ $(query).remove() } }catch(e){ console.log(e) } } if(typeof getRecentView != 'undefined'){ getRecentView('#recent-view-coll') } </script></section> <script> var colName = "Tất cả sản phẩm"; var colId = 0; var selectedViewData = "data"; let colSortBy = "created-descending"; if(["price-ascending","price-descending","title-ascending","title-descending"].includes(colSortBy)){ switch(colSortBy) { case "price-ascending": colSortBy = "price-asc" break; case "price-descending": colSortBy = "price-desc" break; case "title-ascending": colSortBy = "alpha-asc" break; case "title-descending": colSortBy = "alpha-desc" break; default: colSortBy = colSortBy } $("select.content_ul").val(colSortBy); } </script> <footer> <div class="mid-footer"> <div class="container"> <div class="row"> <div class="col-lg-3"> <div class="footer-block footer-click"> <div class="single-contact"> <i class="fa fa-map-marker-alt"></i> <div class="content">Địa chỉ: <span><br>Nhập khẩu bởi:<br> Công ty TNHH XNK Dương Minh<br> 412 Nguyễn Thị Minh Khai, Phường 05, Quận 3, Thành phố Hồ Chí Minh, Việt Nam<br> Phân phối bởi:<br> Công Ty TNHH Obagi Medical Việt Nam<br> MST: 0317174340<br> 2A Nguyễn Thị Minh Khai, Phường Đa Kao, Quận 1, TPHCM<br> Hotline: 079.555.3434</span> </div> </div> <div class="single-contact"> <i class="fa fa-mobile-alt"></i> <div class="content"> Số điện thoại: <a class="link" title="028.3622.5532" href="tel:028.3622.5532">028.3622.5532</a> </div> </div> <div class="single-contact"> <i class="fa fa-envelope"></i> <div class="content"> Email: <a title="[email protected]" class="link" href="mailto:[email protected]">[email protected]</a> </div> </div> <div id="copyright" class="fot_copyright mt-3"> <span class="wsp"> © Bản quyền thuộc về <a href="https://egany.com" rel="nofollow" target="_blank">EGANY</a> </span> </div> </div> </div> <div class="col-lg-9"> <div class="row"> <div class="col-lg-4"> <div class="footer-block footer-click"> <h3 class="footer-title title-menu clicked"> CHÍNH SÁCH <i class="fa fa-angle-down d-md-none d-inline-block"></i> </h3> <ul class="list-menu toggle-mn" > <li class="li_menu"> <a class="link" href="/search" title="Tìm kiếm">Tìm kiếm</a> </li> <li class="li_menu"> <a class="link" href="/pages/chinh-sach-thanh-toan" title="Chính Sách Thanh Toán">Chính Sách Thanh Toán</a> </li> <li class="li_menu"> <a class="link" href="/pages/chinh-sach-van-chuyen" title="Chính Sách Vận Chuyển">Chính Sách Vận Chuyển</a> </li> <li class="li_menu"> <a class="link" href="/pages/chinh-sach-doi-tra" title="Chính Sách Đổi Trả và Hoàn Tiền">Chính Sách Đổi Trả và Hoàn Tiền</a> </li> <li class="li_menu"> <a class="link" href="/pages/chinh-sach-bao-mat" title="Chính Sách Bảo Mật">Chính Sách Bảo Mật</a> </li> <li class="li_menu"> <a class="link" href="/pages/chinh-sach-kiem-hang" title="Chính Sách Kiểm Hàng">Chính Sách Kiểm Hàng</a> </li> <li class="li_menu"> <a class="link" href="/pages/chinh-sach-bao-hanh" title="Chính Sách Bảo Hành">Chính Sách Bảo Hành</a> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="footer-block footer-click"> <h3 class="footer-title title-menu clicked"> HỖ TRỢ KHÁCH HÀNG <i class="fa fa-angle-down d-md-none d-inline-block"></i> </h3> <ul class="list-menu toggle-mn" > <li class="li_menu"> <a class="link" href="/pages/about-us" title="Giới thiệu">Giới thiệu</a> </li> <li class="li_menu"> <a class="link" href="/pages/lien-he" title="Liên hệ">Liên hệ</a> </li> <li class="li_menu"> <a class="link" href="/pages/tuyen-dung" title="Tuyển dụng">Tuyển dụng</a> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="footer-block footer-click"> <h3 class="footer-title title-menu">ĐĂNG KÝ NHẬN TIN</h3> <div class="form_register "> <div class="custom-input-group mb-3 form_newsletter form_newsletter_customer" > <form accept-charset='UTF-8' action='/account/contact' class='contact-form' method='post'> <input name='form_type' type='hidden' value='customer'> <input name='utf8' type='hidden' value='✓'> <div class="input-group"> <input type="hidden" id="newsletter-tags" name="contact[tags]" value="khách hàng tiềm năng, bản tin" /> <input class="form-control input-group-field " aria-label="Địa chỉ Email" type="email" placeholder="Nhập địa chỉ email" id="newsletter-email" name="contact[email]" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" required autocomplete="off" > <div class="input-group-btn btn-action"> <button class="h-100 btn text-white button_subscribe subscribe" type="submit" aria-label="Đăng ký nhận tin" name="subscribe">Đăng ký</button> </div> </div> <div class="sitebox-recaptcha hidden" > This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" target="_blank" rel="noreferrer">Privacy Policy</a> and <a href="https://policies.google.com/terms" target="_blank" rel="noreferrer">Terms of Service</a> apply. </div> <input id='921ec096d59d4436a300b101205c32ce' name='g-recaptcha-response' type='hidden'><noscript src='https://www.google.com/recaptcha/api.js?render=6LdD18MUAAAAAHqKl3Avv8W-tREL6LangePxQLM-'></noscript><noscript>grecaptcha.ready(function() {grecaptcha.execute('6LdD18MUAAAAAHqKl3Avv8W-tREL6LangePxQLM-', {action: 'submit'}).then(function(token) {document.getElementById('921ec096d59d4436a300b101205c32ce').value = token;});});</noscript></form> </div> </div> <ul class="follow_option d-flex flex-wrap align-items-center list-unstyled mt-2"> <li> <a class="facebook link" href="https://www.facebook.com/obagivietnamofficial" target="_blank" title="Theo dõi Facebook Obagi Medical Việt Nam"> <img src="//theme.hstatic.net/1000241635/1001061192/14/facebook.png?v=217" loading="lazy" width="32" height="32" alt="facebook"/> </a> </li> <li> <a class="zalo link" href="https://zalo.me/0795553434" target="_blank" title="Theo dõi zalo Obagi Medical Việt Nam"> <img src="//theme.hstatic.net/1000241635/1001061192/14/zalo.png?v=217" loading="lazy" width="32" height="32" alt="zalo"/> </a> </li> <li> <a class="instgram link" href="https://www.instagram.com/obagivietnam/" target="_blank" title="Theo dõi instgram Obagi Medical Việt Nam"> <img src="//theme.hstatic.net/1000241635/1001061192/14/instagram.png?v=217" loading="lazy" width="32" height="32" alt="instgram"/> </a> </li> <li> <a class="youtube link" href="https://www.youtube.com/channel/UChcVj-9uWySWURRseyTFsaw" target="_blank" title="Theo dõi youtube Obagi Medical Việt Nam"> <img src="//theme.hstatic.net/1000241635/1001061192/14/youtube.png?v=217" loading="lazy" width="36" height="36" alt="youtube"/> </a> </li> </ul> </div> </div> </div> <div class="row"> <div class="col-lg-4"> <a class="d-inline-block mt-3" target="_blank" href="http://online.gov.vn/Home/WebDetails/101120" title="Logo bộ công thương"> <img class="img-fluid" loading="lazy" src="//theme.hstatic.net/1000241635/1001061192/14/logo_bct.png?v=217" width="350" height="50" alt="Logo bộ công thương" /> </a> </div> <div class="col-lg-4"> <div class="trustbadge-wrap mt-4"> <div class="product-trustbadge d-flex flex-wrap align-items-center"> <a href="/collections/all" target="_blank" title="Phương thức thanh toán"> <img class=" img-fluid" loading="lazy" src="//theme.hstatic.net/1000241635/1001061192/14/footer_trustbadge.png?v=217" alt="Phương thức thanh toán" width="" height="" > </a> </div> </div> </div> </div> </div> </div> </div> </div> </footer> <script type="text/x-custom-template" data-template="navigation"> <nav> <ul class="navigation navigation-horizontal list-group list-group-flush scroll"> <li class="menu-item list-group-item"> <a href="/" class="menu-item__link" title="Trang chủ"> <span> Trang chủ</span> </a> </li> <li class="menu-item list-group-item"> <a href="/collections/all" class="menu-item__link" title="Sản phẩm"> <span> Sản phẩm</span> <i class='float-right' data-toggle-submenu> <svg class="icon" > <use xlink:href="#icon-arrow" /> </svg> </i> </a> <div class="submenu scroll mega-menu "> <div class='toggle-submenu d-lg-none d-xl-none'> <i class='mr-3'> <svg class="icon" style="transform: rotate(180deg)" > <use xlink:href="#icon-arrow" /> </svg> </i> <span>Sản phẩm </span> </div> <ul class="submenu__list container"> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/" title="Vấn đề da">Vấn đề da</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/nam-duong-trang" title="Nám - Tối màu">Nám - Tối màu</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/tri-mun" title="Da mụn">Da mụn</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/chong-lao-hoa-giam-nep-nhan" title="Chống lão hóa">Chống lão hóa</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/duong-am-phuc-hoi" title="Dưỡng ẩm - Phục hồi">Dưỡng ẩm - Phục hồi</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-dau-nhon" title="Giảm dầu nhờn">Giảm dầu nhờn</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/cham-soc-vung-co" title="Chống nhăn cho cổ">Chống nhăn cho cổ</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/chong-nhan-vung-mat" title="Chống nhăn vùng mắt">Chống nhăn vùng mắt</a> </span> </li> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/collections/all" title="Loại da">Loại da</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-thuong" title="Da thường">Da thường</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-dau" title="Da dầu">Da dầu</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-kho" title="Da khô">Da khô</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-hon-hop" title="Da hỗn hợp">Da hỗn hợp</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-nhay-cam" title="Da nhạy cảm">Da nhạy cảm</a> </span> </li> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/collections/all" title="Hoạt chất">Hoạt chất</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/tretinoin-1" title="Tretinoin/ Retinol/ Retinal">Tretinoin/ Retinol/ Retinal</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/arbutin" title="Arbutin">Arbutin</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/glycolic-acid-aha" title="Glycolic Acid (AHA)">Glycolic Acid (AHA)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/salicylic-acid-bha" title="Salicylic Acid (BHA)">Salicylic Acid (BHA)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/polyhydroxy-acid-pha" title="Polyhydroxy Acid (PHA)">Polyhydroxy Acid (PHA)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/benzoyl-peroxide-bpo" title="Benzoyl Peroxide (BPO)">Benzoyl Peroxide (BPO)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/l-ascorbic-acid" title="L-Ascorbic Acid (Vitamin C)">L-Ascorbic Acid (Vitamin C)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/niacinamide-b3" title="Niacinamide (B3)">Niacinamide (B3)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/hydroquinone" title="Hydroquinone">Hydroquinone</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/kinetin" title="Kinetin+">Kinetin+</a> </span> </li> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/" title="Loại sản phẩm">Loại sản phẩm</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/cho-da-mun" title="Cho da mụn">Cho da mụn</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/chong-oxy-hoa" title="Chống oxy hoá">Chống oxy hoá</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/kem-chong-nang-1" title="Kem chống nắng">Kem chống nắng</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/sua-rua-mat" title="Sữa rửa mặt">Sữa rửa mặt</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/toner" title="Toner">Toner</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/serum" title="Serum">Serum</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/tay-da-chet" title="Tẩy da chết">Tẩy da chết</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/duong-am" title="Dưỡng ẩm">Dưỡng ẩm</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/peel" title="Peel">Peel</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/duong-mat" title="Dưỡng da mắt">Dưỡng da mắt</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/duong-co" title="Dưỡng da cổ">Dưỡng da cổ</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/bo-san-pham" title="Bộ sản phẩm">Bộ sản phẩm</a> </span> </li> </ul> </div> </li> <li class="menu-item list-group-item"> <a href="/collections/all" class="menu-item__link" title="Dòng sản phẩm"> <span> Dòng sản phẩm</span> <i class='float-right' data-toggle-submenu> <svg class="icon" > <use xlink:href="#icon-arrow" /> </svg> </i> </a> <div class="submenu scroll default "> <div class='toggle-submenu d-lg-none d-xl-none'> <i class='mr-3'> <svg class="icon" style="transform: rotate(180deg)" > <use xlink:href="#icon-arrow" /> </svg> </i> <span>Dòng sản phẩm </span> </div> <ul class="submenu__list container"> <li class="submenu__item "> <a class="link" href="/collections/he-thong-tri-nam-hieu-qua-obagi-nu-derm-system" title="Nu-Derm System">Nu-Derm System</a> </li> <li class="submenu__item "> <a class="link" href="/collections/clenziderm-system" title="Clenziderm System">Clenziderm System</a> </li> <li class="submenu__item "> <a class="link" href="/collections/tretinoin" title="Tretinoin">Tretinoin</a> </li> <li class="submenu__item "> <a class="link" href="/collections/retinol" title="Retinol">Retinol</a> </li> <li class="submenu__item "> <a class="link" href="/collections/obagi-clinical" title="OBAGI CLINICAL">OBAGI CLINICAL</a> </li> <li class="submenu__item "> <a class="link" href="/collections/professional-c" title="Professional-C">Professional-C</a> </li> <li class="submenu__item "> <a class="link" href="/products/serum-cap-nuoc-duong-am-phuc-hoi-da-obagi-daily-hydro-drops" title="Daily Hydro-drops">Daily Hydro-drops</a> </li> <li class="submenu__item "> <a class="link" href="/collections/obagi-c-rx-system" title="Obagi-C Rx System">Obagi-C Rx System</a> </li> <li class="submenu__item "> <a class="link" href="/collections/blue-peels-radiance-kit" title="Peel">Peel</a> </li> <li class="submenu__item "> <a class="link" href="/collections/obagi360-system" title="Obagi360">Obagi360</a> </li> <li class="submenu__item "> <a class="link" href="/collections/hydrate-facial-moisturizers" title="Hydrate">Hydrate</a> </li> <li class="submenu__item "> <a class="link" href="/collections/suzanobagimd" title="SUZANOBAGIMD">SUZANOBAGIMD</a> </li> <li class="submenu__item "> <a class="link" href="/products/lotion-duong-da-toan-than-obagi-keraphine-body-smoothing-lotion" title="Kèraphine">Kèraphine</a> </li> <li class="submenu__item "> <a class="link" href="/collections/nu-cil" title="NU-CIL">NU-CIL</a> </li> <li class="submenu__item "> <a class="link" href="/collections/elastiderm" title="Elastiderm">Elastiderm</a> </li> <li class="submenu__item "> <a class="link" href="/collections/sun-shield" title="Sun Shield">Sun Shield</a> </li> </ul> </div> </li> <li class="menu-item list-group-item"> <a href="/blogs/news" class="menu-item__link" title="Blog"> <span> Blog</span> </a> </li> <li class="menu-item list-group-item"> <a href="https://obagimedical.com.vn/blogs/news/cach-kiem-tra-hang-obagi-that-o-viet-nam" class="menu-item__link" title="Phân biệt hàng chính hãng"> <span> Phân biệt hàng chính hãng</span> </a> </li> <li class="menu-item list-group-item"> <a href="/pages/lien-he" class="menu-item__link" title="Liên hệ"> <span> Liên hệ</span> </a> </li> </ul> </nav> </script> <script type="text/x-custom-template" data-template="menuMobile"> <div id="mobile-menu" class="scroll"> <div class='media d-flex user-menu'> <i class="fas fa-user-circle mr-3 align-self-center"></i> <div class="media-body d-md-flex flex-column "> <a rel="nofollow" href="/account/login" class="d-block" title="Tài khoản" > Tài khoản </a> <small> <a href="/account/login" title="Đăng nhập" class="font-weight: light"> Đăng nhập </a> </small> </div> </div> <div class="mobile-menu-body scroll"> <nav> <ul class="navigation navigation-horizontal list-group list-group-flush scroll"> <li class="menu-item list-group-item"> <a href="/" class="menu-item__link" title="Trang chủ"> <span> Trang chủ</span> </a> </li> <li class="menu-item list-group-item"> <a href="/collections/all" class="menu-item__link" title="Sản phẩm"> <span> Sản phẩm</span> <i class='float-right' data-toggle-submenu> <svg class="icon" > <use xlink:href="#icon-arrow" /> </svg> </i> </a> <div class="submenu scroll mega-menu "> <div class='toggle-submenu d-lg-none d-xl-none'> <i class='mr-3'> <svg class="icon" style="transform: rotate(180deg)" > <use xlink:href="#icon-arrow" /> </svg> </i> <span>Sản phẩm </span> </div> <ul class="submenu__list container"> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/" title="Vấn đề da">Vấn đề da</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/nam-duong-trang" title="Nám - Tối màu">Nám - Tối màu</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/tri-mun" title="Da mụn">Da mụn</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/chong-lao-hoa-giam-nep-nhan" title="Chống lão hóa">Chống lão hóa</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/duong-am-phuc-hoi" title="Dưỡng ẩm - Phục hồi">Dưỡng ẩm - Phục hồi</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-dau-nhon" title="Giảm dầu nhờn">Giảm dầu nhờn</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/cham-soc-vung-co" title="Chống nhăn cho cổ">Chống nhăn cho cổ</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/chong-nhan-vung-mat" title="Chống nhăn vùng mắt">Chống nhăn vùng mắt</a> </span> </li> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/collections/all" title="Loại da">Loại da</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-thuong" title="Da thường">Da thường</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-dau" title="Da dầu">Da dầu</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-kho" title="Da khô">Da khô</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-hon-hop" title="Da hỗn hợp">Da hỗn hợp</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/da-nhay-cam" title="Da nhạy cảm">Da nhạy cảm</a> </span> </li> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/collections/all" title="Hoạt chất">Hoạt chất</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/tretinoin-1" title="Tretinoin/ Retinol/ Retinal">Tretinoin/ Retinol/ Retinal</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/arbutin" title="Arbutin">Arbutin</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/glycolic-acid-aha" title="Glycolic Acid (AHA)">Glycolic Acid (AHA)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/salicylic-acid-bha" title="Salicylic Acid (BHA)">Salicylic Acid (BHA)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/polyhydroxy-acid-pha" title="Polyhydroxy Acid (PHA)">Polyhydroxy Acid (PHA)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/benzoyl-peroxide-bpo" title="Benzoyl Peroxide (BPO)">Benzoyl Peroxide (BPO)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/l-ascorbic-acid" title="L-Ascorbic Acid (Vitamin C)">L-Ascorbic Acid (Vitamin C)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/niacinamide-b3" title="Niacinamide (B3)">Niacinamide (B3)</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/hydroquinone" title="Hydroquinone">Hydroquinone</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/kinetin" title="Kinetin+">Kinetin+</a> </span> </li> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/" title="Loại sản phẩm">Loại sản phẩm</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/cho-da-mun" title="Cho da mụn">Cho da mụn</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/chong-oxy-hoa" title="Chống oxy hoá">Chống oxy hoá</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/kem-chong-nang-1" title="Kem chống nắng">Kem chống nắng</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/sua-rua-mat" title="Sữa rửa mặt">Sữa rửa mặt</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/toner" title="Toner">Toner</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/serum" title="Serum">Serum</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/tay-da-chet" title="Tẩy da chết">Tẩy da chết</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/duong-am" title="Dưỡng ẩm">Dưỡng ẩm</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/peel" title="Peel">Peel</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/duong-mat" title="Dưỡng da mắt">Dưỡng da mắt</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/duong-co" title="Dưỡng da cổ">Dưỡng da cổ</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/bo-san-pham" title="Bộ sản phẩm">Bộ sản phẩm</a> </span> </li> </ul> </div> </li> <li class="menu-item list-group-item"> <a href="/collections/all" class="menu-item__link" title="Dòng sản phẩm"> <span> Dòng sản phẩm</span> <i class='float-right' data-toggle-submenu> <svg class="icon" > <use xlink:href="#icon-arrow" /> </svg> </i> </a> <div class="submenu scroll default "> <div class='toggle-submenu d-lg-none d-xl-none'> <i class='mr-3'> <svg class="icon" style="transform: rotate(180deg)" > <use xlink:href="#icon-arrow" /> </svg> </i> <span>Dòng sản phẩm </span> </div> <ul class="submenu__list container"> <li class="submenu__item "> <a class="link" href="/collections/he-thong-tri-nam-hieu-qua-obagi-nu-derm-system" title="Nu-Derm System">Nu-Derm System</a> </li> <li class="submenu__item "> <a class="link" href="/collections/clenziderm-system" title="Clenziderm System">Clenziderm System</a> </li> <li class="submenu__item "> <a class="link" href="/collections/tretinoin" title="Tretinoin">Tretinoin</a> </li> <li class="submenu__item "> <a class="link" href="/collections/retinol" title="Retinol">Retinol</a> </li> <li class="submenu__item "> <a class="link" href="/collections/obagi-clinical" title="OBAGI CLINICAL">OBAGI CLINICAL</a> </li> <li class="submenu__item "> <a class="link" href="/collections/professional-c" title="Professional-C">Professional-C</a> </li> <li class="submenu__item "> <a class="link" href="/products/serum-cap-nuoc-duong-am-phuc-hoi-da-obagi-daily-hydro-drops" title="Daily Hydro-drops">Daily Hydro-drops</a> </li> <li class="submenu__item "> <a class="link" href="/collections/obagi-c-rx-system" title="Obagi-C Rx System">Obagi-C Rx System</a> </li> <li class="submenu__item "> <a class="link" href="/collections/blue-peels-radiance-kit" title="Peel">Peel</a> </li> <li class="submenu__item "> <a class="link" href="/collections/obagi360-system" title="Obagi360">Obagi360</a> </li> <li class="submenu__item "> <a class="link" href="/collections/hydrate-facial-moisturizers" title="Hydrate">Hydrate</a> </li> <li class="submenu__item "> <a class="link" href="/collections/suzanobagimd" title="SUZANOBAGIMD">SUZANOBAGIMD</a> </li> <li class="submenu__item "> <a class="link" href="/products/lotion-duong-da-toan-than-obagi-keraphine-body-smoothing-lotion" title="Kèraphine">Kèraphine</a> </li> <li class="submenu__item "> <a class="link" href="/collections/nu-cil" title="NU-CIL">NU-CIL</a> </li> <li class="submenu__item "> <a class="link" href="/collections/elastiderm" title="Elastiderm">Elastiderm</a> </li> <li class="submenu__item "> <a class="link" href="/collections/sun-shield" title="Sun Shield">Sun Shield</a> </li> </ul> </div> </li> <li class="menu-item list-group-item"> <a href="/blogs/news" class="menu-item__link" title="Blog"> <span> Blog</span> </a> </li> <li class="menu-item list-group-item"> <a href="https://obagimedical.com.vn/blogs/news/cach-kiem-tra-hang-obagi-that-o-viet-nam" class="menu-item__link" title="Phân biệt hàng chính hãng"> <span> Phân biệt hàng chính hãng</span> </a> </li> <li class="menu-item list-group-item"> <a href="/pages/lien-he" class="menu-item__link" title="Liên hệ"> <span> Liên hệ</span> </a> </li> </ul> </nav> </div> <div class="mobile-menu-footer border-top w-100 d-flex align-items-center text-center"> <div class="hotline w-50 p-2 "> <a href="tel:028.3622.5532" title="028.3622.5532"> Gọi điện <i class="fas fa-phone ml-3"></i> </a> </div> <div class="messenger border-left p-2 w-50 border-left"> <a href="https://m.me/obagivietnamofficial" title="https://m.me/obagivietnamofficial"> Nhắn tin <i class="fab fa-facebook-messenger ml-3"></i> </a> </div> </div> </div> <div class='menu-overlay'> </div> </script> <svg style="display:none"> <defs> <symbol class="icon " id="icon-cart" viewBox="0 0 16 19" fill="none" ><path d="M15.594 16.39a.703.703 0 0 1-.703.704h-.704v.703a.703.703 0 0 1-1.406 0v-.703h-.703a.703.703 0 0 1 0-1.407h.703v-.703a.703.703 0 1 1 1.406 0v.704h.704c.388 0 .703.314.703.703Zm0-10.968v6.75a.703.703 0 0 1-1.406 0V6.125H12.78v2.11a.703.703 0 1 1-1.406 0v-2.11h-6.75v2.11a.703.703 0 1 1-1.406 0v-2.11H1.813v10.969h7.453a.703.703 0 1 1 0 1.406H1.109a.703.703 0 0 1-.703-.703V5.422c0-.388.315-.703.703-.703h2.143A4.788 4.788 0 0 1 8 .5a4.788 4.788 0 0 1 4.748 4.219h2.143c.388 0 .703.315.703.703Zm-4.266-.703A3.38 3.38 0 0 0 8 1.906 3.38 3.38 0 0 0 4.672 4.72h6.656Z" fill="currentColor"/></symbol> </defs> </svg> <svg style="display:none"> <defs> <symbol id="icon-minus" class="icon icon-minus" viewBox="0 0 16 2" fill="none" > <path d="M15.375 0H0.625C0.279813 0 0 0.279813 0 0.625C0 0.970187 0.279813 1.25 0.625 1.25H15.375C15.7202 1.25 16 0.970187 16 0.625C16 0.279813 15.7202 0 15.375 0Z" fill="#8C9196"/> </symbol> </defs> </svg> <svg style="display:none"> <defs> <symbol id="icon-plus" class="icon icon-plus" viewBox="0 0 93.562 93.562" fill="none" > <path d="M87.952,41.17l-36.386,0.11V5.61c0-3.108-2.502-5.61-5.61-5.61c-3.107,0-5.61,2.502-5.61,5.61l0.11,35.561H5.61 c-3.108,0-5.61,2.502-5.61,5.61c0,3.107,2.502,5.609,5.61,5.609h34.791v35.562c0,3.106,2.502,5.61,5.61,5.61 c3.108,0,5.61-2.504,5.61-5.61V52.391h36.331c3.108,0,5.61-2.504,5.61-5.61C93.562,43.672,91.032,41.17,87.952,41.17z" fill="currentColor"/> </symbol> </defs> </svg> <svg style="display:none"> <defs> <symbol class="icon icon-arrow" id="icon-arrow" viewBox="0 0 490.8 490.8" fill="none" aria-hidden="true" focusable="false" role="presentation"> <path d="M135.685 3.128c-4.237-4.093-10.99-3.975-15.083.262-3.992 4.134-3.992 10.687 0 14.82l227.115 227.136-227.136 227.115c-4.237 4.093-4.354 10.845-.262 15.083 4.093 4.237 10.845 4.354 15.083.262.089-.086.176-.173.262-.262l234.667-234.667c4.164-4.165 4.164-10.917 0-15.083L135.685 3.128z" fill="currentColor"/> <path d="M128.133 490.68a10.667 10.667 0 01-7.552-18.219l227.136-227.115L120.581 18.232c-4.171-4.171-4.171-10.933 0-15.104 4.171-4.171 10.933-4.171 15.104 0l234.667 234.667c4.164 4.165 4.164 10.917 0 15.083L135.685 487.544a10.663 10.663 0 01-7.552 3.136z"/> </symbol> </defs> </svg> <svg style="display:none"> <defs> <symbol id="icon-search" class="icon icon-search" viewBox="0 0 192.904 192.904"> <path d="M190.707 180.101l-47.078-47.077c11.702-14.072 18.752-32.142 18.752-51.831C162.381 36.423 125.959 0 81.191 0 36.422 0 0 36.423 0 81.193c0 44.767 36.422 81.187 81.191 81.187 19.688 0 37.759-7.049 51.831-18.751l47.079 47.078a7.474 7.474 0 005.303 2.197 7.498 7.498 0 005.303-12.803zM15 81.193C15 44.694 44.693 15 81.191 15c36.497 0 66.189 29.694 66.189 66.193 0 36.496-29.692 66.187-66.189 66.187C44.693 147.38 15 117.689 15 81.193z"/> </symbol> </defs> </svg> <svg style="display:none"> <defs> <symbol id="icon-play" viewBox="0 0 18 18" fill="currentColor"> <path d="M15.562 8.1L3.87.225c-.818-.562-1.87 0-1.87.9v15.75c0 .9 1.052 1.462 1.87.9L15.563 9.9c.584-.45.584-1.35 0-1.8z" fill="currentColor"></path> </symbol> </defs> </svg> <svg style="display:none"> <defs> <symbol id="icon-user" fill="currentColor" stroke="currentColor" viewBox="0 0 448 512"> <path d="M313.6 304c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 304 0 364.2 0 438.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-25.6c0-74.2-60.2-134.4-134.4-134.4zM400 464H48v-25.6c0-47.6 38.8-86.4 86.4-86.4 14.6 0 38.3 16 89.6 16 51.7 0 74.9-16 89.6-16 47.6 0 86.4 38.8 86.4 86.4V464zM224 288c79.5 0 144-64.5 144-144S303.5 0 224 0 80 64.5 80 144s64.5 144 144 144zm0-240c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z"></path> </symbol> </defs> </svg> <svg style="display:none"> <defs> <symbol id="icon-star" viewBox="0 0 26 28"> <path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path> </symbol> </defs> </svg> <svg style="display:none"> <defs> <symbol id="icon-star-half" viewBox="0 0 26 28"> <path d="M18.531 14.953l4.016-3.906-6.594-0.969-0.469-0.938-2.484-5.031v15.047l0.922 0.484 4.969 2.625-0.938-5.547-0.187-1.031zM25.594 10.859l-5.672 5.531 1.344 7.812c0.109 0.688-0.141 1.094-0.625 1.094-0.172 0-0.391-0.063-0.625-0.187l-7.016-3.687-7.016 3.687c-0.234 0.125-0.453 0.187-0.625 0.187-0.484 0-0.734-0.406-0.625-1.094l1.344-7.812-5.688-5.531c-0.672-0.672-0.453-1.328 0.484-1.469l7.844-1.141 3.516-7.109c0.203-0.422 0.484-0.641 0.766-0.641v0c0.281 0 0.547 0.219 0.766 0.641l3.516 7.109 7.844 1.141c0.938 0.141 1.156 0.797 0.469 1.469z"></path> </symbol> </defs> </svg> <svg style="display:none"> <defs> <symbol id="icon-instagram" viewBox="0 0 448 512"> <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path> </symbol> </defs> </svg> <svg style="display:none"> <defs> <symbol id="icon-share" width="14" height="16" fill="none" viewBox="0 0 14 16"> <path fill="#000" d="M11 10c.8333 0 1.5417.2917 2.125.875.5833.5833.875 1.2917.875 2.125 0 .8333-.2917 1.5417-.875 2.125-.5833.5833-1.2917.875-2.125.875-.8333 0-1.54167-.2917-2.125-.875C8.29167 14.5417 8 13.8333 8 13c0-.3125.04167-.6146.125-.9062l-3.0625-1.9063C4.47917 10.7292 3.79167 11 3 11c-.83333 0-1.54167-.2917-2.125-.875C.291667 9.54167 0 8.83333 0 8c0-.83333.291667-1.54167.875-2.125C1.45833 5.29167 2.16667 5 3 5c.79167 0 1.47917.27083 2.0625.8125L8.125 3.90625C8.04167 3.61458 8 3.3125 8 3c0-.83333.29167-1.54167.875-2.125C9.45833.291667 10.1667 0 11 0c.8333 0 1.5417.291667 2.125.875C13.7083 1.45833 14 2.16667 14 3c0 .83333-.2917 1.54167-.875 2.125C12.5417 5.70833 11.8333 6 11 6c-.7917 0-1.47917-.27083-2.0625-.8125L5.875 7.09375c.1875.60417.1875 1.20833 0 1.8125l3.0625 1.90625C9.52083 10.2708 10.2083 10 11 10zm1.0625-8.0625C11.7708 1.64583 11.4167 1.5 11 1.5c-.4167 0-.7708.14583-1.0625.4375C9.64583 2.22917 9.5 2.58333 9.5 3s.14583.77083.4375 1.0625c.2917.29167.6458.4375 1.0625.4375.4167 0 .7708-.14583 1.0625-.4375.2917-.29167.4375-.64583.4375-1.0625s-.1458-.77083-.4375-1.0625zm-10.125 7.125C2.22917 9.35417 2.58333 9.5 3 9.5s.77083-.14583 1.0625-.4375S4.5 8.41667 4.5 8s-.14583-.77083-.4375-1.0625S3.41667 6.5 3 6.5s-.77083.14583-1.0625.4375S1.5 7.58333 1.5 8s.14583.77083.4375 1.0625zm8 5c.2917.2917.6458.4375 1.0625.4375.4167 0 .7708-.1458 1.0625-.4375.2917-.2917.4375-.6458.4375-1.0625 0-.4167-.1458-.7708-.4375-1.0625-.2917-.2917-.6458-.4375-1.0625-.4375-.4167 0-.7708.1458-1.0625.4375C9.64583 12.2292 9.5 12.5833 9.5 13c0 .4167.14583.7708.4375 1.0625z"></path> </symbol> </defs> </svg> <svg style="display:none"> <defs> <symbol id="icon-compare" fill="currentColor" viewBox="0 0 384 512"> <path fill="currentColor" d="M164 384h-44V48a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v336H28a12 12 0 0 0-8.73 20.24l68 72a12 12 0 0 0 17.44 0l68-72A12 12 0 0 0 164 384zm200.72-276.24l-68-72a12 12 0 0 0-17.44 0l-68 72A12 12 0 0 0 220 128h44v336a16 16 0 0 0 16 16h16a16 16 0 0 0 16-16V128h44a12 12 0 0 0 8.72-20.24z" class=""></path> </symbol> </defs> </svg> <svg style="display:none"> <defs> <symbol id="icon-calendar" viewBox="0 0 25.881 25.88"> <path id="Exclusão_32" data-name="Exclusão 32" d="M6150.835-12351.079h-17.79a4.047,4.047,0,0,1-4.043-4.042v-15.771a4.048,4.048,0,0,1,4.044-4.043h1.264v-1.012a1.014,1.014,0,0,1,1.011-1.012,1.014,1.014,0,0,1,1.012,1.011v1.013h4.547v-1.012a1.013,1.013,0,0,1,1.011-1.012,1.014,1.014,0,0,1,1.012,1.011v1.013h4.6v-1.012a1.012,1.012,0,0,1,1.011-1.011,1.013,1.013,0,0,1,1.012,1.011v1.012h1.315a4.048,4.048,0,0,1,4.044,4.042v15.773A4.05,4.05,0,0,1,6150.835-12351.079Zm-2.107-7.4a.974.974,0,0,0-.973.975.973.973,0,0,0,.973.969.971.971,0,0,0,.969-.97.972.972,0,0,0-.275-.707.969.969,0,0,0-.7-.293Zm-4.379,0a.973.973,0,0,0-.97.974.968.968,0,0,0,.283.687.97.97,0,0,0,.687.285.973.973,0,0,0,.973-.973.971.971,0,0,0-.276-.707.972.972,0,0,0-.7-.293Zm-4.76,0a.974.974,0,0,0-.973.975.973.973,0,0,0,.973.97.973.973,0,0,0,.97-.972.973.973,0,0,0-.274-.705.967.967,0,0,0-.7-.294Zm-4.38,0a.975.975,0,0,0-.973.975.973.973,0,0,0,.973.97.973.973,0,0,0,.974-.971.971.971,0,0,0-.275-.705.967.967,0,0,0-.7-.295Zm13.52-4.374a.972.972,0,0,0-.974.968.974.974,0,0,0,.973.974.972.972,0,0,0,.97-.973.962.962,0,0,0-.263-.727.971.971,0,0,0-.711-.3Zm-4.379,0a.97.97,0,0,0-.97.967.972.972,0,0,0,.97.976.976.976,0,0,0,.972-.975.969.969,0,0,0-.265-.726.971.971,0,0,0-.711-.3Zm-4.76,0a.972.972,0,0,0-.973.968.975.975,0,0,0,.973.974.973.973,0,0,0,.97-.974.969.969,0,0,0-.263-.725.969.969,0,0,0-.708-.306Zm-4.38,0a.972.972,0,0,0-.973.968.975.975,0,0,0,.973.974.971.971,0,0,0,.973-.973.969.969,0,0,0-.263-.726.97.97,0,0,0-.708-.306Zm13.519-4.381a.974.974,0,0,0-.973.973.974.974,0,0,0,.973.975.973.973,0,0,0,.969-.975.971.971,0,0,0-.28-.7.977.977,0,0,0-.695-.289Zm-4.379,0a.972.972,0,0,0-.969.973.971.971,0,0,0,.969.974.972.972,0,0,0,.973-.974.971.971,0,0,0-.281-.7.976.976,0,0,0-.7-.288Zm-4.76,0a.974.974,0,0,0-.973.973.975.975,0,0,0,.973.975.974.974,0,0,0,.971-.975.972.972,0,0,0-.279-.7.972.972,0,0,0-.693-.29Zm-4.379,0a.973.973,0,0,0-.973.973.974.974,0,0,0,.973.975.974.974,0,0,0,.973-.975.971.971,0,0,0-.28-.7.974.974,0,0,0-.693-.29Z" transform="translate(-6129.002 12376.958)" fill="currentColor"/> </symbol> </defs> </svg> <svg style="display:none"> <defs> <symbol id="icon-clock" viewBox="0 0 28.145 28.163"> <path id="União_49" data-name="União 49" d="M.4,10.781C1.864,4.681,6.792.6,13.385.021a13.276,13.276,0,0,1,3.692.308,15.16,15.16,0,0,1-.346,1.885,6.058,6.058,0,0,1-.682-.091,11.8,11.8,0,0,0-8.537,1.8,12.137,12.137,0,0,0,2.17,21.469,12.674,12.674,0,0,0,8.151.22,12.314,12.314,0,0,0,7.538-7.061c.1-.247.2-.4.24-.393s.453.165.909.347l.834.33-.11.287c-.063.158-.17.421-.236.595a14.559,14.559,0,0,1-4.145,5.371c-.165.132-.311.252-.327.271A15.556,15.556,0,0,1,18.8,27.353a14.471,14.471,0,0,1-4.74.81A14.076,14.076,0,0,1,.4,10.781ZM7.339,21.3a10.008,10.008,0,0,1,5.523-17c7.88-1.28,13.973,7.071,10.462,14.338a9.93,9.93,0,0,1-9.006,5.538A9.771,9.771,0,0,1,7.339,21.3ZM14.046,8.479c-.507.236-.5.158-.5,3.431v2.909l.685.748c1.019,1.114,3.893,3.928,4.066,3.979a.841.841,0,0,0,.992-1c-.04-.1-.973-1.093-2.079-2.2l-2-2.015-.024-2.677c-.02-2.9-.02-2.881-.4-3.126a.711.711,0,0,0-.4-.135.8.8,0,0,0-.34.086Zm12.037,7.6a2.655,2.655,0,0,1,.039-.543c.036-.287.063-.964.063-1.5,0-.747.02-.989.075-.992s.417-.039.838-.078.823-.084.89-.087c.24-.017.2,3.349-.039,3.5h-.018a18.522,18.522,0,0,1-1.848-.3Zm-.575-6.049c0-.013-.066-.165-.133-.346a13.968,13.968,0,0,0-.929-1.9c-.186-.311-.256-.481-.217-.521s.39-.278.787-.55.736-.494.74-.5a16.158,16.158,0,0,1,1.479,2.831l.123.333-.158.064c-.338.131-1.646.582-1.691.582ZM21.856,4.787a14.121,14.121,0,0,0-1.72-1.2l-.547-.323.351-.656c.189-.362.39-.744.444-.851.123-.235.079-.245.646.082,1.385.8,2.437,1.626,2.287,1.811-.248.315-1.161,1.331-1.193,1.331a1.381,1.381,0,0,1-.268-.194Z" transform="translate(-0.006 0)" fill="currentColor"/> </symbol> </defs> </svg> <link rel="preload" as="script" href="//hstatic.net/0/0/global/api.jquery.js"> <link rel="preload" as="script" href="//hstatic.net/0/0/global/option_selection.js"> <script src='//hstatic.net/0/0/global/api.jquery.js' type='text/javascript'></script> <script src='//hstatic.net/0/0/global/option_selection.js' type='text/javascript'></script> <div id="quick-view-product" class="quickview-product" style="display:none;"> <div class="quickview-overlay fancybox-overlay fancybox-overlay-fixed"></div> <div class="quick-view-product align-verticle"></div> <div id="quickview-modal" style="display:none;"> <div class="block-quickview primary_block details-product"> <div class="row"> <div class="product-left-column product-images col-xs-12 col-sm-4 col-md-4 col-lg-5 col-xl-6"> <div class="image-block large-image col_large_default"> <span class="view_full_size"> <a class="img-product d-block pos-relative embed-responsive embed-responsive-1by1" title="" href="javascript:;"> <img loading="lazy" src="https://mixcdn.egany.com/themes/assets/thumb/large/noimage.gif" id="product-featured-image-quickview" class="img-responsive product-featured-image-quickview" alt="quickview" /> </a> </span> <div class="loading-imgquickview" style="display:none;"></div> </div> <div class="more-view-wrapper clearfix"> <div class="thumbs_quickview owl_nav_custome1" id="thumbs_list_quickview"> <ul class="product-photo-thumbs quickview-more-views-owlslider not-thuongdq" id="thumblist_quickview"></ul> </div> </div> </div> <div class="product-center-column product-info product-item col-xs-12 col-sm-6 col-md-8 col-lg-7 col-xl-6 details-pro style_product style_border"> <div class="head-qv group-status"> <h3 class="qwp-name title-product">abc</h3> <div class="vend-qv group-status"> <div class="left_vend"> <div class="first_status d-inline-block">Thương hiệu: <span class="vendor_ status_name"></span> </div> <span class="line_tt ">|</span> <div class="top_sku first_status d-inline-block">Mã sản phẩm: <span class="sku_ status_name"></span> </div> </div> </div> </div> <input type='hidden' id='qv-product-tags'/> <div class="reviews_qv mt-2"> </div> <div class="quickview-info clearfix"> <span class="prices price-box"> <span class="price product-price"></span> <del class="old-price"></del> <span class="label_product"></span> </span> </div> <div class="product-description product-summary"> <div class="rte"> </div> </div> <form action="/cart/add" method="post" enctype="multipart/form-data" class="quick_option variants form-ajaxtocart form-product"> <span class="price-product-detail hidden" style="opacity: 0;"> <span class=""></span> </span> <select name='id' class="hidden" style="display:none"></select> <div class="form-group form_product_content"> <div class="count_btn_style quantity_wanted_p"> <div class="custom input_number_product soluong1"> <button class="btn_num btn num_1 button button_qty" onClick="var result = document.getElementById('quantity-detail'); var qtyqv = result.value; if( !isNaN( qtyqv ) && qtyqv > 1 ) result.value--;return false;"> <svg class="icon"> <use xlink:href="#icon-minus" /> </svg></button> <input type="text" id="quantity-detail" name="quantity" value="1" maxlength="2" class="form-control prd_quantity" onkeypress="if ( isNaN(this.value + String.fromCharCode(event.keyCode) )) return false;" onchange="if(this.value == 0)this.value=1;"> <button class="btn_num btn num_2 button button_qty" onClick="var result = document.getElementById('quantity-detail'); var qtyqv = result.value; if( !isNaN( qtyqv )) result.value++;return false;"> <svg class="icon"> <use xlink:href="#icon-plus" /> </svg> </button> </div> <div class="button_actions clearfix"> <button type="submit" class="btn_cool btn fix_add_to_cart ajax_addtocart btn_add_cart btn-cart add_to_cart_detail"> THÊM VÀO GIỎ </button> </div> </div> </div> </form> </div> </div> </div> <a title="Close" class="quickview-close close-window" href="javascript:;"><i class="fas fa-times"></i></a> </div> </div> <script type="text/javascript"> Haravan.doNotTriggerClickOnThumb = false; function changeImageQuickView(img, selector) { var src = $(img).attr("src"); src = src.replace("_compact", ""); var $videoEl = $(selector).parent(); if($(img).hasClass('video')) { $(selector).parent().find('img').hide() var codevideo = $(img).parent().data().videocode.split("_")[1]; var videoHtml = `<iframe class="img-responsive" width="560" height="315" src="https://www.youtube.com/embed/${codevideo}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>`; $videoEl.append(videoHtml); } else { $videoEl.find("iframe").remove(); $(selector).parent().find('img').show() $(selector).attr("src", src); } } function validate(evt) { var theEvent = evt || window.event; var key = theEvent.keyCode || theEvent.which; key = String.fromCharCode( key ); var regex = /[0-9]|\./; if( !regex.test(key) ) { theEvent.returnValue = false; if(theEvent.preventDefault) theEvent.preventDefault(); } } var selectCallbackQuickView = function(variant, selector) { $('#quick-view-product form').show(); var productItem = jQuery('.quick-view-product .product-item'), addToCart = productItem.find('.add_to_cart_detail'), installmentBtn = productItem.find('.btn-installment'), productPrice = productItem.find('.price'), comparePrice = productItem.find('.old-price'), discountLabel= productItem.find('.label_product'), form2 = jQuery('.soluong1'), status = productItem.find('.soluong'), sku = productItem.find('.sku_'), totalPrice = productItem.find('.total-price span'); if(variant && variant.sku ){ sku.text(variant.sku); }else{ sku.text('Đang cập nhật'); } if (variant && variant.available) { var form = jQuery('#' + selector.domIdPrefix).closest('form'); for (var i=0,length=variant.options.length; i<length; i++) { var radioButton = form.find('.swatch[data-option-index="' + i + '"] :radio[value="' + variant.options[i] +'"]'); if (radioButton.size()) { radioButton.get(0).checked = true; } } addToCart.removeClass('disabled').removeAttr('disabled'); addToCart.html(`THÊM VÀO GIỎ`).removeAttr('disabled'); if (variant.price / 100 >= +1000000) { installmentBtn.removeClass('hidden') addToCart.removeClass('is-full') } status.text('Còn hàng'); if(variant.price < 1){ $("#quick-view-product .price").html('Liên hệ'); $("#quick-view-product del, #quick-view-product .quantity_wanted_p").hide(); $("#quick-view-product .prices .old-price").hide(); discountLabel.hide() form2.hide(); }else{ productPrice.html(Haravan.formatMoney(variant.price, "{{amount}}₫")); if ( variant.compare_at_price > variant.price ) { comparePrice.html(Haravan.formatMoney(variant.compare_at_price, "{{amount}}₫")).show(); let save = variant.compare_at_price - variant.price; let savePerCent = Math.ceil(save / variant.compare_at_price * 100); if(savePerCent > 99){ savePerCent = 99 } if(savePerCent < 1){ savePerCent = 1 } discountLabel.html('-'+savePerCent+ "%").show() productPrice.addClass('on-sale'); } else { comparePrice.hide(); discountLabel.hide() productPrice.removeClass('on-sale'); } $(".quantity_wanted_p").show(); $(".input_qty_qv_").show(); form2.show(); } updatePricingQuickView(); /*begin variant image*/ if (variant && variant.featured_image) { var originalImage = $("#product-featured-image-quickview"); var newImage = variant.featured_image; var element = originalImage[0]; Haravan.Image.switchImage(newImage, element, function (newImageSizedSrc, newImage, element) { $('#thumblist_quickview img').each(function() { var parentThumbImg = $(this).parent(); var productImage = $(this).parent().data("image"); if (newImageSizedSrc.includes(productImage)) { $(this).parent().trigger('click'); return false; } }); }); $('#product-featured-image-quickview').attr('src',variant.featured_image.src); } } else { addToCart.addClass('disabled').attr('disabled', 'disabled'); addToCart.removeClass('hidden').addClass('btn_buy is-full').attr('disabled','disabled').html('<div class="disabled">Hết hàng</div>').show(); installmentBtn.addClass('hidden') status.text('Hết hàng'); $(".quantity_wanted_p").show(); if(variant){ if(variant.price < 1){ $("#quick-view-product .price").html('Liên hệ'); $("#quick-view-product del").hide(); //$("#quick-view-product .quantity_wanted_p").hide(); $("#quick-view-product .prices .old-price").hide(); discountLabel.hide() form2.hide(); comparePrice.hide(); discountLabel.hide(); productPrice.removeClass('on-sale'); addToCart.addClass('disabled').attr('disabled', 'disabled'); addToCart.removeClass('hidden').addClass('btn_buy is-full').attr('disabled','disabled').html('<div class="disabled">Hết hàng</div>').show(); installmentBtn.addClass('hidden') }else{ productPrice.html(Haravan.formatMoney(variant.price, "{{amount}}₫")); if ( variant.compare_at_price > variant.price ) { comparePrice.html(Haravan.formatMoney(variant.compare_at_price, "{{amount}}₫")).show(); productPrice.addClass('on-sale'); let save = variant.compare_at_price - variant.price; let savePerCent = Math.ceil(save / variant.compare_at_price * 100); if(savePerCent > 99){ savePerCent = 99 } if(savePerCent < 1){ savePerCent = 1 } discountLabel.html('-'+savePerCent+ "%").show() } else { comparePrice.hide(); productPrice.removeClass('on-sale'); $("#quick-view-product .prices .old-price").html(''); discountLabel.hide() } $(".input_qty_qv_").hide(); form2.hide(); addToCart.addClass('disabled').attr('disabled', 'disabled'); addToCart.removeClass('hidden').addClass('btn_buy is-full').attr('disabled','disabled').html('<div class="disabled">Hết hàng</div>').show(); installmentBtn.addClass('hidden') } }else{ $("#quick-view-product .price").html('Liên hệ'); $("#quick-view-product del").hide(); $("#quick-view-product .quantity_wanted_p").hide(); $("#quick-view-product .prices .old-price").hide(); discountLabel.hide() form2.hide(); comparePrice.hide(); discountLabel.hide(); productPrice.removeClass('on-sale'); addToCart.addClass('disabled').attr('disabled', 'disabled'); addToCart.removeClass('hidden').addClass('btn_buy is-full').attr('disabled','disabled').html('<div class="disabled">Hết hàng</div>').show(); installmentBtn.addClass('hidden') } } /*begin variant image*/ if (variant && variant.featured_image) { var originalImage = $("#product-featured-image-quickview"); var newImage = variant.featured_image; var element = originalImage[0]; Haravan.Image.switchImage(newImage, element, function (newImageSizedSrc, newImage, element) { $('#thumblist_quickview img').each(function() { var parentThumbImg = $(this).parent(); var productImage = $(this).parent().data("image"); if (newImageSizedSrc.includes(productImage)) { $(this).parent().trigger('click'); return false; } }); }); $('#product-featured-image-quickview').attr('src',variant.featured_image.src); } setColorQuickview(); }; if(typeof copyButton === 'undefined' && typeof codeCopy === 'undefined') { const copyButton = {"copiedText": "", "copyText": ""}; function codeCopy(el){ const copyText = copyButton.copyText; const copiedText = el.dataset.copiedText; const coupon = el.dataset.code; const _this = $(el); _this.html(`<span>${copiedText}</span>`); _this.addClass('disabled'); setTimeout(function() { _this.html(`<span>${copyText}</span>`); _this.removeClass('disabled'); }, 3000) navigator.clipboard.writeText(coupon); } } function setColorQuickview() { let colorHandle = $("#quick-view-product .swatch .color input:checked").parent().data().vhandle; let newImagesArr = []; if (productDetail.images && productDetail.images.length > 1) { productDetail.images.map(image => { if (image.indexOf(colorHandle) > -1) { newImagesArr.push(Haravan.resizeImage(image, 'large')); } }) } if (newImagesArr.length) { let $quicviewSlider = $("#thumblist_quickview"); $quicviewSlider.slick('unslick'); if ($(".quickview_slider_clone").length == 0) { $quicviewSlider.clone().removeClass().removeAttr('id').insertAfter('.quick-view-product .more-view-wrapper ul').addClass("quickview_slider_clone hidden"); } let htmlSlider = ""; let boolMainImg = false; $(".quickview_slider_clone").find("li").each(function(i, v) { let thumbQuickviewSrc = $(v).find("img").attr("src"); if (newImagesArr.includes(thumbQuickviewSrc)) { if (!boolMainImg) { $('#product-featured-image-quickview').attr('src', thumbQuickviewSrc); boolMainImg = true; } htmlSlider += $(v).wrap('<div/>').parent().html(); } }) $quicviewSlider.html(htmlSlider); $quicviewSlider.slick({ autoplay: true, autoplaySpeed: 6000, dots: false, arrows: false, infinite: true, speed: 300, slidesToShow: 4, slidesToScroll: 4 }).css("visibility", "visible") } } </script> <script> initQuickView(); var product = {}; var currentLinkQuickView = ''; var option1 = ''; var option2 = ''; function setButtonNavQuickview() { $("#quickview-nav-button a").hide(); $("#quickview-nav-button a").attr("data-index", ""); var listProducts = $(currentLinkQuickView).closest(".slide").find("a.quick-view"); if(listProducts.length > 0) { var currentPosition = 0; for(var i = 0; i < listProducts.length; i++) { if($(listProducts[i]).data("handle") == $(currentLinkQuickView).data("handle")) { currentPosition = i; break; } } if(currentPosition < listProducts.length - 1) { $("#quickview-nav-button .btn-next-product").show(); $("#quickview-nav-button .btn-next-product").attr("data-index", currentPosition + 1); } if(currentPosition > 0) { $("#quickview-nav-button .btn-previous-product").show(); $("#quickview-nav-button .btn-previous-product").attr("data-index", currentPosition - 1); } } $("#quickview-nav-button a").click(function() { $("#quickview-nav-button a").hide(); var indexLink = parseInt($(this).data("index")); if(!isNaN(indexLink) && indexLink >= 0) { var listProducts = $(currentLinkQuickView).closest(".slide").find("a.quick-view"); if(listProducts.length > 0 && indexLink < listProducts.length) { //$(".quickview-close").trigger("click"); $(listProducts[indexLink]).trigger("click"); } } }); } function initQuickView(){ $(document).on("click", "#thumblist_quickview li", function() { changeImageQuickView($(this).find("img:first-child"), ".product-featured-image-quickview"); $('#thumblist_quickview li').removeClass('active'); $(this).addClass('active'); }); $(document).on('click', '.quick-view', function(e) { if($(window).width() > 1025) { e.preventDefault(); const proImage = $(this).parents('.product-thumbnail').find('img:not(.product-frame)') const frame = $(this).parents('.product-thumbnail').find('.product-frame').clone() const badges = $(this).parents('.item_product_main').find('.product-badge').clone() const promoTag = $(this).parents('.item_product_main').find('.product-promo-tag').clone() const promotion = $(this).parents('.item_product_main').find('.product-promotion').html(); const reviewsRating = $(this).parents('.item_product_main').find('.product-rating').html(); $('#qv-ega-salebox').html(promotion); const copyButton = {"copiedText": "", "copyText": ""}; function convertCouponItem(content) { const regex = /\[(.*?)\]/gi content = content.replace(regex, function (str, innerString) { let code = innerString.split('=')[1].replace(/"/g,'').trim(); return `<span onClick="codeCopy(this)" class="smb-copy smb-cursor-pointer text-danger" data-code="${code}" data-copied-text="${copyButton.copiedText}">${copyButton.copyText}</span>` }) return content } const saleboxHtml = $("#qv-ega-salebox .product-promotion__heading").siblings().clone().wrap("<div/>").parent().html() const newContent = convertCouponItem(saleboxHtml); $("#qv-ega-salebox .product-promotion__heading").siblings().replaceWith(newContent); var producthandle = $(this).data("handle"); currentLinkQuickView = $(this); Haravan.getProduct(producthandle, function(product) { var qvhtml = $("#quickview-modal").html(); $(".quick-view-product").html(qvhtml); var quickview= $(".quick-view-product"); const tags = product.tags; quickview.find('#qv-product-tags').val(JSON.stringify(tags)); if(product.summary != null && product.summary !=""){ var productdes = product.summary; } var featured_image = product.featured_image && Haravan.resizeImage(product.featured_image, "large"); if(featured_image == null){ featured_image = 'https://mixcdn.egany.com/themes/assets/thumb/large/noimage.gif'; } // Reset current link quickview and button navigate in Quickview setButtonNavQuickview(); if(featured_image != null){ quickview.find(".view_full_size img").attr("src",featured_image); } const installmentBtn = jQuery('.quick-view-product .product-item').find('.btn-installment'); if (product.price / 100 >= +1000000) { installmentBtn.removeClass('hidden'); quickview.find(".add_to_cart_detail").removeClass('is-full') } else { installmentBtn.addClass('hidden'); quickview.find(".add_to_cart_detail").addClass('is-full') } if(product.price < 1 && product.variants.length < 2){ quickview.find(".price").html('Liên hệ'); quickview.find("del").html(''); quickview.find("#quick-view-product form").hide(); quickview.find(".prices").html('<span class="price h2">Liên hệ</span>'); quickview.find(".add_to_cart_detail span").html('Liên hệ'); installmentBtn.addClass('hidden'); quickview.find(".add_to_cart_detail").addClass('is-full') } else{ quickview.find("#quick-view-product form").show(); quickview.find(".price").html(Haravan.formatMoney(product.price, "{{amount_no_decimals_with_comma_separator}}₫" )); } quickview.find(".product-item").attr("id", "product-" + product.id); quickview.find(".qv-link").attr("href",product.url); quickview.find(".variants").attr("id", "product-actions-" + product.id); quickview.find(".variants select").attr("id", "product-select-" + product.id); quickview.find(".qwp-name").html('<a class="text2line" href="'+ product.url +'" title="'+product.title+'">'+product.title +'</a>'); quickview.find(".reviews_qv .text_revi").html('<a href="'+ product.url +'" title="Đánh giá '+product.title+'"><i class="fa fa-edit"></i> Đánh giá</a>'); if(product.vendor){ quickview.find(".vend-qv .vendor_").append(product.vendor); }else{ quickview.find(".vend-qv .vendor_").append("Đang cập nhật"); } if(product.variants.sku){ quickview.find("vend-qv .sku_").append(product.variants.sku); }else{ quickview.find(".vend-qv .sku_").append("Đang cập nhật"); } if(product.available){ if (product.variants[0].inventory_management == 'haravan') { quickview.find(".vend-qv .soluong").html('Còn hàng'); }else{ quickview.find(".vend-qv .soluong").html('Còn hàng'); } }else { quickview.find(".vend-qv .soluong").html('Hết hàng'); $('.soluong1').hide(); } quickview.find(".product-description .rte").html(productdes); quickview.find(".view-more").attr('href',product.url); if (product.compare_at_price_max > product.price) { quickview.find(".old-price").html(Haravan.formatMoney(product.compare_at_price_max, "{{amount_no_decimals_with_comma_separator}}₫" )).show(); let save = product.variants[0].compare_at_price - product.variants[0].price; let savePerCent = Math.ceil(save / product.variants[0].compare_at_price * 100); if(savePerCent > 99){ savePerCent = 99; } if(savePerCent < 1){ savePerCent = 1 } quickview.find('.label_product').html('-'+ savePerCent + "%").show() quickview.find(".price").addClass("sale-price") } else { quickview.find(".old-price").html(""); quickview.find('.label_product').hide() quickview.find(".price").removeClass("sale-price") } if (!product.available) { $(".quick-view-product form").show(); $(".quick-view-product .quantity_wanted_p").show(); quickViewVariantsSwatch(product, quickview); if (product.price < 1) { $('#quick-view-product form').hide(); } else { $('#quick-view-product form').show(); } $(".soluong_qv").hide(); $('.soluong1').hide(); quickview.find(".add_to_cart_detail").text("Hết hàng").addClass("disabled").attr("disabled", "disabled"); if (product.variants.length > 1) { quickview.find(".dec, .inc, .variants label").show(); quickview.find("select").hide(); } else { quickview.find("select,.dec, .inc, .variants label").hide(); } } else { quickViewVariantsSwatch(product, quickview); $(".quick-view-product .quantity_wanted_p").show(); if(product.variants.length > 1){ $('#quick-view-product form').show(); }else{ if(product.price < 1){ $('#quick-view-product form').hide(); }else{ $('#quick-view-product form').show(); } } } quickview.find('.more_info_block .page-product-heading li:first, .more_info_block .tab-content section:first').addClass('active'); $("#quick-view-product").modal(); $(".view_scroll_spacer").removeClass("hidden"); loadQuickViewSlider(product, quickview); $('.quick-view-product .product-frame').remove() if (frame && frame.length) { $('.quick-view-product .img-product').append(frame) } let imageScale = proImage.attr('style') $('img#product-featured-image-quickview').attr('style',imageScale) $('.quickview-info .product-badge').remove() if(badges && badges.length){ $('.quickview-info ').append(badges) } $('.quickview-info .product-promo-tag').remove() if(promoTag && promoTag.length) { $('.quickview-info').append(promoTag) } $('.reviews_qv').html(reviewsRating || '') //$('#thumblist_quickview li').eq(0).trigger('click') // Action setTimeout(function(){ var thumbLargeimg = $('.view_full_size .img-product #product-featured-image-quickview').attr('src'); var thumMedium = $('#thumbs_list_quickview .owl-item li').find('img:not(.product-frame)').attr('src'); if (thumbLargeimg == thumMedium) { $( "#thumbs_list_quickview .owl-item li" ).first().addClass( "active" ); } },2000); //initQuickviewAddToCart(); $(".quick-view").fadeIn(500); if ($(".quick-view .total-price").length > 0) { $(".quick-view input[name=quantity]").on("change", updatePricingQuickView) } updatePricingQuickView(); // Setup listeners to add/subtract from the input $(".js-qty__adjust").on("click", function() { var el = $(this), id = el.data("id"), qtySelector = el.siblings(".js-qty__num"), qty = parseInt(qtySelector.val().replace(/\D/g, '')); var qty = validateQty(qty); // Add or subtract from the current quantity if (el.hasClass("js-qty__adjust--plus")) { qty = qty + 1; } else { qty = qty - 1; if (qty <= 1) qty = 1; } // Update the input's number let variantId = $(`#product-select-${product.id} `).val() let validQty = validateQty(product,variantId, qty) validQty ? $('#qtym').val(validQty) : qtySelector.val(qty); updatePricingQuickView(); }); $(".js-qty__num").on("change", function() { updatePricingQuickView(); }); function onQtyChange(){ let qty = parseInt($('#quantity-detail').val()) let variantId = parseInt(quickview.find('[name="id"]').val()) let validQty = validateQty(product,variantId, qty) validQty ? $('#quantity-detail').val(validQty) : qty } quickview.find('.btn_num').click(onQtyChange) $('#quantity-detail').change(onQtyChange) }); var numInput = document.querySelector('.quantity_wanted_p input'); numInput.addEventListener('input', function(){ // Let's match only digits. var num = this.value.match(/^\d+$/); if (num === null) { // If we have no match, value will be empty. this.value = ""; } if (num ==0) { // If we have no match, value will be empty. this.value = 1; } }, false) return false; }else{ window.location.href = $(e.currentTarget).data('href') } }); } function loadQuickViewSlider(n, r) { productImage(); var loadingImgQuickView = $('.loading-imgquickview'); var s = Haravan.resizeImage(n.featured_image, "large"); var video_tags = n.tags.filter(function(v,i){return v.indexOf("video_") > -1}); var video_code = video_tags[0]; r.find(".quickview-featured-image").append('<a href="' + n.url + '"><img src="' + s + '" title="' + n.title + '"/><div style="height: 100%; width: 100%; top:0; left:0 z-index: 2000; position: absolute; display: none; background: url(' + window.loading_url + ') 50% 50% no-repeat;"></div></a>'); if (n.images.length > 1 || video_code) { $('.thumbs_quickview').addClass('thumbs_list_quickview'); var o = r.find(".more-view-wrapper ul"); var videoThumb = false for (i in n.images) { var u = Haravan.resizeImage(n.images[i], "large"); var a = Haravan.resizeImage(n.images[i], "large"); var f = '<li><a href="javascript:void(0)" data-imageid="' + n.id + '"" data-zoom-image="' + u + '" title="title"><img src="' + u + '" alt="Office World" /></a></li>'; if(u.indexOf("video") > -1 ){ videoThumb = true var icon_play = "//theme.hstatic.net/1000241635/1001061192/14/icon-button-play.png?v=217"; var f = '<li><a href="javascript:void(0)"' + 'data-videocode="' + video_code + '" data-imageid="' + n.id + '"" data-zoom-image="' + u + '" title="title"><img class="video" src="' + u + '" alt="Office World" /><img class="icon-button-play" src="' + icon_play + '" alt="video-play-button" /></a></li>'; }else{ var f = '<li><a href="javascript:void(0)" data-imageid="' + n.id + '"" data-zoom-image="' + u + '" title="title"><img src="' + u + '" alt="Office World" /></a></li>'; } if(u.indexOf("color-") == -1 ){ o.append(f) } } if(!videoThumb && video_code){ let code = video_code.split('_')[1] var u = `https://img.youtube.com/vi/${code}/mqdefault.jpg` var icon_play = "//theme.hstatic.net/1000241635/1001061192/14/icon-button-play.png?v=217"; var f = '<li><a href="javascript:void(0)"' + 'data-videocode="' + video_code + '" data-imageid="' + n.id + '"" data-zoom-image="' + u + '" title="title"><img class="video" src="' + u + '" alt="Office World" /><img class="icon-button-play" src="' + icon_play + '" alt="video-play-button" /></a></li>'; o.prepend(f) } o.find("a").click(function() { var t = r.find("#product-featured-image-quickview"); if (t.attr("src") != $(this).attr("data-image")) { t.attr("src", $(this).attr("data-image")); loadingImgQuickView.show(); t.load(function(t) { loadingImgQuickView.hide(); $(this).unbind("load"); loadingImgQuickView.hide() }) } }); o.slick({ autoplay: true, autoplaySpeed: 6000, dots: false, arrows: false, infinite: true, speed: 300, slidesToShow: 4, slidesToScroll: 4 }).css("visibility", "visible") } else { $('.thumbs_quickview').removeClass('thumbs_list_quickview'); r.find(".quickview-more-views").remove(); r.find(".quickview-more-view-wrapper-jcarousel").remove() } } function quickViewVariantsSwatch(t, quickview) { var v = '<input type="hidden" name="id" value="' + t.id + '">'; if (t.variants.length > 1) { quickview.find("form.variants").append(v); for (var r = 0; r < t.variants.length; r++) { var i = t.variants[r]; var s = '<option value="' + i.id + '">' + i.title + "</option>"; quickview.find("form.variants > select").append(s) } var ps = "product-select-" + t.id; new Haravan.OptionSelectors( ps, { product: t, onVariantSelected: selectCallbackQuickView }); if (t.options.length == 1) { quickview.find(".selector-wrapper:eq(0)").hide().prepend("<label>" + t.options[0].name + "</label>") } var options=""; for (var i = 0; i < t.options.length; i++) { options += '<div class="swatch clearfix" data-option-index="' + i + '">'; options += '<div class="header">' + t.options[i].name + ': </div>'; var is_color = false; if (/Color|Colour|Màu/i.test(t.options[i].name)) { is_color = true; } var optionValues = new Array(); for (var j = 0; j < t.variants.length; j++) { var variant = t.variants[j]; var value = variant.options[i]; var valueHandle = awe_convertVietnamese(value); var forText = 'swatch-' + i + '-' + valueHandle; if (optionValues.indexOf(value) < 0) { //not yet inserted options += '<div class="position-relative">' if (variant.featured_image != null) { options += '<div data-image="'+variant.featured_image.src+'" data-value="' + value + '" class="swatch-element ' + (is_color ? "color " : " ") + valueHandle + (variant.available ? ' available ' : ' soldout ') + '">'; } else { options += '<div '+ `data-vhandle="${valueHandle}"` + ' data-value="' + value + '" class="swatch-element ' + (is_color ? "color " : " ") + valueHandle + (variant.available ? ' available ' : ' soldout ') + '">'; } options += '<input id="' + forText + '" type="radio" name="option-' + i + '" value="' + value + '" ' + (j == 0 ? ' checked ' : '') + (variant.available ? '' : '') + ' />'; if (is_color) { let useVImg = true; let vImgPrefix = `color-${valueHandle}`; let vImgSrc = t.images.find(el => el.indexOf(vImgPrefix) > -1); if(variant.featured_image != null){ vImgSrc = variant.featured_image.src; options += '<label for="${forText}" class="${valueHandle}" style="background-image: url(' + vImgSrc + ');background-size: cover;"></label><span></span>' }else{ options += '<label for="' + forText + '" class="'+valueHandle+'" style="background-color: ' + valueHandle + '"></label><span></span>'; } } else { options += '<label for="' + forText + '">' + value + '</label>'; } options += '</div>'; if (is_color) { options += '<div class="tooltip">' + value + '</div>'; } options += '</div>'; if (variant.available) { //$('#quick-view-product .swatch[data-option-index="' + i + '"] .' + valueHandle).removeClass('soldout').addClass('available').find(':radio').removeAttr('disabled'); } optionValues.push(value); } } options += '</div>'; } quickview.find('form.variants > select').after(options); var chon = []; var qmoney = []; var qimage = []; var qid = []; quickview.find('.swatch :radio').change(function() { var optionIndex = $(this).closest('.swatch').attr('data-option-index'); var optionValue = $(this).val(); $(this) .closest('form') .find('.single-option-selector') .eq(optionIndex) .val(optionValue) .trigger('change'); var variant_id = $('.quickview-product select[name=id]').val(); var check = false; for (var i = 0; i < qid.length; i++){ if (qid[i] == variant_id){ var quantity = parseInt($('.quickview-product input[name=quantity]').val()); var totalPrice = qmoney[i] * quantity; var gia = Haravan.formatMoney(qmoney[i], window.money_format); var totalPriceText = Haravan.formatMoney(totalPrice, window.money_format); var totalPriceHtml = $('.quickview-product .price').html(); $('.quickview-product .total-price span').html(totalPriceText); $('.quickview-product .price').html(gia); currency(); if(qimage[i]){ $('.quickview-product .featured-image img').attr('src',qimage[i]); } } } for (var i = 0; i < chon.length; i++){ if (chon[i] == variant_id){ var check = true; } else{ } } if(check == true) { $('.quickview-product .btn-addToCart').attr('disabled','disabled'); $(".quickview-product .btn-addToCart").removeAttr("disabled"); } }); quickview.find("form.variants .selector-wrapper label").each(function(n, r) { $(this).html(t.options[n].name) }) } else { quickview.find("form.variants > select").remove(); var q = '<input type="hidden" name="id" value="' + t.variants[0].id + '">'; quickview.find("form.variants").append(q); } } function productImage() { $('#thumblist').slick({ autoplay: true, autoplaySpeed: 6000, dots: false, arrows: false, infinite: true, speed: 300, slidesToShow: 3, slidesToScroll: 3 }); if (!!$.prototype.fancybox){ $('li:visible .fancybox, .fancybox.shown').fancybox({ 'hideOnContentClick': true, 'openEffect' : 'elastic', 'closeEffect' : 'elastic' }); } } /* Quick View ADD TO CART */ function updatePricingQuickView() { //Currency.convertAll(window.shop_currency, $("#currencies a.selected").data("currency"), "span.money", "money_format") } function validate(evt) { var theEvent = evt || window.event; var key = theEvent.keyCode || theEvent.which; key = String.fromCharCode( key ); var regex = /[0-9]|\./; if( !regex.test(key) ) { theEvent.returnValue = false; if(theEvent.preventDefault) theEvent.preventDefault(); } } $(document).on('click', '.quickview-close, #quick-view-product .quickview-overlay, .fancybox-overlay', function(e){ $("#quick-view-product").fadeOut(0); $("#quick-view-product iframe").each(function(){ let currSrc = $(this).attr('src') $(this).attr('src',currSrc) }) awe_hidePopup(); $('#quick-view-product').modal('hide'); }); $(document).on('click', '.fix_add_to_cart', function(e) { e.preventDefault(); $('#quick-view-product').modal('hide'); var $this = $(this); var form = $this.parents('form'); var variantId = form.find("[name=id]").val(); var qtt = form.find("[name=quantity]").val(); $.ajax({ type: 'POST', url: '/cart/add.js', async: false, data: `id=${form.find('[name="id"]').eq(0).val()}&quantity=${form.find('input[name="quantity"]').val()}`, dataType: 'json', error: addToCartFail, beforeSend: function() { }, success: addToCartSuccess, cache: false }); }); </script> <script type="text/x-custom-template" data-template="ItemDropCart"> <li class="item productid-${id_item}"> <div class="border_list"><div class="image_drop"> <a class="product-image pos-relative embed-responsive embed-responsive-1by1" href="${url}" title="${title}"> <img loading="lazy" alt="${title}" src="${image_url}"width="'+ '100' +'"\> </a> </div> <div class="detail-item"> <div class="product-details"> <span href="javascript:;" data-id="${id_item}" title="Xóa" class="remove-item-cart fa fa-times"></span> <p class="product-name"> <a class="link" href="${url}" title="${title}">${title}</a></p></div> <span class="variant-title">${variant_title}</span> <div class="product-details-bottom"><span class="price">${price}</span> <span class="quanlity">x ${quanty}</span> <div class="quantity-select qty_drop_cart d-none"> <input class="variantID" type="hidden" name="id" value="${id_item}"> <button onClick="var result = document.getElementById('qty${id_item}'); var qty${id_item} = result.value; if( !isNaN( qty${id_item} ) && qty${id_item} > 1 ) result.value--;return false;" class="btn btn_reduced reduced items-count btn-minus" ${buttonQty} type="button">–</button> <input type="text" maxlength="3" min="1" readonly class="form-control input-text number-sidebar qty${id_item}" id="qty${id_item}" name="updates[]" id="updates_${id_item}" size="4" value="${quanty}"> <button onClick="var result = document.getElementById('qty${id_item}'); var qty${id_item} = result.value; if( !isNaN( qty${id_item} )) result.value++;return false;" class=" btn btn_increase increase items-count btn-plus" type="button">+</button> </div> </div> </div> </div> </li> </script> <script type="text/x-custom-template" data-template="HeaderCartPc"> <div class="cart page_cart hidden-xs hidden-sm row"> <form action="/cart" method="post" novalidate class="formcartpage col-lg-12 col-md-12 margin-bottom-0"> <div class="bg-scroll"> <div class="cart-thead"> <div style="width: 18%" class="a-center">Ảnh sản phẩm</div> <div style="width: 32%" class="a-center">Tên sản phẩm</div> <div style="width: 17%" class="a-center">Đơn giá</div> <div style="width: 14%" class="a-center">Số lượng</div> <div style="width: 14%" class="a-center">Thầnh tiền</div> <div style="width: 5%" class="a-center">Xóa</div> </div> <div class="cart-tbody"> </div> </div> </form> </div> </script> <script type="text/x-custom-template" data-template="pageCartCheckout"> <div class="col-lg-7 col-md-7"> <a href="/" class="form-cart-continue">Tiếp tục mua hàng</a> </div> <div class="col-lg-5 col-md-5"> <div class="section bg_cart shopping-cart-table-total"> <div class="table-total"> <table class="table"> <tr> <td coldspan="20" class="total-text">Tổng tiền thanh toán: </td> <td class="txt-right totals_price price_end a-right">${price_total}</td> </tr> </table> </div> </div> <div class="section continued"> <a href="/checkout" class="btn-checkout-cart button_checkfor_buy">Tiến hành thanh toán</a> </div> </div> </script> <script type="text/x-custom-template" data-template="pageCartItem"> <div class="item-cart productid-${id_item}"> <div style="width: 18%" class="image"> <a class="product-image a-left" title="${title}" href="${url}"> <img loading="lazy" width="75" height="auto" alt="${title}" src="${image_url}"> </a> </div> <div style="width: 32%" class="a-center"> <h3 class="product-name"> <a class="text2line link" href="${url}" title="${title}"> ${title}</a> </h3> <span class="variant-title">${variant_title}</span> <a class="remove-itemx remove-item-cart" title="Xóa" href="javascript:;" data-id="${id_item}"> <span><i class="fa fa-times"></i></span> </a> </div> <div style="width: 17%" class="a-center"> <span class="cart-prices"> <span class="prices">${price}</span> </span> </div> <div style="width: 14%" class="a-center"> <div class="input_qty_pr"> <input class="variantID" type="hidden" name="id" value="${id_item}"> <button onClick="var result = document.getElementById('qtyItem${id_item}'); var qtyItem${id_item} = result.value; if( !isNaN( qtyItem${id_item} ) && qtyItem${id_item} > 1 ) result.value--;return false;" ${buttonQty} class="reduced_pop items-count btn-minus" type="button">-</button> <input type="text" maxlength="3" readonly min="0" class="check_number_here input-text number-sidebar input_pop input_pop qtyItem${id_item}" id="qtyItem${id_item}" name="updates[]" id="updates_${id_item}" size="4" value="${quanty}"> <button onClick="var result = document.getElementById('qtyItem${id_item}'); var qtyItem${id_item} = result.value; if( !isNaN( qtyItem${id_item} )) result.value++;return false;" class="increase_pop items-count btn-plus" type="button">+</button> </div> </div> <div style="width: 14%" class="a-center"> <span class="cart-price"> <span class="price">${price_quanty}</span> </span> </div> <div style="width: 5%" class="a-center"> <a class="remove-itemx remove-item-cart" title="Xóa" href="javascript:;" data-id="${id_item}"> <span><i class="fa fa-trash-alt"></i></span> </a> </div> </div> </script> <script type="text/x-custom-template" data-template="ItemCartMobile"> <div class="item-product item productid-${id_item} "> <div class="text-center"> <a class="remove-itemx remove-item-cart " title="Xóa" href="javascript:;" data-id="${id_item}"> <svg class="icon" viewBox="0 0 12 12" fill="none" > <g clip-path="url(#clip0)"> <path d="M0.620965 12C0.462896 12 0.304826 11.9399 0.184729 11.8189C-0.0563681 11.5778 -0.0563681 11.1869 0.184729 10.9458L10.9497 0.180823C11.1908 -0.0602744 11.5817 -0.0602744 11.8228 0.180823C12.0639 0.421921 12.0639 0.8128 11.8228 1.05405L1.05795 11.8189C0.936954 11.9392 0.778884 12 0.620965 12Z" fill="#8C9196"/> <path d="M11.3867 12C11.2287 12 11.0707 11.9399 10.9505 11.8189L0.184729 1.05405C-0.0563681 0.8128 -0.0563681 0.421921 0.184729 0.180823C0.425827 -0.0602744 0.816706 -0.0602744 1.05795 0.180823L11.8228 10.9458C12.0639 11.1869 12.0639 11.5778 11.8228 11.8189C11.7018 11.9392 11.5439 12 11.3867 12Z" fill="#8C9196"/> </g> <defs> <clipPath id="clip0"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> </a> </div> <div class="item-product-cart-mobile"> <a href="${url}"> <a class="product-images1 pos-relative embed-responsive embed-responsive-1by1" href="" title="${title}"> <img loading="lazy" class="img-fluid" src="${image_url}" alt="${title}"> <div class="label_product product_gift_label hidden" data-id="${pd_id}"> <img src="//theme.hstatic.net/1000241635/1001061192/14/ega-product-gift.png?v=217" alt="product gift"> </div> </a> </a> </div> <div class="product-cart-infor"> <div class="title-product-cart-mobile"> <h3 class="product-name"> <a class="text2line link" href="${url}" title="${title}"> ${title}</a> </h3> <span class="variant-title">${variant_title}</span> </div> <div class="cart-price"> <span class="product-price price">${price_quanty}</span> </div> <div class="select-item-qty-mobile"> <div class="txt_center"> <input class="variantID" type="hidden" name="id" value="${id_item}" line="${line_index}"> <button onClick="var result = this.parentElement.children[2]; var _result = document.getElementById('qtyMobile${id_item}'); var qtyMobile${id_item} = result.value; if( !isNaN( qtyMobile${id_item} ) && qtyMobile${id_item} > 1 ) result.value--;return false;" class="reduced items-count btn-minus btn" type="button"><svg class="icon"> <use xlink:href="#icon-minus" /> </svg></button> <input type="text" maxlength="3" min="1" class="form-control input-text number-sidebar qtyMobile${id_item}" id="qtyMobile${id_item}" name="updates[]" id="updates_${id_item}" size="4" value="${quanty}"> <button onClick="var result = this.parentElement.children[2]; var _result = document.getElementById('qtyMobile${id_item}'); var qtyMobile${id_item} = result.value; if( !isNaN( qtyMobile${id_item} )) result.value++;return false;" class="increase items-count btn-plus btn" type="button"><svg class="icon"> <use xlink:href="#icon-plus" /> </svg></button> </div> </div> </div> </div> </script> <script type="text/x-custom-template" data-template="pageCartCheckoutMobile"> <div class='cart-upsell'> <div class='cart-upsell__progress-wrapper'> <div class='cart-upsell__progress'> <div class='cart-upsell__progress-bar' style='background-color: #dae1e8'> <div class='cart-upsell__percent' style='width: 95%; background-color: #132466;'> </div> </div> <span style='color: #2EB346;'></span> </div> </div> <div class='cart-upsell__promotion-wrapper'> <div class='cart-upsell__promotion' style='border-width: 1px; border-style: dashed; border-color: #f88b38; color: #dc7322; background: #feeee2;'> <img src='//theme.hstatic.net/1000241635/1001061192/14/cart_upsell_coupon.png?v=217' alt='cart-upsell'/> <strong></strong> <button style='background-color: #f88b38; color: #ffffff; border-radius: 99999px; border-color: rgb(255, 140, 0);'> Sao chép </button> </div> </div> <div class='cart-upsell__content' style='--incomplete-color: #202223; --incomplete-price: #d22d00; --complete-color: #202223'> </div> </div> <div class="header-cart-price"> <div class="timedeli-modal"> <div class="timedeli-modal-content"> <button type="button" class="close window-close d-sm-none" aria-label="Close" style="z-index: 9;"><span aria-hidden="true">×</span></button> <div class="timedeli d-sm-block"></div> <div class="timedeli-cta"> <button class="btn btn-block timedeli-btn d-sm-none" type="button"> <span>Xong</span> </button> </div> </div> <div class="timedeli-overaly"> </div> </div> <div class="title-cart d-none d-sm-flex "> <h3 class="text-xs-left">TỔNG CỘNG</h3> <span class="text-xs-right totals_price_mobile">${price_total}</span> </div> <div class="checkout mt-2"> <button class="btn btn-block btn-proceed-checkout-mobile" title="Tiến hành thanh toán" type="button" onclick='location.href="/checkout"'> <span>Thanh Toán</span> </button> </div> </div> </script> <script type="text/x-custom-template" data-template="templateStickyCheckout"> <div class="cart-sticky-cta"> <div class="cart-cta"> <div> <button class="btn btn-block btn-proceed-checkout-mobile" title="Tiến hành thanh toán" type="button" onclick="goToCheckout(event)"> <span>Thanh Toán</span> <span class="text-xs-right totals_price_mobile">${price_total}</span> </button> </div> </div> </div> </script> <script type="text/x-custom-template" data-template="TemplateItemPopupCart"> <div class="item-popup productid-${id_item}"> <div style="width: 13%;" class="height image_ text-left"> <div class="item-image"> <a class="product-image" href="${url}" title="${title}"> <img loading="lazy" alt="${title}" src="${image_url}"width="'+ '90' +'"\> </a> </div> </div> <div style="width:40%;" class="height text-left fix_info"> <div class="item-info"> <p class="item-name"> <a class="text2line textlinefix link" href="${url}" title="${title}">${title}</a> </p> <span class="variant-title-popup">${variant_title}</span> <a href="javascript:;" class="remove-item-cart" title="Xóa" data-id="${id_item}"> <i class="fa fa-times"></i>  Bỏ sản phẩm </a> <p class="addpass" style="color:#fff;margin:0px;">${id_item}</p> </div> </div> <div style="width: 15%;" class="height text-center"> <div class="item-price"> <span class="price">${price}</span> </div> </div> <div style="width: 15%;" class="height text-center"> <div class="qty_h check_"> <input class="variantID" type="hidden" name="id" value="${id_item}"> <button onClick="var result = document.getElementById('qtyItemP${id_item}'); var qtyItemP${id_item} = result.value; if( !isNaN( qtyItemP${id_item} ) && qtyItemP${id_item} > 1 ) result.value--;return false;" ${buttonQty} class="num1 reduced items-count btn-minus" type="button">-</button> <input type="text" maxlength="3" min="0" readonly class="input-text number-sidebar qtyItemP${id_item}" id="qtyItemP${id_item}" name="updates[]" id="updates_${id_item}" size="4" value="${quanty}"> <button onClick="var result = document.getElementById('qtyItemP${id_item}'); var qtyItemP${id_item} = result.value; if( !isNaN( qtyItemP${id_item} )) result.value++;return false;" class="num2 increase items-count btn-plus" type="button">+</button> </div> </div> <div style="width: 17%;" class="height text-center"> <span class="cart-price"> <span class="price">${price_quanty}</span> </span> </div> </div> </script> <div id="popup-cart" class="popcart"> <div id="popup-cart-desktop" class="clearfix"> <div class="title-popup-cart"> </div> <div class="wrap_popup"> <div class="title-quantity-popup" > <span class="cart_status" onclick="window.location.href='/cart';"> Giỏ hàng của bạn có <span class="cart-popup-count"></span> sản phẩm </span> </div> <div class="content-popup-cart">  <div class="tbody-popup scrollbar-dynamic"> </div> <div class="tfoot-popup"> <div class="tfoot-popup-1 clearfix"> <div class="popup-ship"> </div> <span class="total-p popup-total">Tổng tiền thanh toán: <span class="total-price"></span></span> </div> <div class="tfoot-popup-2 clearfix"> <a class="button btn-continue close-pop" title="Tiếp tục mua hàng" href="javascript:;" onclick="$('#popup-cart').modal('hide');"><span><span>Tiếp tục mua hàng</span></span></a> <a class="button checkout_ btn-proceed-checkout" title="Thực hiện thanh toán" href="/checkout"><span>Thực hiện thanh toán</span></a> </div> </div> </div> <a title="Close" class="close-modal quickview-close close-pop" href="javascript:;" onclick="$('#popup-cart').modal('hide');"><i class="fa fa-close"></i></a> </div> </div> </div> <script> var GLOBAL = { common : { init: function(){ $(document).on('click', '.add_to_cart',addToCart ) $(document).on('click', '.buynow',buynow ) } }, templateIndex : { init: function(){ } }, templateProduct : { init: function(){ } }, templateCart : { init: function(){ } }, money_format : "₫" } var UTIL = { fire : function(func,funcname, args){ var namespace = GLOBAL; funcname = (funcname === undefined) ? 'init' : funcname; if (func !== '' && namespace[func] && typeof namespace[func][funcname] == 'function'){ namespace[func][funcname](args); } }, loadEvents : function(){ var bodyId = document.body.id; UTIL.fire('common'); $.each(document.body.className.split(/\s+/),function(i,classnm){ UTIL.fire(classnm); UTIL.fire(classnm,bodyId); }); } }; $(document).ready(UTIL.loadEvents); Number.prototype.formatMoney = function(c, d, t){ var n = this, c = isNaN(c = Math.abs(c)) ? 2 : c, d = d == undefined ? "." : d, t = t == undefined ? "." : t, s = n < 0 ? "-" : "", i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "", j = (j = i.length) > 3 ? j % 3 : 0; return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : ""); }; function addToCart(e){ if (typeof e !== 'undefined') e.preventDefault(); var $this = $(this); var form = $this.parents('form'); var variantId = form.find("[name=id]").val(); var qtt = form.find("[name=quantity]").val(); var boolCombo = false; var boolBuyXgetY = false; if($("#add-to-cart-form").length > 0){ if($("#add-to-cart-form").find(".add_to_cart").hasClass("product-combo")){ boolCombo = true; } if($("#add-to-cart-form").find(".add_to_cart").hasClass("product-buyxgety")){ boolBuyXgetY = true; } } if(boolCombo){ $('#popupComboModal').modal(); } else if(boolBuyXgetY){ buyXgetY.addCartBuyXGetY_detail(true,variantId,qtt,(jqXHR, textStatus, errorThrown) => { addToCartSuccess(jqXHR, textStatus, errorThrown) }) }else { $.ajax({ type: 'POST', url: '/cart/add.js', async: false, data: form.serialize(), dataType: 'json', error: addToCartFail, beforeSend: function() { }, success: addToCartSuccess, cache: false }); } } function buynow(e){ if (typeof e !== 'undefined') e.preventDefault(); var $this = $(this); var form = $this.parents('form'); const callback = (cart) => { location.href = '/checkout'; } $.ajax({ type: 'POST', url: '/cart/add.js', async: false, data: form.serialize(), dataType: 'json', error: addToCartFail, beforeSend: function() { }, success: (jqXHR, textStatus, errorThrown) => { addToCartSuccess(jqXHR, textStatus, errorThrown,callback) }, cache: false }); } function qty(){ var dqty = $('#qtym').val(); if (dqty == undefined){ return 1; } return dqty; } function checkCartLimit(e, totalPrice) { e.preventDefault(); location.href = '/checkout'; } function addToCartSuccess (jqXHR, textStatus, errorThrown,callback){ $.ajax({ type: 'GET', url: '/cart.js', async: false, cache: false, dataType: 'json', success: function (cart){ awe.hidePopup('.loading'); var url_product = jqXHR['url']; var class_id = jqXHR['product_id']; var name = jqXHR['name']; var textDisplay = ('<i style="margin-right:5px; color:red; font-size:13px;" class="fa fa-check" aria-hidden="true"></i>Sản phẩm vừa thêm vào giỏ hàng'); var id = jqXHR['variant_id']; var dataList = $(".item-name a").map(function() { var plus = $(this).text(); return plus; }).get(); $('.title-popup-cart .cart-popup-name').html('<a href="'+ url_product +'" title="'+name+'">'+ name + '</a> '); var nameid = dataList, found = $.inArray(name, nameid); var textfind = found; var src = ''; if(!jqXHR['image'] || (Haravan.resizeImage(jqXHR['image'], 'small') == null || Haravan.resizeImage(jqXHR['image'], 'small') =="null" || Haravan.resizeImage(jqXHR['image'], 'small')) =='') { src= "https://mixcdn.egany.com/themes/assets/thumb/large/noimage.gif" } else { src= Haravan.resizeImage(jqXHR['image'], 'small') } $(".item-info > p:contains("+id+")").html('<span class="add_sus" style="color:#898989;"><i style="margin-right:5px; color:#3cb878; font-size:14px;" class="fa fa-check" aria-hidden="true"></i>Sản phẩm vừa thêm</span>'); var va_title = jqXHR['variant_options'].filter(opt => opt != 'Default Title').join(', '); var windowW = $(window).width(); $('#popup-cart').addClass('opencart'); $('body').addClass('opacitycart'); $('#popup-cart').addClass('opencart'); $('body').addClass('opacitycart'); $('#popupCartModal').html(''); const limit = Number(0) const cart_action = cart.total_price >= limit ? ` <a href="/checkout" class="btn btn-main btn-full">Thanh toán</a> <a href="/cart" class="btn btn-main checkout_button btn-full">Xem giỏ hàng</a> `: ` <button type="button" class="btn btn-main" data-dismiss="modal" data-backdrop="false" aria-label="Close" >Mua thêm</button> <a href="/cart" class="btn btn-main checkout_button btn-full">Xem giỏ hàng</a> ` let limit_message = `Đơn hàng của bạn chưa đạt giá trị tối thiểu 5.000.000đ. Vui lòng chọn mua thêm sản phẩm` limit_message = limit_message ? `<span class="mr-2"><i class="fa fa-info-circle" aria-hidden="true"></i></span> ${limit_message}` : '' var $popupMobile = `<div class="modal-dialog align-vertical"> <div class="modal-content "><button type="button" class="close" data-dismiss="modal" data-backdrop="false" aria-label="Close" style="z-index: 9;"><span aria-hidden="true">×</span></button> <div class="row row-noGutter"> <div class="modal-left col-sm-12 col-lg-12 col-md-12"> <h3 class="modal-title"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.00006 15.3803C12.0761 15.3803 15.3804 12.076 15.3804 7.99995C15.3804 3.92391 12.0761 0.619629 8.00006 0.619629C3.92403 0.619629 0.619751 3.92391 0.619751 7.99995C0.619751 12.076 3.92403 15.3803 8.00006 15.3803Z" fill="#2EB346"/> <path d="M8 16C3.58916 16 0 12.4115 0 8C0 3.58916 3.58916 0 8 0C12.4115 0 16 3.58916 16 8C16 12.4115 12.4115 16 8 16ZM8 1.23934C4.27203 1.23934 1.23934 4.27203 1.23934 8C1.23934 11.728 4.27203 14.7607 8 14.7607C11.728 14.7607 14.7607 11.7273 14.7607 8C14.7607 4.27203 11.728 1.23934 8 1.23934Z" fill="#2EB346"/> <path d="M7.03336 10.9434C6.8673 10.9434 6.70865 10.8771 6.59152 10.7582L4.30493 8.43438C4.06511 8.19023 4.06821 7.7986 4.31236 7.55816C4.55652 7.31898 4.94877 7.32145 5.18858 7.5656L7.0154 9.42213L10.7948 5.25979C11.0259 5.00635 11.4176 4.98838 11.6698 5.21766C11.9232 5.44757 11.9418 5.8392 11.7119 6.09326L7.49193 10.7408C7.3773 10.8672 7.21618 10.9403 7.04577 10.944C7.04143 10.9434 7.03771 10.9434 7.03336 10.9434Z" fill="white"/> </svg> <span>Thêm vào giỏ hàng thành công</span></h3> <div class="modal-body"> <div class="media"> <div class="media-left thumb_img"> <div class="thumb-1x1"><img loading="lazy" src="${src}" alt="${jqXHR['title']}"></div> </div> <div class="media-body body_content"> <div class="product-title">${jqXHR['title']}</div> <div class="variant_title font-weight-light"><span>${va_title}</span></div> </div> </div> </div> </div> <div class="modal-right margin-top-10 col-sm-12 col-lg-12 col-md-12"> <div class="title right_title d-flex justify-content-between" ><a href="/cart"> Giỏ hàng hiện có </a> <div class="text-right"> <span class="price">${Haravan.formatMoney(cart.total_price, '')}</span> <div class="count font-weight-light"> (<span class="cart-popup-count">4</span>) sản phẩm </div> </div> </div> ${cart.total_price < limit ? ` <div class="cart-message">${limit_message}</div>`:'' } <div class="cart-action"> ${cart_action} </div> </div> </div> </div> </div>`; $('#popupCartModal').html($popupMobile); if(typeof callback == 'function' && cart.total_price >= limit){ return callback(cart) } $('#popupCartModal').modal(); Haravan.updateCartFromForm(cart, '.top-cart-content .mini-products-list'); Haravan.updateCartPopupForm(cart, '#popup-cart-desktop .tbody-popup'); } }); } function addToCartFail(jqXHR, textStatus, errorThrown){ var response = $.parseJSON(jqXHR.responseText); var $info = '<div class="error">'+ response.description +'</div>'; } function getDelivery(){ if(!$('.ega-delivery').length && window.egaDeliveryValid){ var head = document.getElementsByTagName('head').item(0); var script = document.createElement('script'); script.setAttribute('src', '//theme.hstatic.net/1000241635/1001061192/14/delivery-addon.js?v=217'); head.appendChild(script); } } $(document).on('click', ".remove-item-cart", function () { var variantId = $(this).attr('data-id'); removeItemCart(variantId); }); $(document).on('click', ".items-count", function () { $(this).parent().children('.items-count').prop('disabled', true); var thisBtn = $(this); var variantId = $(this).parent().find('.variantID').val(); var qty = $(this).parent().children('.number-sidebar').val(); var lineIndex = $(this).parent().find('.variantID').attr("line"); updateQuantity(qty, variantId, lineIndex); }); $(document).on('change', ".number-sidebar", function () { var variantId = $(this).parent().children('.variantID').val(); var lineIndex = $(this).parent().find('.variantID').attr("line"); var qty = $(this).val(); updateQuantity(qty, variantId, lineIndex); }); function comboUpdateCart(ele) { let listCart = $(ele).parents(".content-product-list").find('[name^="updates"]'); var tmp = ""; for (var i = 0; i < listCart.length; i++) { var qty = parseInt(listCart[i].value); if (i > 0) tmp += "&"; tmp += "updates[]=" + qty; } tmp += "&note=" + $('#note').val(); $.post('/cart', tmp).always(function() { setTimeout(function() { location.reload(); }, 500); }); } function updateQuantity (qty, variantId, lineIndex){ var variantIdUpdate = variantId; var dataObj = {"quantity": qty, "id": variantId}; if(lineIndex != undefined){ dataObj = {"quantity": qty, "line": lineIndex} } $.ajax({ type: "POST", url: "/cart/change.js", data: dataObj, dataType: "json", success: function (cart, variantId) { Haravan.onCartUpdateClick(cart, variantIdUpdate); cart_min(); }, error: function (qty, variantId) { Haravan.onError(qty, variantId) } }) } function removeItemCart (variantId){ var variantIdRemove = variantId; var changeData = {"quantity": 0, "id": variantId} var line = $('.productid-'+variantIdRemove).eq(0).index() + 1; changeData = {"quantity": 0, "line": line} $.ajax({ type: "POST", url: "/cart/change.js", data: changeData, dataType: "json", success: function (cart, variantId) { Haravan.onCartRemoveClick(cart, variantIdRemove); $('.productid-'+variantIdRemove).remove(); if($('.tbody-popup>div').length == '0' ){ $('#popup-cart').removeClass('opencart'); $('body').removeClass('opacitycart'); } if($('.list-item-cart>li').length == '0' ){ $('.mini-products-list').html('<div class="no-item"><p>Không có sản phẩm nào.</p></div>'); } if($('.cart-mobile .item-product').length == '0' ){ $('.page_cart').empty(); $('.header-cart-content').empty(); $('.cart-mobile .header-cart').hide() $('.title_cart_pc').html('<p class="hidden-xs-down">Không có sản phẩm nào. Quay lại <a href="/" style="color:;">cửa hàng</a> để tiếp tục mua sắm.</p>'); $('.cart-empty').show() $('.cart-sticky-cta').remove() } cart_min() }, error: function (variantId, r) { Haravan.onError(variantId, r) } }) } function render(props) { return function(tok, i) { return (i % 2) ? props[tok] : tok; }; } Haravan.updateCartFromForm = function(cart, cart_summary_id, cart_count_id) { if ((typeof cart_summary_id) === 'string') { var cart_summary = jQuery(cart_summary_id); if (cart_summary.length) { // Start from scratch. cart_summary.empty(); // Pull it all out. jQuery.each(cart, function(key, value) { if (key === 'items') { var table = jQuery(cart_summary_id); if (value.length) { jQuery('<ul class="list-item-cart"></ul>').appendTo(table); jQuery.each(value, function(i, item) { var buttonQty = ""; if(item.quantity == '1'){ buttonQty = 'disabled'; }else{ buttonQty = ''; } var link_img0 = ""; if(item.image != null){ link_img0 = Haravan.resizeImage(item.image, 'compact'); } if(link_img0=="null" || link_img0 =='' || link_img0 ==null){ link_img0 = "https://mixcdn.egany.com/themes/assets/thumb/large/noimage.gif"; } if(item.variant_title == 'Default Title'){ var ItemDropCart = [{ url: item.url, image_url: link_img0, price: Haravan.formatMoney(item.price, '{{amount}}₫'), title: item.title, buttonQty: buttonQty, quanty: item.quantity, id_item: item.variant_id, variant_title: '' }] }else { var ItemDropCart = [{ url: item.url, image_url: link_img0, price: Haravan.formatMoney(item.price, '{{amount}}₫'), title: item.title, buttonQty: buttonQty, quanty: item.quantity, id_item: item.variant_id, pd_id: item.product_id, variant_title: item.variant_title, }]; } $(function() { var TemplateItemDropCart = $('script[data-template="ItemDropCart"]').text().split(/\$\{(.+?)\}/g); $('.list-item-cart').append(ItemDropCart.map(function(item) { return TemplateItemDropCart.map(render(item)).join(''); })); }); }); jQuery('<div class="pd"><div class="top-subtotal">Tổng tiền tạm tính: <span class="price price_big">' + Haravan.formatMoney(cart.total_price, "{{amount}}₫") + '</span></div></div>').appendTo(table); jQuery('<div class="pd right_ct"><a href="/cart" class="btn btn-white"><span>Tiến hành thanh toán</span></a></div>').appendTo(table); } else { jQuery('<div class="no-item"><p>Không có sản phẩm nào.</p></div>').appendTo(table); } } }); } } updateCartDesc(cart); var numInput = document.querySelector('#cart-sidebar input.input-text'); if (numInput != null){ // Listen for input event on numInput. numInput.addEventListener('input', function(){ // Let's match only digits. var num = this.value.match(/^\d+$/); if (num == 0) { // If we have no match, value will be empty. this.value = 1; } if (num === null) { // If we have no match, value will be empty. this.value = ""; } }, false) } } Haravan.updateCartPageForm = function(cart, cart_summary_id, cart_count_id) { if ((typeof cart_summary_id) === 'string') { var cart_summary = jQuery(cart_summary_id); if (cart_summary.length) { // Start from scratch. cart_summary.empty(); // Pull it all out. jQuery.each(cart, function(key, value) { if (key === 'items') { var table = jQuery(cart_summary_id); if (value.length) { var HeaderCartPc = $('script[data-template="HeaderCartPc"]').text().split(/\$\{(.+?)\}/g); var pageCartCheckout = $('script[data-template="pageCartCheckout"]').text().split(/\$\{(.+?)\}/g); $(table).append((function() { return HeaderCartPc.map(render()).join(''); })); jQuery.each(value, function(i, item) { var buttonQty = ""; if(item.quantity == '1'){ buttonQty = 'disabled'; }else{ buttonQty = ''; } var link_img1 = Haravan.resizeImage(item.image, 'compact'); if(link_img1=="null" || link_img1 =='' || link_img1 ==null){ link_img1 = "https://mixcdn.egany.com/themes/assets/thumb/large/noimage.gif"; } if(item.variant_title == 'Default Title'){ var ItemCartPage = [{ url: item.url, image_url: link_img1, price: Haravan.formatMoney(item.price, '{{amount}}₫'), title: item.title, buttonQty: buttonQty, quanty: item.quantity, variant_title: item.variant_title, price_quanty: Haravan.formatMoney(item.price * item.quantity, "{{amount}}₫"), id_item: item.variant_id, variant_title: '' }] }else { var ItemCartPage = [{ url: item.url, image_url: link_img1, price: Haravan.formatMoney(item.price, '{{amount}}₫'), title: item.title, buttonQty: buttonQty, quanty: item.quantity, variant_title: item.variant_title, price_quanty: Haravan.formatMoney(item.price * item.quantity, "{{amount}}₫"), id_item: item.variant_id }] } $(function() { var pageCartItem = $('script[data-template="pageCartItem"]').text().split(/\$\{(.+?)\}/g); $(table.find('.cart-tbody')).append(ItemCartPage.map(function(item) { return pageCartItem.map(render(item)).join(''); })); }); }); var PriceTotalCheckout = [{ price_total: Haravan.formatMoney(cart.total_price, "{{amount}}₫") }]; $(table.children('.cart')).append(PriceTotalCheckout.map(function(item) { return pageCartCheckout.map(render(item)).join(''); })); }else { jQuery('<p class="hidden-xs-down ">Không có sản phẩm nào. Quay lại <a href="/collections/all" style="color:;">cửa hàng</a> để tiếp tục mua sắm.</p>').appendTo(table); jQuery('.cart_desktop_page').css('min-height', 'auto'); } } }); } } updateCartDesc(cart); jQuery('#wait').hide(); } Haravan.updateCartPopupForm = function(cart, cart_summary_id, cart_count_id) { if ((typeof cart_summary_id) === 'string') { var cart_summary = jQuery(cart_summary_id); if (cart_summary.length) { // Start from scratch. cart_summary.empty(); // Pull it all out. jQuery.each(cart, function(key, value) { if (key === 'items') { var table = jQuery(cart_summary_id); if (value.length) { jQuery.each(value, function(i, item) { var src = item.image; if(src == null){ src = "https://mixcdn.egany.com/themes/assets/thumb/large/noimage.gif"; } var buttonQty = ""; if(item.quantity == '1'){ buttonQty = 'disabled'; }else{ buttonQty = ''; } if(item.variant_title == 'Default Title'){ var ItemPopupCart = [{ url: item.url, image_url: src, price: Haravan.formatMoney(item.price, '{{amount}}₫'), title: item.title, quanty: item.quantity, variant_title: '', price_quanty: Haravan.formatMoney(item.price * item.quantity, "{{amount}}₫"), id_item: item.variant_id }]; }else { var ItemPopupCart = [{ url: item.url, image_url: src, price: Haravan.formatMoney(item.price, '{{amount}}₫'), title: item.title, quanty: item.quantity, variant_title: item.variant_title, price_quanty: Haravan.formatMoney(item.price * item.quantity, "{{amount}}₫"), id_item: item.variant_id }]; } $(function() { var TemplateItemPopupCart = $('script[data-template="TemplateItemPopupCart"]').text().split(/\$\{(.+?)\}/g); $(table).append(ItemPopupCart.map(function(item) { return TemplateItemPopupCart.map(render(item)).join(''); })); }); $('.link_product').text(); }); } } }); } } jQuery('.total-price').html(Haravan.formatMoney(cart.total_price, "{{amount}}₫")); updateCartDesc(cart); } Haravan.updateCartPageFormMobile = function(cart, cart_summary_id, cart_count_id) { if ((typeof cart_summary_id) === 'string') { var cart_summary = jQuery(cart_summary_id); if (cart_summary.length) { // Start from scratch. cart_summary.empty(); // Pull it all out. if (cart.items && cart.items.length) { var table = jQuery(cart_summary_id); jQuery('<div class="cart_page_mobile content-product-list"></div>').appendTo(table); jQuery.each(cart.items, function(i, item) { if ( item.image != null) { var src = Haravan.resizeImage(item.image, 'compact'); } else { var src = "https://mixcdn.egany.com/themes/assets/thumb/large/noimage.gif"; } var ItemCartPageMobile = [{ url: item.url, image_url: src, price: Haravan.formatMoney(item.price, '{{amount}}₫'), title: item.title, quanty: item.quantity, variant_title: item.variant_title !== 'Default Title'?item.variant_title : '', price_quanty: Haravan.formatMoney(item.price * item.quantity, "{{amount}}₫"), id_item: item.variant_id, line_index: i+1, pd_id: item.product_id }]; var pageCartItemMobile = $('script[data-template="ItemCartMobile"]').text().split(/\$\{(.+?)\}/g); $(table.children('.content-product-list')).append(ItemCartPageMobile.map(function(item) { return pageCartItemMobile.map(render(item)).join(''); })); }) var pageCartCheckoutMobile = $('script[data-template="pageCartCheckoutMobile"]').text().split(/\$\{(.+?)\}/g); var PriceTotalCheckoutMobile = [{ price_total: Haravan.formatMoney(cart.total_price, "{{amount}}₫") }]; if(window.innerWidth < 767 ){ var stickyCartCheckout = $('script[data-template="templateStickyCheckout"]').text().split(/\$\{(.+?)\}/g); $('body').append(PriceTotalCheckoutMobile.map(function(item) { return stickyCartCheckout.map(render(item)).join(''); })); } $(table).append(PriceTotalCheckoutMobile.map(function(item) { return pageCartCheckoutMobile.map(render(item)).join(''); })); $('.cart_page_mobile').append(`<div class="cart-note"> <label for="note" class="note-label">Ghi chú đơn hàng</label> <textarea id="note" name="note" rows="8"></textarea> </div>`) } } } updateCartDesc(cart); updateCartUpsell(cart) } function updateCartDesc(data){ var $cartPrice = Haravan.formatMoney(data.total_price, "{{amount}}₫"), $cartMobile = $('#header .cart-mobile .quantity-product'), $cartDesktop = $('.count_item_pr, .count_sidebar, .cart-popup-count'), $cartDesktopList = $('.cart-counter-list'), $cartPopup = $('.cart-popup-count'); switch(data.item_count){ case 0: $cartMobile.text('0'); $cartDesktop.text('0'); $cartDesktopList.text('0'); $cartPopup.text('0'); break; case 1: $cartMobile.text('1'); $cartDesktop.text('1'); $cartDesktopList.text('1'); $cartPopup.text('1'); break; default: $cartMobile.text(data.item_count); $cartDesktop.text(data.item_count); $cartDesktopList.text(data.item_count); $cartPopup.text(data.item_count); break; } $('.top-cart-content .top-subtotal .price, aside.sidebar .block-cart .subtotal .price, .popup-total .total-price').html($cartPrice); $('.popup-total .total-price').html($cartPrice); $('.shopping-cart-table-total .totals_price, .price_sidebar .price_total_sidebar').html($cartPrice); $('.totals_price_mobile').html($cartPrice); $('.cartCount, .cart-popup-count, #ega-cart-count').html(data.item_count); } Haravan.onCartUpdate = function(cart) { Haravan.updateCartFromForm(cart, '.mini-products-list'); Haravan.updateCartPopupForm(cart, '#popup-cart-desktop .tbody-popup'); }; Haravan.onCartUpdateClick = function(cart, variantId) { jQuery.each(cart, function(key, value) { if (key === 'items') { jQuery.each(value, function(i, item) { if(item.variant_id == variantId){ $('.productid-'+variantId).find('.cart-price span.price').html(Haravan.formatMoney(item.price * item.quantity, "{{amount}}₫")); $('.productid-'+variantId).find('.items-count').prop("disabled", false); $('.productid-'+variantId).find('.number-sidebar').prop("disabled", false); $('.productid-'+variantId +' .number-sidebar').val(item.quantity); $('.list-item-cart .item.productid-'+variantId).find( '.quanlity').text('x ' + item.quantity) if(item.quantity == '1'){ $('.productid-'+variantId).find('.items-count.btn-minus').prop("disabled", true); } } }); } }); updateCartDesc(cart); updateCartUpsell(cart) } Haravan.onCartRemoveClick = function(cart, variantId) { jQuery.each(cart, function(key, value) { if (key === 'items') { jQuery.each(value, function(i, item) { if(item.variant_id == variantId){ $('.productid-'+variantId).remove(); } }); } }); updateCartDesc(cart); updateCartUpsell(cart) } const initCart = ()=>{ $.ajax({ type: 'GET', url: '/cart.js', async: false, cache: false, dataType: 'json', success: function (cart){ Haravan.updateCartFromForm(cart, '.mini-products-list'); Haravan.updateCartPopupForm(cart, '#popup-cart-desktop .tbody-popup'); updateCartUpsell(cart) } }); var wDWs = $(window).width(); if (wDWs < 1199) { $('.top-cart-content').remove(); } } $(window).ready(function(){ $(window).one(' mousemove touchstart scroll',initCart) }); //Check inventory $(document).on('click', ".items-count", function () { $(this).parent().children('.items-count').prop('disabled', true); var variantId = $(this).parent().find('.variantID').val(), qty = $(this).parent().children('.number-sidebar').val(), url = $(this).parent().parent().parent().find('.product-name a').attr('href'); CheckQtyCart(qty, variantId, url); }) function CheckQtyCart(qty, variantId, url) { if(!url) return $.ajax({ type : 'GET', dataType : 'json', url: ""+url+".json", success : function(data) { locationData = data.product; for(var i = 0; i < locationData.variants.length; i++) { if(locationData.variants[i].id == variantId){ var maxS = locationData.variants[i].inventory_quantity, allow = locationData.variants[i].inventory_management, continues = locationData.variants[i].inventory_policy; if (allow == 'haravan'){ $('.productid-'+variantId+'').find('.items-count.btn-plus').css("pointer-events","auto"); if (continues == "deny") { $('.productid-'+variantId+'').find('.items-count.btn-plus').css("pointer-events","none"); if (qty >= maxS) { updateQuantity(maxS, variantId); $('.productid-'+variantId+'').find('.quanlity').text(`x ${maxS}`) $('.productid-'+variantId+'').find('.items-count.btn-plus').css("pointer-events","none"); }else { $('.productid-'+variantId+'').find('.items-count.btn-plus').css("pointer-events","auto"); } } else if (continues == "continue") { $('.productid-'+variantId+'').find('.items-count.btn-plus').css("pointer-events","auto"); } else{ $('.productid-'+variantId+'').find('.items-count.btn-plus').css("pointer-events","auto"); } } } } } }) } Haravan.OptionSelectors.prototype.fireOnChangeForFirstDropdown = function (options) { if (this.selectors && this.selectors.length && this.selectors.length > 0) { this.selectors[0].element.onchange(options); } }; function alertInvalidQty(qty){ alert(`Bạn chỉ có thể mua tối đa ${qty} sản phẩm`) } function validateQty(product, variantId, qty){ let isInValidQty = false; /** check variant **/ let variant = product && product.variants.find(item => item.id == variantId ) if(variant && variant.inventory_management === "haravan" && variant.inventory_policy == "deny" ){ isInValidQty = qty > variant.inventory_quantity isInValidQty && alertInvalidQty(variant.inventory_quantity) return isInValidQty ? variant.inventory_quantity: false } return isInValidQty } function cart_min() { var sts = true; $.ajax({ type: 'GET', url: '/cart.js', async: false, success:function(data) { var cart = parseInt(data.total_price); var cart_compare = parseInt(0); if(cart < cart_compare) { $('.btn-proceed-checkout-mobile').addClass('disabled'); $('.cart-limit-alert').css('display', 'block'); $('#template-cart').removeClass('cart-available') sts = false; } else { $('.btn-proceed-checkout-mobile').removeClass('disabled'); $('.cart-limit-alert').css('display', 'none'); $('#template-cart').addClass('cart-available') } } }) return sts; } function productsCallback (){ $(document) .find(".starbaprv-preview-badge") .each(function (a) { $(this).find(".starbap-prev-badge").length == 0 && $(this).append( '<div class="starbap-prev-badge" data-average-rating="0" data-number-of-reviews="0"><a class="starbap-star starbap--off"><i class="fa fa-star fa-fw"></i></a><a class="starbap-star starbap--off"><i class="fa fa-star fa-fw"></i></a><a class="starbap-star starbap--off"><i class="fa fa-star fa-fw"></i></a><a class="starbap-star starbap--off"><i class="fa fa-star fa-fw"></i></a><a class="starbap-star starbap--off"><i class="fa fa-star fa-fw"></i></a><span class="starbap-prev-badgetext">0 đánh giá</span></div>' ); }); if(typeof ProductReviews !== 'undefined' && ProductReviews){ ProductReviews.init() } } Haravan.OptionSelectors.prototype.fireOnChangeForFirstDropdown = function (options) { if (this.selectors && this.selectors.length && this.selectors.length > 0) { this.selectors[0].element.onchange(options); } }; function updateCartUpsell(cart) { const priceMin = 800000 const totalPrice = cart.total_price / 100 let remain = priceMin > totalPrice ? priceMin - totalPrice : 0; let percent = priceMin > totalPrice ? Math.round((totalPrice/priceMin*100)) === 100 ? '99%' : Math.round((totalPrice/priceMin*100)) + '%' : '100%' let incompleteInfo = "Bạn cần mua thêm [price] nữa để được Freeship" const completeInfo = "Chúc mừng! Đơn hàng của bạn đã đủ điều kiện được Freeship 🎉" const copyBtnContent = "Sao chép" const copiedBtnContent = "Đã sao chép" const coupon = "" remain = `<span class="cart-upsell__price">${Haravan.formatMoney(remain * 100, '{{amount}}₫')}</span>` incompleteInfo = incompleteInfo.replaceAll('[price]', remain) $('.cart-upsell__percent').css('width', percent) // incomplete if (totalPrice === 0) { $('.cart-upsell__empty-wrapper').show() $('.cart-upsell__progress-wrapper, .cart-upsell__promotion, .cart-upsell__content').hide() } else { $('.cart-upsell__empty-wrapper').hide() $('.cart-upsell__progress-wrapper, .cart-upsell__content').show() $('.cart-upsell__progress span').html(percent) if (totalPrice < priceMin) { $('.cart-upsell__content').removeClass('complete').addClass('incomplete').html(incompleteInfo) $('.cart-upsell__promotion-wrapper').hide() } else { $('.cart-upsell__content').removeClass('incomplete').addClass('complete').html(completeInfo) } } } </script> <link rel="preload" as="script" href="//theme.hstatic.net/1000241635/1001061192/14/main.js?v=217" /> <script src='//theme.hstatic.net/1000241635/1001061192/14/main.js?v=217' type='text/javascript'></script> <link rel="preload" as="script" href="//theme.hstatic.net/1000241635/1001061192/14/search-filter.js?v=217" /> <script src='//theme.hstatic.net/1000241635/1001061192/14/search-filter.js?v=217' type='text/javascript'></script> <script> let defaultSortby = "created-descending"; var filter = new Haravan.SearchFilter() function clearAllFiltered() { filter = new Haravan.SearchFilter(); $(`#sort-by [data-sort]`).removeClass('active') $(".filter-container__selected-filter-list ul").html(""); $(".filter-container input[type=checkbox]").attr('checked', false); $(".filter-container__selected-filter").hide(); doSearch(1); } </script> <script src='//theme.hstatic.net/1000241635/1001061192/14/col.js?v=217' type='text/javascript'></script> <script src='//theme.hstatic.net/1000241635/1001061192/14/ega-app-combo.js?v=217' type='text/javascript'></script> <link rel="preload" as="script" href="//theme.hstatic.net/1000241635/1001061192/14/ega-gateway-min.js?v=217"> <script src='//theme.hstatic.net/1000241635/1001061192/14/ega-gateway-min.js?v=217' type='text/javascript'></script> <script> var cro_show = true, cro_addcart_show = true, cro_cart_show = true, cro_addcart_title = "Thêm vào giỏ", cro_addcart_bg_1 = "#d82e4d", cro_addcart_bg_2 = "#d82e4d", cro_addcart_color = "#fff", cro_price_color = "#132466", cro_variant_color = "#132466", cro_cta_bg = "#132466", cro_cta_color = "", cro_addcart_modal_mess = "Tiến hành thanh toán", cro_addcart_modal_redirect = "", cro_modal_btn_text = "", cro_modal_btn_bg = "", cro_modal_btn_color = "", cro_hotline_show = true, cro_hotline_number = "028.3622.5532", cro_mess_show = true, cro_mess_url = "https://m.me/obagivietnamofficial", cro_home_show = 0, cro_home_title = "Ưu đãi", cro_home_url = "https://ega-style.myharavan.com/collections/flash-sale", cro_coll_title = "Danh mục", cro_coll_url = "/collections/all", cro_blog_title = "Cửa hàng", cro_blog_url = "https://ega-style.myharavan.com/pages/he-thong-cua-hang", cro_general_color = "#132466", cro_product_color = "#132466", cro_background_color = "#fff" window.EGACRAddonSettings = { general: { enabled: cro_show, iconWidth: 20, background: cro_background_color, color: cro_general_color, activeColor: cro_general_color, activeBackground: cro_background_color, screenSize: [{ name: "mobile" }], styleAddon: "shopee", productBackground: "#ffffff", productColor: cro_product_color, ignorePages: [], bodyOffset: 54, conflictEl: "#ega-hotline,.fb_dialog.fb_dialog_advanced", skipEl: ".button-popup-loyalty", desktop: { x: "right", y: 50 } }, products: { enabled: cro_cart_show || cro_addcart_show , cart: { enabled: cro_cart_show, icon: "//theme.hstatic.net/1000241635/1001061192/14/cro-cart-icon.png?v=217", title: "Giỏ hàng", url: "/cart" }, buyNowBtn: { enabled: false, title: "Mua ngay", color: "#ffffff", background: "#ffd001", backgroundEnd: "#ff9b30" }, addToCartBtn: { enabled: cro_addcart_show, title: cro_addcart_title, color: "#ffffff", background: cro_addcart_bg_1, loadingColor: "", icon: "", backgroundEnd: cro_addcart_bg_2, cartQuery: ".count_item_pr,.count-holder .count" }, modal: { enabled: false, headerText: "Sản phẩm vừa được thêm vào giỏ hàng", ctaLink: "checkout", ctaText: cro_addcart_modal_mess, ctaBg: "#ff5722", ctaColor: "#fff" }, qvProduct: { priceColor: cro_price_color, variantColor: cro_variant_color, ctaBg: cro_addcart_bg_1, ctaColor: "#fff", useQty: true } }, pages: { enabled: true, links: [ ] }, messenger: { enabled: cro_mess_show, icon:"//theme.hstatic.net/1000241635/1001061192/14/cro-mess-icon.png?v=217", title: "Nhắn Facebook", url: cro_mess_url, order: "2" }, phone: { enabled: cro_hotline_show, icon: "//theme.hstatic.net/1000241635/1001061192/14/cro-phone-icon.png?v=217", title: "Gọi điện", number: cro_hotline_number, order: "1" }, form: { enabled: false, } }; let crAddonScript= "//theme.hstatic.net/1000241635/1001061192/14/ega-addon-cr-button-min.js?v=217" EGACRAddonSettings.general.currentTemplate = 'collection'; EGACRAddonSettings.general.platform = Haravan; window.EGACRAddonSettings.general.moneyFormat = '{{amount}}₫' const platform = window.EGACRAddonSettings.general.platform platform.addItem = function(variantId, quantity,callback,errHandle){ var quantity = quantity || 1 , n = { type: "POST", url: "/cart/add.js", data: "quantity=" + quantity + "&id=" + variantId, dataType: "json", success: function(jqXHR, textStatus, errorThrown) { $('#crQVModal').trigger('click') $('#cr-addon-addtocart').removeClass('loading').removeAttr("disabled") addToCartSuccess(jqXHR, textStatus, errorThrown) }, error: function(a, r) { errHandle(a, r) } }; jQuery.ajax(n) } if(typeof EGA === 'undefined'){ EGA = {} } window.egaCRAddonValid = window.EGACRAddonSettings.general.enabled; $(document).ready(function ($) { if(window.innerWidth <= 600){ var isInit = false $(window).on('scroll click mousemove touchstart',()=>{ if(!isInit){ isInit = true $("body").append(`<script src="${crAddonScript}" defer ><\/script>`); } }) } }); </script>  <div id="popupCartModal" class="modal fade" role="dialog"> </div> <link rel="stylesheet" href="//theme.hstatic.net/1000241635/1001061192/14/addthis-sharing.css?v=217" media="print" onload="this.media='all'"> <noscript><link href='//theme.hstatic.net/1000241635/1001061192/14/addthis-sharing.css?v=217' rel='stylesheet' type='text/css' media='all' /></noscript> <div class="addThis_listSharing "> <a href="#" id="back-to-top" class="backtop back-to-top d-flex align-items-center justify-content-center" title="Lên đầu trang"> <svg class="icon" style="transform: rotate(-90deg)" > <use xlink:href="#icon-arrow" /> </svg> </a> <ul class="addThis_listing list-unstyled d-none d-sm-block"> <li class="addThis_item"> <a class="addThis_item--icon" href="tel:028.3622.5532" rel="nofollow" > <img class="img-fluid" src="//theme.hstatic.net/1000241635/1001061192/14/addthis-phone.svg?v=217" alt="Gọi ngay cho chúng tôi" loading="lazy" width="44" height="44" /> <span class="tooltip-text">Gọi ngay cho chúng tôi</span> </a> </li> <li class="addThis_item"> <a class="addThis_item--icon" href="https://zalo.me/0795553434" target="_blank" rel="nofollow"> <img class="img-fluid" src="//theme.hstatic.net/1000241635/1001061192/14/addthis-zalo.svg?v=217" alt="Gọi ngay cho chúng tôi" loading="lazy" width="44" height="44" /> <span class="tooltip-text">Chat với chúng tôi qua Zalo</span> </a> </li> </ul> </div>  <div id="fb-root"></div>  <div id="fb-customer-chat" class="fb-customerchat"> </div> <script> $(document).ready(() => { const page_id = "1895961610720142" if(page_id && window.outerWidth > 600){ //$(window).one(' mousemove touchstart scroll', () => { var chatbox = document.getElementById('fb-customer-chat'); if(chatbox){ chatbox.setAttribute("page_id", page_id); chatbox.setAttribute("attribution", "biz_inbox"); } window.fbAsyncInit = function() { FB.init({ xfbml : true, version : 'v12.0' }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/vi_VN/sdk/xfbml.customerchat.js'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); //}) } }) </script> <script> window.EGASmartSearchConfigs = { // color colorBg: '#ffffff', colorBgHover: '#f7f7f7', colorItemTextTitle: '#251f1f', colorItemTextPrice: '#f3283d', colorItemTextCompareAtPrice: '#666666', colorItemTextViewAll: '#000000', colorHeaderText: '#a0a0a0', navBg: '#f7f7f7', navTextColor: '#a0a0a0', navBgActive: '#a0a0a0', navTextColorActive: '#fff', colorLoading: '#d82e4d', // general searchAccuracy: 'all', searchWidth: '650px', searchHeight: '400px', // product productSortby: 'default', productLimit: 7, // article displayArticle: true, articleLimit: 5, moneyFormat: "{{amount}}₫", shopDomain: '', textHeaderSectionTitle: 'Kết quả tìm kiếm cho ', textProductSectionTitle: 'Sản phẩm ', textArticleSectionTitle: 'Bài viết', notFound: 'Không tìm thấy kết quả ', textFrom: '', textShowAll: 'Xem thêm sản phẩm có chứa ' } </script> </body> </html>

Latest requests

#	Url	Date
1	https://obagimedical.com.vn/collec…	2024-04-26 21:40:17
2	https://thebolditalic.com/?gi=91e0…	2024-04-26 21:40:14
3	https://thebolditalic.com/?gi=099c…	2024-04-26 21:40:03
4	https://thebolditalic.com/?gi=8bf5…	2024-04-26 21:40:03
5	https://spb-medcom.ru/	2024-04-26 21:39:59
6	https://thebolditalic.com/?gi=33e9…	2024-04-26 21:39:58
7	https://thebolditalic.com/?gi=8c20…	2024-04-26 21:39:57
8	https://thebolditalic.com/?gi=2206…	2024-04-26 21:39:53
9	https://thebolditalic.com/?gi=1b7f…	2024-04-26 21:39:50
10	https://thebolditalic.com/?gi=f653…	2024-04-26 21:39:46
11	https://thebolditalic.com/?gi=e218…	2024-04-26 21:39:41
12	https://thebolditalic.com/?gi=2100…	2024-04-26 21:39:39
13	https://thebolditalic.com/?gi=0db4…	2024-04-26 21:39:37
14	https://thebolditalic.com/?gi=fac9…	2024-04-26 21:39:34
15	https://thebolditalic.com/?gi=ca10…	2024-04-26 21:39:28
16	https://thebolditalic.com/?gi=fc74…	2024-04-26 21:39:26
17	https://thebolditalic.com/?gi=a0d6…	2024-04-26 21:39:21
18	https://thebolditalic.com/?gi=b5a7…	2024-04-26 21:39:17
19	https://thebolditalic.com/?gi=a2f6…	2024-04-26 21:39:16
20	https://thebolditalic.com/?gi=96ab…	2024-04-26 21:39:15