Lookbook
Lookbook
Echoes Of Everyday
Blue Belle
Spring Pop SS'25
Soft Power SS'25
Quiet Days, Fine Things SS'26
Tất cả sản phẩm
Tất cả sản phẩm
Áo
Áo thun
Áo kiểu
Áo sơ mi
Áo khoác - Blazer
Croptop
Quần và chân váy
Quần dài
Quần short
Chân váy
Quần Jeans
Đầm, Yếm
Đầm
Yếm, Yếm quần
Set đồ
Sale off
Đăng nhập
Đăng ký
0
Trang chủ
/
Hệ thống cửa hàng
/
TALY
Địa chỉ:
Cửa hàng: 245F Lê Văn Sỹ, Phường Phú Nhuận, TP. Hồ Chí Minh
Số điện thoại:
0985832483
Email:
hi@taly.com.vn
Liên hệ với chúng tôi
Gửi liên hệ của bạn
</div> </div> </div> </div> </section> <footer> <div class="mid-footer"> <div class="container"> <div class="row"> <div class="col-lg-3"> <div class="footer-block footer-click"> <a href="/" class="logo-wrapper mb-3 d-block "> <img loading="lazy" src="//theme.hstatic.net/1000185342/1001164443/14/logo-footer.png?v=696" alt="logo TALY" width="82" height="25"> </a> <div class="single-contact"> <i class="fa fa-map-marker-alt"></i> <div class="content">Địa chỉ: <span>Cửa hàng: 245F Lê Văn Sỹ, Phường Phú Nhuận, TP. Hồ Chí Minh</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="0985832483" href="tel:0985832483">0985832483</a> </div> </div> <div class="single-contact"> <i class="fa fa-envelope"></i> <div class="content"> Email: <a title="hi@taly.com.vn" class="link" href="mailto:hi@taly.com.vn">hi@taly.com.vn</a> </div> </div> <div id="copyright" class="fot_copyright mt-3"> <span class="wsp"> © Bản quyền thuộc về <a href="https://taly.vn" rel="nofollow" target="_blank">TALY</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="/pages/chinh-sach-thanh-toan-giao-nhan" title="Chính sách Thanh toán - Giao Nhận">Chính sách Thanh toán - Giao Nhận</a> </li> <li class="li_menu"> <a class="link" href="/pages/chinh-sach-doi-hang" title="Chính Sách Đổi Hàng">Chính Sách Đổi Hàng</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> </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/kiem-tra-don-hang" title="Kiểm Tra Đơn Hàng">Kiểm Tra Đơn Hà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 name='__RequestVerificationToken' type='hidden' value='CfDJ8FyFPV59mBtNhmQGz0fYZt9fmdN9L6n-u0yAUw7eky14fywJ1okffW-QwNqqe3krHmNXPmtydpHtcEdvkwnYyeYogWVYSNUfgB5Z5G-ix7GH0AOEXNoQfvkT_J8xApS3WEEPSY6c5c48Zntphgfwxyg'> <input id='b1cd73ae453b4b61a0ba3db51303b939' name='g-recaptcha-response' type='hidden'><noscript src='https://www.google.com/recaptcha/api.js?render=6LchSLkqAAAAABVHBpeFgg8N-WgkYsr5fO6GUF_s'></noscript><noscript>let recaptchaElm=document.getElementById('b1cd73ae453b4b61a0ba3db51303b939');let recaptchaForm=recaptchaElm.parentNode;recaptchaForm.addEventListener("submit",function(formEvent){if(!recaptchaElm.value){formEvent.preventDefault();grecaptcha.ready(function(){grecaptcha.execute('6LchSLkqAAAAABVHBpeFgg8N-WgkYsr5fO6GUF_s',{action:'submit'}).then(function(token){recaptchaElm.value=token;recaptchaForm.requestSubmit(formEvent.submitter)})})}})</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/22taly" target="_blank" title="Theo dõi Facebook TALY"> <img src="//theme.hstatic.net/1000185342/1001164443/14/facebook.png?v=696" loading="lazy" width="32" height="32" alt="facebook"/> </a> </li> <li> <a class="instgram link" href="https://www.instagram.com/taly.studio" target="_blank" title="Theo dõi instgram TALY"> <img src="//theme.hstatic.net/1000185342/1001164443/14/instagram.png?v=696" loading="lazy" width="32" height="32" alt="instgram"/> </a> </li> <li> <a class="tiktok link" href="https://www.tiktok.com/@taly.studio" target="_blank" title="Theo dõi tiktok TALY"> <img src="//theme.hstatic.net/1000185342/1001164443/14/tiktok.png?v=696" loading="lazy" width="36" height="36" alt="tiktok"/> </a> </li> </ul> </div> </div> </div> <div class="row"> <div class="col-lg-4"> <a class="d-inline-block mt-3" target="_blank" href="/collections/all" title="Logo bộ công thương"> <img class="img-fluid" loading="lazy" src="//theme.hstatic.net/1000185342/1001164443/14/logo_bct.png?v=696" 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/1000185342/1001164443/14/footer_trustbadge.png?v=696" 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="/collections/spring-pop-ss-25" class="menu-item__link" title="Lookbook"> <span> Lookbook</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>Lookbook </span> </div> <ul class="submenu__list container"> <li class="submenu__item "> <a class="link" href="/collections/echoes-of-everyday" title="Echoes Of Everyday">Echoes Of Everyday</a> </li> <li class="submenu__item "> <a class="link" href="/collections/blue-belle-ss-25" title="Blue Belle">Blue Belle</a> </li> <li class="submenu__item "> <a class="link" href="/collections/spring-pop-ss-25" title="Spring Pop SS'25">Spring Pop SS'25</a> </li> <li class="submenu__item "> <a class="link" href="/collections/soft-power-ss-25" title="Soft Power SS'25">Soft Power SS'25</a> </li> <li class="submenu__item "> <a class="link" href="/collections/quiet-days-fine-things-s-26" title="Quiet Days, Fine Things SS'26">Quiet Days, Fine Things SS'26</a> </li> </ul> </div> </li> <li class="menu-item list-group-item"> <a href="/collections/tat-ca-san-pham" class="menu-item__link" title="Tất cả sản phẩm"> <span> Tất cả 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>Tất cả 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="/collections/ao" title="Áo">Áo</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/ao-thun" title="Áo thun">Áo thun</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/ao-kieu" title="Áo kiểu">Áo kiểu</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/ao-so-mi" title="Áo sơ mi">Áo sơ mi</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/ao-khoac" title="Áo khoác - Blazer">Áo khoác - Blazer</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/ao-crop" title="Croptop">Croptop</a> </span> </li> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/collections/quan/quần" title="Quần và chân váy">Quần và chân váy</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/quan-dai-1" title="Quần dài">Quần dài</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/quan-short" title="Quần short">Quần short</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/vay" title="Chân váy">Chân váy</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/jeans" title="Quần Jeans">Quần Jeans</a> </span> </li> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/collections/dam" title="Đầm, Yếm">Đầm, Yếm</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/dam" title="Đầm">Đầm</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/yem" title="Yếm, Yếm quần">Yếm, Yếm quần</a> </span> </li> <li class="submenu__item "> <a class="link" href="/collections/set-do" title="Set đồ">Set đồ</a> </li> </ul> </div> </li> <li class="menu-item list-group-item"> <a href="/" class="menu-item__link" title="Sale off"> <span> Sale off</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="/collections/spring-pop-ss-25" class="menu-item__link" title="Lookbook"> <span> Lookbook</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>Lookbook </span> </div> <ul class="submenu__list container"> <li class="submenu__item "> <a class="link" href="/collections/echoes-of-everyday" title="Echoes Of Everyday">Echoes Of Everyday</a> </li> <li class="submenu__item "> <a class="link" href="/collections/blue-belle-ss-25" title="Blue Belle">Blue Belle</a> </li> <li class="submenu__item "> <a class="link" href="/collections/spring-pop-ss-25" title="Spring Pop SS'25">Spring Pop SS'25</a> </li> <li class="submenu__item "> <a class="link" href="/collections/soft-power-ss-25" title="Soft Power SS'25">Soft Power SS'25</a> </li> <li class="submenu__item "> <a class="link" href="/collections/quiet-days-fine-things-s-26" title="Quiet Days, Fine Things SS'26">Quiet Days, Fine Things SS'26</a> </li> </ul> </div> </li> <li class="menu-item list-group-item"> <a href="/collections/tat-ca-san-pham" class="menu-item__link" title="Tất cả sản phẩm"> <span> Tất cả 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>Tất cả 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="/collections/ao" title="Áo">Áo</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/ao-thun" title="Áo thun">Áo thun</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/ao-kieu" title="Áo kiểu">Áo kiểu</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/ao-so-mi" title="Áo sơ mi">Áo sơ mi</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/ao-khoac" title="Áo khoác - Blazer">Áo khoác - Blazer</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/ao-crop" title="Croptop">Croptop</a> </span> </li> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/collections/quan/quần" title="Quần và chân váy">Quần và chân váy</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/quan-dai-1" title="Quần dài">Quần dài</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/quan-short" title="Quần short">Quần short</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/vay" title="Chân váy">Chân váy</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/jeans" title="Quần Jeans">Quần Jeans</a> </span> </li> <li class="submenu__col"> <span class="submenu__item submenu__item--main"> <a class="link" href="/collections/dam" title="Đầm, Yếm">Đầm, Yếm</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/dam" title="Đầm">Đầm</a> </span> <span class="submenu__item submenu__item"> <a class="link" href="/collections/yem" title="Yếm, Yếm quần">Yếm, Yếm quần</a> </span> </li> <li class="submenu__item "> <a class="link" href="/collections/set-do" title="Set đồ">Set đồ</a> </li> </ul> </div> </li> <li class="menu-item list-group-item"> <a href="/" class="menu-item__link" title="Sale off"> <span> Sale off</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:0985832483" title="0985832483"> 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/22Taly" title="https://m.me/22Taly"> 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="https://cdn.hstatic.net/shared/api.jquery.js"> <link rel="preload" as="script" href="https://cdn.hstatic.net/shared/option_selection.js"> <script src='https://cdn.hstatic.net/shared/api.jquery.js' type='text/javascript'></script> <script src='https://cdn.hstatic.net/shared/option_selection.js' type='text/javascript'></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="variantId" 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="Lines" 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="variantId" 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="Lines" 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/1000185342/1001164443/14/ega-product-gift.png?v=696" 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> <del>${compare_price_quanty}</del> </div> <div class="select-item-qty-mobile"> <div class="txt_center"> <input class="variantID" type="hidden" name="variantId" value="${id_item}"> <button onClick="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="Lines" id="updates_${id_item}" size="4" value="${quanty}"> <button onClick="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="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 class="cart-trustbadge mt-3"> <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/1000185342/1001164443/14/footer_trustbadge.png?v=696" alt="Phương thức thanh toán" width="" height="" > </a> </div> </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="variantId" 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="Lines" 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="thead-popup"> <div style="width: 53%;" class="text-left">Sản phẩm</div> <div style="width: 15%;" class="text-center">Đơn giá</div> <div style="width: 15%;" class="text-center">Số lượng</div> <div style="width: 17%;" class="text-center">Thành tiền</div> </div> --> <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= "//theme.hstatic.net/1000185342/1001164443/14/noimage.gif?v=696" } 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 1.500.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/1000185342/1001164443/14/delivery-addon.js?v=696'); 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(); updateQuantity(qty, variantId); }); $(document).on('change', ".number-sidebar", function () { var variantId = $(this).parent().children('.variantID').val(); var qty = $(this).val(); updateQuantity(qty, variantId); }); function updateQuantity (qty, variantId){ var variantIdUpdate = variantId; $.ajax({ type: "POST", url: "/cart/change.js", data: {"quantity": qty, "id": variantId}, 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 = Haravan.resizeImage(item.image, 'compact'); if(link_img0=="null" || link_img0 =='' || link_img0 ==null){ link_img0 = "//theme.hstatic.net/1000185342/1001164443/14/noimage.gif?v=696"; } 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 = "//theme.hstatic.net/1000185342/1001164443/14/noimage.gif?v=696"; } 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 = "//theme.hstatic.net/1000185342/1001164443/14/noimage.gif?v=696"; } 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 = "//theme.hstatic.net/1000185342/1001164443/14/noimage.gif?v=696"; } if(item.price < item.price_original) { var comparePriceCart = Haravan.formatMoney(item.price_original * item.quantity, "{{amount}}₫"); }else { var comparePriceCart = '' } 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}}₫"), compare_price_quanty: comparePriceCart, id_item: item.variant_id, 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); } 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}}₫")); if(item.price < item.price_original) { $('.productid-'+variantId).find('.cart-price del').html(Haravan.formatMoney(item.price_original * 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); } 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); } 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'); } }); 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); } }; </script> <link rel="preload" as="script" href="//theme.hstatic.net/1000185342/1001164443/14/main.js?v=696" /> <script src='//theme.hstatic.net/1000185342/1001164443/14/main.js?v=696' type='text/javascript'></script> <script src='//theme.hstatic.net/1000185342/1001164443/14/ega-app-combo.js?v=696' type='text/javascript'></script> <link rel="preload" as="script" href="//theme.hstatic.net/1000185342/1001164443/14/ega-gateway-min.js?v=696"> <script src='//theme.hstatic.net/1000185342/1001164443/14/ega-gateway-min.js?v=696' 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 = "#000000", cro_addcart_bg_2 = "#000000", cro_addcart_color = "#fff", cro_price_color = "#504e4e", cro_variant_color = "#080808", cro_cta_bg = "#000000", 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 = "0985832483", cro_mess_show = true, cro_mess_url = "https://m.me/22Taly", 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 = "#080808", cro_product_color = "#080808", 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/1000185342/1001164443/14/cro-cart-icon.png?v=696", 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: [ { url: cro_coll_url, title: cro_coll_title, icon:"//theme.hstatic.net/1000185342/1001164443/14/icon-cro-coll.png?v=696", order: "4" }, ] }, messenger: { enabled: cro_mess_show, icon:"//theme.hstatic.net/1000185342/1001164443/14/cro-mess-icon.png?v=696", title: "Nhắn tin", url: cro_mess_url, order: "2" }, phone: { enabled: cro_hotline_show, icon: "//theme.hstatic.net/1000185342/1001164443/14/cro-phone-icon.png?v=696", title: "Gọi điện", number: cro_hotline_number, order: "1" }, form: { enabled: false, } }; let crAddonScript= "//theme.hstatic.net/1000185342/1001164443/14/ega-addon-cr-button-min.js?v=696" EGACRAddonSettings.general.currentTemplate = 'page.contact'; 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> <!-- Add to cart --> <div id="popupCartModal" class="modal fade" role="dialog"> </div> <link rel="stylesheet" href="//theme.hstatic.net/1000185342/1001164443/14/addthis-sharing.css?v=696" media="print" onload="this.media='all'"> <noscript><link href='//theme.hstatic.net/1000185342/1001164443/14/addthis-sharing.css?v=696' 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:0985832483" rel="nofollow" > <img class="img-fluid" src="//theme.hstatic.net/1000185342/1001164443/14/addthis-phone.svg?v=696" 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/3796730774849366010" target="_blank" rel="nofollow"> <img class="img-fluid" src="//theme.hstatic.net/1000185342/1001164443/14/addthis-zalo.svg?v=696" 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 class="search-overlay"> </div> <script> const EGASmartSearchConfigs = { settings: { isEnabled: true, // color colorBg: '#ffffff', colorBgHover: '#f7f7f7', colorLabelBg: '#f7f7f7', colorLabelText: '#a0a0a0', colorItemBorder: '#eeeeee', colorItemTextTitle: '#251f1f', colorItemTextPrice: '#f3283d', colorItemTextCompareAtPrice: '#666666', colorItemTextSku: '#747474', colorItemTextDescription: '#747474', colorItemTextViewAll: '#000000', colorHeaderText: '#a0a0a0', colorLoading: '#d82e4d', // general searchAccuracy: 'title', isFixedSearch: 'fixed', searchWidth: '450px', searchHeight: '400px', searchView: 'list', // product productSortby: '', displayProductDescription: false, productLimit: 7, // article displayArticle: false, articleLimit: 3, }, CONSTANT: { shopDomain: '', searchView: 'ega.smartsearch.json', 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 ' } } window.egaSmartSearchValid = true; if (EGASmartSearchConfigs.settings.isEnabled) { const params = new URLSearchParams(location.search); if (params) { const urlSearchType = params.get('type') if (urlSearchType === 'product,article' && EGASmartSearchConfigs.settings.displayArticle) { $('#search-result').css('display', 'none') } } } </script> </body> </html>
