SHOP JAPAN Yurako Pelvic Exercise Lower Belly Shape Brown - WAFUU JAPAN

SHOP JAPAN Yurako Pelvic Exercise Lower Belly Shape Brown

Name: SHOP JAPAN Yurako Pelvic Exercise Lower Belly Shape Brown
Brand: SHOP JAPAN
SKU: 20210213
Price: 1017.0 MXN
Availability: InStock

MXN $ 1,017.00 세일

상품 상세 정보브랜드: Shop Japan색상: 갈색크기: 폭 41cm X 높이 17cm X 깊이 40cm모양: 원통형재질: 본체 - 폴리프로필렌, 폴리우레탄, 고무, 기타 커버 - 폴리에스터, 기타상품 무게: 1989 그램세트 내용: 본체...

사용 가능:

재고 있음

SKU: 20210213

카테고리: ALL, Daily goods, Health and Wealth, Sports & Fitness, Weight Management

공급업체:SHOP JAPAN

수량:

- +

Guaranteed safe checkout:

설명

상품 상세 정보
브랜드: Shop Japan
색상: 갈색
크기: 폭 41cm X 높이 17cm X 깊이 40cm
모양: 원통형
재질: 본체 - 폴리프로필렌, 폴리우레탄, 고무, 기타 커버 - 폴리에스터, 기타
상품 무게: 1989 그램
세트 내용: 본체 x1, 커버 x1, 운동 가이드 x1, 사용 설명서 x1
크기/41cm(폭) X 40cm(깊이) X 17cm(높이) 무게/약 1.5kg
부하 용량/100kg

잠자는 동안 몸을 흔들면 살이 붙은 복부를 자극합니다!
보통 사용되지 않는 근육이 활성화되어, 복부 하단부가 새로워집니다!
디자인이 내부 장식과 잘 어울립니다. 무게가 1.5kg 밖에 되지 않아 컴팩트합니다!
여가 시간에 쉽게 운동을 할 수 있습니다!</p> </div></div> </div> </div> </div> </div> <div class="shiping"> <div class="shiping_time d-flex align-items-center" style="color: #494949;font-size: 12px"> <i class="zmdi zmdi-time"></i> <span>Orders ship within 2 to 5 business days.</span> </div> </div> </div> </div> </div> </div> </div> <style> .keen-slider__slide.thumbItem { display: flex; align-items: center; justify-content: center; } .keen-slider__slide.thumbItem img { max-width: 100%; max-height: 100%; } </style> <script> function ThumbnailPlugin(main) { return (slider) => { function removeActive() { slider.slides.forEach((slide) => { slide.classList.remove("active") }) } function addActive(idx) { slider.slides[idx].classList.add("active") } function addClickEvents() { slider.slides.forEach((slide, idx) => { slide.addEventListener("click", () => { main.moveToIdx(idx) }) }) } slider.on("created", () => { addActive(slider.track.details.rel) addClickEvents() main.on("animationStarted", (main) => { removeActive() const next = main.animator.targetIdx || 0 addActive(main.track.absToRel(next)) slider.moveToIdx(Math.min(slider.track.details.maxIdx, next)) }) }) } } var slider = new KeenSlider("#my-keen-slider") var thumbnails = new KeenSlider( "#thumbnails", { initial: 0, slides: { perView: 5, spacing: 10, }, }, [ThumbnailPlugin(this.slider)] ) </script> <div id="bundle-product_reviews"></div> </div> <script type="application/json" id="ProductJson-template--16912843047075__main"> {"id":7826400575651,"title":"SHOP JAPAN Yurako Pelvic Exercise Lower Belly Shape Brown","handle":"shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown","description":"\u003cp\u003e상품 상세 정보\u003cbr data-mce-fragment=\"1\"\u003e브랜드: Shop Japan\u003cbr data-mce-fragment=\"1\"\u003e색상: 갈색\u003cbr data-mce-fragment=\"1\"\u003e크기: 폭 41cm X 높이 17cm X 깊이 40cm\u003cbr data-mce-fragment=\"1\"\u003e모양: 원통형\u003cbr data-mce-fragment=\"1\"\u003e재질: 본체 - 폴리프로필렌, 폴리우레탄, 고무, 기타 커버 - 폴리에스터, 기타\u003cbr data-mce-fragment=\"1\"\u003e상품 무게: 1989 그램\u003cbr data-mce-fragment=\"1\"\u003e세트 내용: 본체 x1, 커버 x1, 운동 가이드 x1, 사용 설명서 x1\u003cbr data-mce-fragment=\"1\"\u003e크기\/41cm(폭) X 40cm(깊이) X 17cm(높이) 무게\/약 1.5kg\u003cbr data-mce-fragment=\"1\"\u003e부하 용량\/100kg\u003c\/p\u003e\n\u003cp\u003e\u003cbr data-mce-fragment=\"1\"\u003e잠자는 동안 몸을 흔들면 살이 붙은 복부를 자극합니다!\u003cbr data-mce-fragment=\"1\"\u003e보통 사용되지 않는 근육이 활성화되어, 복부 하단부가 새로워집니다!\u003cbr data-mce-fragment=\"1\"\u003e디자인이 내부 장식과 잘 어울립니다. 무게가 1.5kg 밖에 되지 않아 컴팩트합니다!\u003cbr data-mce-fragment=\"1\"\u003e여가 시간에 쉽게 운동을 할 수 있습니다!\u003ciframe id=\"iframeRCE\" style=\"top: 0px; left: 0px; z-index: 9999; width: 100%; height: 100%; position: fixed; display: none; background-color: transparent;\"\u003e\u003c\/p\u003e\n","published_at":"2023-01-13T07:55:54+09:00","created_at":"2022-08-29T08:32:50+09:00","vendor":"SHOP JAPAN","type":"ダイエット","tags":[],"price":101700,"price_min":101700,"price_max":101700,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":42843316256931,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"20210213","requires_shipping":true,"taxable":false,"featured_image":null,"available":true,"name":"SHOP JAPAN Yurako Pelvic Exercise Lower Belly Shape Brown","public_title":null,"options":["Default Title"],"price":101700,"weight":2100,"compare_at_price":null,"inventory_management":null,"barcode":"4537341060838","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-734319.jpg?v=1695256673","\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-521128.jpg?v=1695256673","\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-811963.jpg?v=1695256673","\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-245315.jpg?v=1695256673","\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-489708.jpg?v=1695256673","\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-387742.jpg?v=1695256673","\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-557144.jpg?v=1695256673"],"featured_image":"\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-734319.jpg?v=1695256673","options":["Title"],"media":[{"alt":"SHOP JAPAN Yurako Pelvic Exercise Lower Belly Shape Brown - WAFUU JAPAN","id":30158845444259,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-734319.jpg?v=1695256673"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-734319.jpg?v=1695256673","width":1000},{"alt":"SHOP JAPAN Yurako Pelvic Exercise Lower Belly Shape Brown - WAFUU JAPAN","id":30158845477027,"position":2,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-521128.jpg?v=1695256673"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-521128.jpg?v=1695256673","width":1000},{"alt":"SHOP JAPAN Yurako Pelvic Exercise Lower Belly Shape Brown - WAFUU JAPAN","id":30158845509795,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1500,"width":1500,"src":"\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-811963.jpg?v=1695256673"},"aspect_ratio":1.0,"height":1500,"media_type":"image","src":"\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-811963.jpg?v=1695256673","width":1500},{"alt":"SHOP JAPAN Yurako Pelvic Exercise Lower Belly Shape Brown - WAFUU JAPAN","id":30158845575331,"position":4,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-245315.jpg?v=1695256673"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-245315.jpg?v=1695256673","width":1000},{"alt":"SHOP JAPAN Yurako Pelvic Exercise Lower Belly Shape Brown - WAFUU JAPAN","id":30158845608099,"position":5,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-489708.jpg?v=1695256673"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-489708.jpg?v=1695256673","width":1000},{"alt":"SHOP JAPAN Yurako Pelvic Exercise Lower Belly Shape Brown - WAFUU JAPAN","id":30158845673635,"position":6,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-387742.jpg?v=1695256673"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-387742.jpg?v=1695256673","width":1000},{"alt":"SHOP JAPAN Yurako Pelvic Exercise Lower Belly Shape Brown - WAFUU JAPAN","id":30158845739171,"position":7,"preview_image":{"aspect_ratio":1.0,"height":1000,"width":1000,"src":"\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-557144.jpg?v=1695256673"},"aspect_ratio":1.0,"height":1000,"media_type":"image","src":"\/\/wafuu.com\/cdn\/shop\/products\/shop-japan-yurako-pelvic-exercise-lower-belly-shape-brown-557144.jpg?v=1695256673","width":1000}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e상품 상세 정보\u003cbr data-mce-fragment=\"1\"\u003e브랜드: Shop Japan\u003cbr data-mce-fragment=\"1\"\u003e색상: 갈색\u003cbr data-mce-fragment=\"1\"\u003e크기: 폭 41cm X 높이 17cm X 깊이 40cm\u003cbr data-mce-fragment=\"1\"\u003e모양: 원통형\u003cbr data-mce-fragment=\"1\"\u003e재질: 본체 - 폴리프로필렌, 폴리우레탄, 고무, 기타 커버 - 폴리에스터, 기타\u003cbr data-mce-fragment=\"1\"\u003e상품 무게: 1989 그램\u003cbr data-mce-fragment=\"1\"\u003e세트 내용: 본체 x1, 커버 x1, 운동 가이드 x1, 사용 설명서 x1\u003cbr data-mce-fragment=\"1\"\u003e크기\/41cm(폭) X 40cm(깊이) X 17cm(높이) 무게\/약 1.5kg\u003cbr data-mce-fragment=\"1\"\u003e부하 용량\/100kg\u003c\/p\u003e\n\u003cp\u003e\u003cbr data-mce-fragment=\"1\"\u003e잠자는 동안 몸을 흔들면 살이 붙은 복부를 자극합니다!\u003cbr data-mce-fragment=\"1\"\u003e보통 사용되지 않는 근육이 활성화되어, 복부 하단부가 새로워집니다!\u003cbr data-mce-fragment=\"1\"\u003e디자인이 내부 장식과 잘 어울립니다. 무게가 1.5kg 밖에 되지 않아 컴팩트합니다!\u003cbr data-mce-fragment=\"1\"\u003e여가 시간에 쉽게 운동을 할 수 있습니다!\u003ciframe id=\"iframeRCE\" style=\"top: 0px; left: 0px; z-index: 9999; width: 100%; height: 100%; position: fixed; display: none; background-color: transparent;\"\u003e\u003c\/p\u003e\n"} </script> </div><div id="shopify-section-template--16912843047075__loox-product-reviews-app-section" class="shopify-section"> <div id="shopify-block-vitals_ub_product_bundles_fi4WLx" class="shopify-block shopify-app-block"><div id="bundle-product-bundles" data-source="os2"></div> </div> <div id="shopify-block-50103b74-48c5-46b5-af42-abdcc80e99fc" class="shopify-block shopify-app-block"><div style='clear:both'></div> <div id='judgeme_product_reviews' class='jdgm-widget jdgm-review-widget' data-product-title='SHOP JAPAN Yurako Pelvic Exercise Lower Belly Shape Brown' data-id='7826400575651'> </div> </div> </div><div id="shopify-section-template--16912843047075__1713339464d02df02f" class="shopify-section"> </div> </section> </main> <div id="shopify-section-nov-footer" class="shopify-section nov-footer wow fadeInUp animated"><footer> <div class="footer__policy pt-sm-20 pb-sm-20"> <div class="container"> <div class="row"> <div class="footer__policy-item col-xl-cus-5 col-lg-cus-5 col-md-cus-5 col-sm-12 col-12"> <div class="text-center pt-40 pb-35 pt-sm-20 pb-sm-20"> <div class="font-800 text-uppercase mb-5">24시간 주문 접수 가능</div> <div class="desc">여러 나라로</div> </div> </div> <div class="footer__policy-item col-xl-cus-5 col-lg-cus-5 col-md-cus-5 col-sm-12 col-12"> <div class="text-center pt-40 pb-35 pt-sm-20 pb-sm-20"> <div class="font-800 text-uppercase mb-5">환불 보장</div> <div class="desc">7일 내</div> </div> </div> <div class="footer__policy-item col-xl-cus-5 col-lg-cus-5 col-md-cus-5 col-sm-12 col-12"> <div class="text-center pt-40 pb-35 pt-sm-20 pb-sm-20"> <div class="font-800 text-uppercase mb-5">익스프레스 배송</div> <div class="desc">SHIPPING BY EMS</div> </div> </div> <div class="footer__policy-item col-xl-cus-5 col-lg-cus-5 col-md-cus-5 col-sm-12 col-12"> <div class="text-center pt-40 pb-35 pt-sm-20 pb-sm-20"> <div class="font-800 text-uppercase mb-5">많은 인기 상품</div> <div class="desc">MANY LIMITED ITEMS</div> </div> </div> <div class="footer__policy-item col-xl-cus-5 col-lg-cus-5 col-md-cus-5 col-sm-12 col-12"> <div class="text-center pt-40 pb-35 pt-sm-20 pb-sm-20"> <div class="font-800 text-uppercase mb-5">안전한 결제</div> <div class="desc">다양한 결제 방법</div> </div> </div> </div> </div> </div> <div class="footer-layout pt-55 pb-45"> <div class="container"> <div class="row"> <div class="footer_newsletter block_footer col-xl-3 col-lg-3 col-md-6 col-sm-12 col-12"> <div class="title-block"> WAFUU란 무엇인가요？ <span class="f_btn_sl d-sm-none"><i class="zmdi zmdi-plus"></i></span> </div> <div class="block-content h_t pb-xs-30"> <div class="des mb-25"><img src="//cdn.shopify.com/s/files/1/0590/1271/0563/files/wafooter.webp?v=1717398470" loading="lazy" alt="WAFUU JAPAN"><p>WAFUU는 Qrestia Inc.가 소유한 일본 회사로, 일본에서 전 세계로 제품을 배송합니다。</p> <p><br> WAFUU 제품에 대한 특별 제공 및 독점 뉴스를 받기 위해 뉴스레터에 가입하세요。</p></div> <div class="block-content"> <form method="post" action="/ko-mx/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="input-group"> <input type="hidden" name="contact[tags]" value="newsletter"> <input type="email" name="contact[email]" id="Email_Footer" class="input-group__field newsletter__input form-control" value="" placeholder="이메일 입력"> <div class="input-group__btn"> <button type="submit" class="btn newsletter__submit" name="commit" id="Subscribe_footer"> <span class="newsletter__submit-text--large">구독하기</span> </button> </div> </div> </form> </div> </div> </div> <div class="footer_menu block_footer col-xl-3 col-lg-3 col-md-6 col-sm-4 col-12"> <div class="title-block"> My Account <span class="f_btn_sl d-sm-none"><i class="zmdi zmdi-plus"></i></span> </div> <div class="block-content h_t pb-xs-30"> <ul class="site-footer__linklist list-unstyled"> <li class="site-footer__linklist-item"> <a href="/ko-mx/account?view=details">계정 관리</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/a/page/wishlist">찜 목록</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/account?view=orders">주문 상태</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/account?view=orders">구매 내역</a> </li> </ul> </div> </div> <div class="footer_menu block_footer col-xl-3 col-lg-3 col-md-6 col-sm-4 col-12 mb-md-40 mb-xs-0"> <div class="title-block"> INFORMATION <span class="f_btn_sl d-sm-none"><i class="zmdi zmdi-plus"></i></span> </div> <div class="block-content h_t pb-xs-30"> <ul class="site-footer__linklist list-unstyled"> <li class="site-footer__linklist-item"> <a href="/ko-mx/pages/what-is-wafuu">WAFÚÚ 무엇인가요?</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/pages/about-us">회사 소개</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/blogs/know-japan-wafuu">일본 이야기 블로그</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/policies/contact-information">연락처 정보</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/policies/legal-notice">법적 고지</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/policies/terms-of-service">이용 약관</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/blogs/announcement">공지사항</a> </li> </ul> </div> </div> <div class="footer_menu block_footer col-xl-3 col-lg-3 col-md-6 col-sm-4 col-12 mb-md-40 mb-xs-0"> <div class="title-block"> 도움말 <span class="f_btn_sl d-sm-none"><i class="zmdi zmdi-plus"></i></span> </div> <div class="block-content h_t pb-xs-30"> <ul class="site-footer__linklist list-unstyled"> <li class="site-footer__linklist-item"> <a href="/ko-mx/pages/frequently-asked-questions">FAQ</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/pages/shipping-country">배송 및 배송</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/pages/shipping-fee">배송료</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/pages/returns-policy">반품 및 교환</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/pages/payment">결제 옵션</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/policies/privacy-policy">개인정보 처리방침</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/policies/refund-policy">환불 정책</a> </li> <li class="site-footer__linklist-item"> <a href="/ko-mx/pages/contact">문의하기</a> </li> </ul> </div> </div> </div> </div> </div> <div class="footer_center pt-30 pb-30"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-4 text-center mt-md-30"> <div class="d-flex align-items-center justify-content-center"> <span class="t_center text-uppercase font-700">우리를 팔로우하세요 : </span> <div class="block_social"> <ul class="list-inline mb-0"> <li class="list-inline-item"> <a href="https://www.facebook.com/wafuucom" title="Facebook에서의 WAFUU JAPAN"> <i class="fa fa-facebook" aria-hidden="true"></i> </a> </li> <li class="list-inline-item"> <a href="https://www.instagram.com/wafuucom/" title="Instagram에서의 WAFUU JAPAN"> <i class="fa fa-instagram" aria-hidden="true"></i> </a> </li> <li class="list-inline-item"> <a href="https://twitter.com/wafuujp" title="Twitter에서의 WAFUU JAPAN"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="footer_copyright pt-30 pb-30 pb-sm-60"> <div class="container"> <div class="copyright m-30 text-center font-700">Copyright © 2024 WAFUU. All rights reserved.</div> </div> </div> </footer> <style> .nov-footer { background-color: #ffffff; } .footer_center { background-color: #ededed; } .nov-footer, .site-footer__linklist-item a { color: #666666; } .footer-layout .title-block, .footer_center .t_center, .footer-layout .title, .footer_newsletter input, .footer_newsletter .form-control:focus, .footer_copyright .site-footer__linklist-item a, .footer_copyright .site-footer__linklist-item, .footer_copyright .copyright { color: #222222; } .nov-footer .block-contact { border-color: ; } .footer_menu li a:hover, .footer_copyright .site-footer__linklist-item a:hover { color: var(--theme-color-default); } .nov-footer .block_social a { background-color: #105caa; } .footer__policy { background-color: #0b2239; color: #ffffff; } </style></div> <div id="_mobile_vertical_menu" class="vertical_menu"></div> <div class="canvas-menu drawer-left"> <div class="canvas-header-box d-flex justify-content-center align-items-center"> <div class="close-box"><i class="zmdi zmdi-close"></i></div> </div> </div> <div class="block_cart_canvas"> <div id="_desktop_cart"> <div class="close_cart d-md-flex d-none align-items-center justify-content-center"><i class="zmdi zmdi-close"></i></div> <div id="cart-info"></div> </div> </div> <div class="account-list d-none canvas_content" id="_desktop_account_list"> <div class="account-list-content"> <div> <a class="login" href= "/ko-mx/account/login" rel="nofollow" title="로그인"> <i class="zmdi zmdi-key"></i><span>로그인</span> </a> </div> <div> <a class="check-out" href= "/ko-mx/checkout" rel="nofollow" title="체크 아웃"> <i class="zmdi zmdi-check-circle"></i><span>체크 아웃</span> </a> </div> <div class="link_wishlist"> <a class="wishlist" href= "/ko-mx/pages/page-wishlist" rel="nofollow" title="위시리스트"> <i class="zmdi zmdi-favorite"></i> <span>위시리스트</span> </a> </div> </div> </div> <div class="canvas-overlay"></div> <div class="sidebar-overlay"></div> <div id="mobile-blockcart" class="mobile-boxpage d-flex d-md-none"> <div class="content-boxpage col"> <div class="box-header d-flex justify-content-between align-items-center"> <div class="title-box">장바구니</div> <div class="close-box">닫기</div> </div> <div id="_mobile_cart" class="box-content"></div> </div> </div> <div id="mobile-pageaccount" class="mobile-boxpage d-flex d-md-none" data-titlebox-parent="Account"> <div class="content-boxpage col"> <div class="box-header d-flex justify-content-between align-items-center"> <div class="back-box">뒤로</div> <div class="title-box">계정</div> <div class="close-box">닫기</div> </div> <div class="box-content d-flex justify-content-center align-items-center text-center"> <div> <div id="_mobile_account_list"></div> </div> </div> </div> </div> <div id="stickymenu_bottom_mobile" class="d-flex align-items-center justify-content-center d-md-none text-center"> <div class="stickymenu-item"><a href="/ko-mx"><i class="fa fa-home" aria-hidden="true"></i><span>홈</span></a></div> <div class="stickymenu-item"><a href="#" class="nov-toggle-page" data-target="#mobile-blockcart"><span id="_mobile_cart_count" class="cart-products-count"></span><i class="fa fa-shopping-cart" aria-hidden="true"></i><span>장바구니</span></a></div> <div class="stickymenu-item"><a href="#" class="nov-toggle-page" data-target="#mobile-pageaccount"><i class="fa fa-cog" aria-hidden="true"></i><span>설정</span></a></div> <div class="stickymenu-item"> <div id="back_top"> <i class="fa fa-arrow-circle-o-up" aria-hidden="true"></i> <div class="on_top">맨 위에</div> </div> </div> </div>  <form method="post" action="/ko-mx/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div id="popup-subscribe" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content row no-gutters"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="zmdi zmdi-hc-fw zmdi-close"></i></button> </div> <div class="modal-body col-md-6 text-center d-flex justify-content-center align-items-end"> <div class="subscribe_form"> <div class="inner"> <div class="title_block">Newsletter</div> <p>Sign up for newsletter to receive special offers and exclusive news about WAFUU products</p> <div class="input-subscribe-wrap"> <input type="hidden" name="contact[tags]" value="newsletter"> <input type="email" name="contact[email]" class="inputNew form-control grey newsletter-input" value="" placeholder="이메일 입력"> <span class="input-group-btn mt-10 d-block"> <button id="Subscribe" type="submit" name="commit" class="btn"> 구독하기 </button> </span> </div> <div class="checkbox"> <label id="myCheck" class="d-inline-flex"> <span class="custom-checkbox"> <input name="no-view" class="no-view" type="checkbox"> </span> <span id="text">Don’t show this popup again</span> </label> </div> </div> </div> </div> <div class="col-md-6 text-center"><img class="img-fluid lazyload" data-src="//wafuu.com/cdn/shop/files/WAFUU_JAPAN_QRESTIA_inc_a5bdf8bd-4add-4336-b5d2-ce227a3c0b16_830x.png?v=1663837923" alt=""></div> </div> </div> </div> </form> <div id="_desktop_back_top"> <div id="back-top"> <span> <i class="zmdi zmdi-chevron-up"></i> </span> </div> </div> <div class="link_to_collection_cart_empty d-none"> <ul class="list-unstyled"> <li class="mb-10"><a class="btn" href="/ko-mx/collections/japanese-snacks"><span>일본 과자</span></a></li> <li class="mb-10"><a class="btn" href="/ko-mx/collections/food-beverages"><span>음식</span></a></li> <li class="mb-10"><a class="btn" href="/ko-mx/collections/electronic-goods"><span>전자 제품</span></a></li> </ul> </div> <div id="Form_newletter" class="form-vertical modal fade" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header position-initial"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <i class="zmdi zmdi-hc-fw zmdi-close"></i> </button> </div> <div class="modal-body"> <div class="block_title text-center"> <div class="title">이 제품은 현재 재고가 없습니다</div> <div class="sub">재고가 들어오면 이메일로 알려드리겠습니다. 등록해주세요!</div> </div> <form method="post" action="/ko-mx/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="input-group d-block"> <input type="hidden" name="contact[tags]" value="newsletter"> <input type="email" name="contact[email]" id="Email_newsletter" class="input-group__field newsletter__input text-center" value="" placeholder="이메일 주소"> <button type="submit" class="btn newsletter__submit w-100" name="commit" id="Subscribe_newsletter"> <span class="newsletter__submit d-flex align-items-center justify-content-center"> <span> <i class="zmdi zmdi-email"></i> <span>알림 받기</span> </span> </span> </button> </div> <div class="checkbox"> <label id="myCheck" class="d-inline-flex"> <span class="custom-checkbox"> <input name="no-view" class="no-view" type="checkbox"> <span class="ps-shown-by-js"><i class="zmdi zmdi-check"></i></span> </span> <span id="text"> 이 제품에 대한 이메일 알림을 받고, Olive의 최신 할인, 세일, 업데이트 메일을 받고 싶습니다. Olive의 약관에 동의합니다. <a href="/pages/term-and-services">Terms of Service</a> and <a href="/pages/privacy-policy">Privacy Policy</a> </span> </label> </div> </form> </div> </div> </div> </div> <div id="Size_chart" class="form-vertical modal fade" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header position-initial"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <i class="zmdi zmdi-hc-fw zmdi-close"></i> </button> </div> <div class="modal-body"> <div class="single__tabs"> <div class="block_nav d-flex align-items-center"> <ul class="nav nav-tabs"> <li><a class="active" href="#womenTabs1" data-toggle="tab">여성용</a></li> <li><a href="#menTabs2" data-toggle="tab">남성용</a></li> </ul> </div> <div class="tab-content"> <div class="tab-pane active" id="womenTabs1"> <div class="block_img"> <div class="respone_image" style="padding-top:Liquid error (snippets/nov-size-chart line 25): divided by 0%;"> <img class="row__image lazyload" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 14'%3E%3C/svg%3E" data-src="//wafuu.com/cdn/shopifycloud/shopify/assets/no-image-50-3d8cc48bd078edcd544c8d60f929ed2d8800a3fc52e0f602e84b1767e392bfcd_{width}x.gif" data-widths="[360, 540, 720, 900, 1080, 1296, 1512, 1728, 1944, 2048]" data-aspectratio="" data-sizes="auto" alt=""> </div> </div> </div> <div class="tab-pane" id="menTabs2"> <div class="block_img"> <div class="respone_image" style="padding-top:Liquid error (snippets/nov-size-chart line 41): divided by 0%;"> <img class="row__image lazyload" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 14'%3E%3C/svg%3E" data-src="//wafuu.com/cdn/shopifycloud/shopify/assets/no-image-50-3d8cc48bd078edcd544c8d60f929ed2d8800a3fc52e0f602e84b1767e392bfcd_{width}x.gif" data-widths="[360, 540, 720, 900, 1080, 1296, 1512, 1728, 1944, 2048]" data-aspectratio="" data-sizes="auto" alt=""> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="AlertRequestLogin" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog modal-sm modal-dialog-centered justify-content-center" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="zmdi zmdi-hc-fw zmdi-close"></i></button> </div> <div class="modal-body text-center"> <p>You must be logged in to manage your wishlist.</p> <a href="https://wafuu.com/en-mx/account/login" class="btn btn-default">Login in here</a> </div> </div> </div> </div> <script src="//wafuu.com/cdn/s/javascripts/currencies.js" type="text/javascript"></script> <script src="//wafuu.com/cdn/shop/t/4/assets/jquery.currencies.min.js?v=78112813486892380641707489158" type="text/javascript"></script> <script> // Pick your format here: // money_format or money_with_currency_format Currency.format = 'money_format'; var shopCurrency = 'JPY'; /* Sometimes merchants change their shop currency, let's tell our JavaScript file */ Currency.moneyFormats[shopCurrency].money_with_currency_format = "$ {{amount}} MXN"; Currency.moneyFormats[shopCurrency].money_format = "$ {{amount}}"; var cookieCurrency = Currency.cookie.read(); // Fix for customer account pages. jQuery('span.money span.money').each(function() { jQuery(this).parents('span.money').removeClass('money'); }); // Saving the current price. jQuery('span.money').each(function() { jQuery(this).attr('data-currency-JPY', jQuery(this).html()); }); // Select all your currencies buttons. var buttons = jQuery('#currencies span'); var title = jQuery('.currency-selector .current-currency'); // If there's no cookie or it's the shop currency. if (cookieCurrency == null || cookieCurrency === shopCurrency) { buttons.removeClass('selected'); jQuery('#currencies span[data-currency=' + shopCurrency + ']').addClass('selected'); Currency.currentCurrency = shopCurrency; } else { Currency.convertAll(shopCurrency, cookieCurrency); buttons.removeClass('selected'); jQuery('#currencies span[data-currency=' + cookieCurrency + ']').addClass('selected'); } var txt = jQuery('#currencies span.selected').text(); jQuery('.currency-selector .current-currency').text(txt); // When customer clicks on a currency button. buttons.click(function() { buttons.removeClass('selected'); jQuery(this).addClass('selected'); var newCurrency = jQuery(this).attr('data-currency'); var txt = jQuery('#currencies span.selected').text(); jQuery('.currency-selector .current-currency').text(txt); Currency.convertAll(Currency.currentCurrency, newCurrency); }); // For options. var original_selectCallback = window.selectCallback; var selectCallback = function(variant, selector) { original_selectCallback(variant, selector); Currency.convertAll(shopCurrency, jQuery('#currencies span.selected').attr('data-currency')); jQuery('.selected-currency').text(Currency.currentCurrency); }; $('body').on('ajaxCart.afterCartLoad', function(cart) { Currency.convertAll(shopCurrency, jQuery('#currencies span.selected').attr('data-currency')); jQuery('.selected-currency').text(Currency.currentCurrency); }); jQuery('.selected-currency').text(Currency.currentCurrency); </script> <script> jQuery(function() { jQuery('variant-radios :radio').change(function() { var optionIndex = jQuery(this).closest('.swatch').attr('data-option-index'); var optionValue = jQuery(this).val(); jQuery(this).parents('fieldset').find('.variant_current').text(optionValue); }); }); </script> <script src="//wafuu.com/cdn/shop/t/4/assets/variants.js?v=123957439217863500641707489162" defer="defer"></script> <script src="//wafuu.com/cdn/shop/t/4/assets/nuranium2.js?v=17868204677315318261707489206" type="text/javascript"></script>  <script> var langify = langify || {}; /** * * * @class LyHelper */ class LyHelper { constructor() { return { ajax: function(params) { return LyHelper.ajax(params); }, isIE: function() { return LyHelper.isIE(); }, extractImageObject: function(val) { return LyHelper.extractImageObject(val); }, getCurrentLanguage: function() { return LyHelper.getCurrentLanguage(); }, getCookie: function(name) { return LyHelper.getCookie(name); }, setCookie: function(name, value, days) { return LyHelper.setCookie(name, value, days); }, getVersion: function() { return LyHelper.getVersion(); }, isOutOfViewport: function(elem) { return LyHelper.isOutOfViewport(elem); }, isDomainFeatureEnabled: function() { return LyHelper.isDomainFeatureEnabled(); }, getVal: function(str) { return LyHelper.getVal(str); }, inIframe: function() { return LyHelper.inIframe(); }, shopifyAPI: function() { return LyHelper.shopifyAPI(); }, loadScript: function(url, callback) { return LyHelper.loadScript(url, callback); }, localizationRedirect: function(type, code, additionalFields, additionalParams, domain) { return LyHelper.localizationRedirect(type, code, additionalFields, additionalParams, domain); }, changeCurrency: function(code) { return LyHelper.changeCurrency(code); }, log: function(title, data, type) { return LyHelper.log(title, data, type); }, } } static ajax(params) { var data = params.data; fetch(params.url, { method: params.method, headers: { 'Content-Type': 'application/json', }, body: (data && params.method === 'POST') ? JSON.stringify(data) : null, }) .then(response => response.json()) .then(data => { params.success(data); }) .catch((error) => { console.error('Error:', error); }); } static isIE() { var ua = navigator.userAgent; var is_ie = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1; return is_ie; } static extractImageObject(val) { if(!val || val == '') return false; var val = val; // Handle src-sets if(val.search(/([0-9]+w?h?x?,)/gi) > -1) { val = val.split(/([0-9]+w?h?x?,)/gi)[0]; } var hostBegin = val.indexOf('//') ? val.indexOf('//') : 0; var hostEnd = val.lastIndexOf('/') + 1; var host = val.substring(hostBegin, hostEnd); var afterHost = val.substring(hostEnd, val.length); var url = val; var file = ''; var name = ''; var type = ''; afterHost = afterHost.substring(0, (afterHost.indexOf("#") == -1) ? afterHost.length : afterHost.indexOf("#")); afterHost = afterHost.substring(0, (afterHost.indexOf("?") == -1) ? afterHost.length : afterHost.indexOf("?")); name = afterHost.replace(/(_[0-9]+x[0-9]*|_{width}x|_{size})?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?\.(png\.jpg|jpe?g|png|gif|webp)/gi, ""); if(afterHost.search(/(\.png\.jpg|\.jpg\.jpg)/gi) > -1) { type = afterHost.substring(afterHost.search(/(\.png\.jpg|\.jpg\.jpg)/gi)+1, afterHost.length); } else { type = afterHost.substring(afterHost.lastIndexOf('.')+1, afterHost.length); } file = afterHost.replace(/(_[0-9]+x[0-9]*|_{width}x|_{size})?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?\.(png\.jpg|jpe?g|png|gif|webp)/gi, '.'+type); return { host: host, name: name, type: type, file: file } } static getCurrentLanguage() { return window.langify.locale.iso_code; } static setLanguage(code) { } static getCookie(name) { var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); if(v) return v[2]; else return null; } static setCookie(name, value, days) { var d = new Date; d.setTime(d.getTime() + 24*60*60*1000*days); document.cookie = name + "=" + value + ";path=/;expires=" + d.toGMTString(); } static getVersion() { return 2; } static isOutOfViewport (elem) { var bounding = elem.getBoundingClientRect(); var out = {}; out.top = bounding.top < 0; out.left = bounding.left < 0; out.bottom = Math.ceil(bounding.bottom) >= (window.innerHeight || document.documentElement.clientHeight); out.right = bounding.right > (window.innerWidth || document.documentElement.clientWidth); out.any = out.top || out.left || out.bottom || out.right; out.inViewport = bounding.x > 0 && bounding.y > 0; return out; } static isDomainFeatureEnabled() { return window.langify.locale.domain_feature_enabled; } static getVal(str) { var v = window.location.search.match(new RegExp('(?:[?&]'+str+'=)([^&]+)')); return v ? v[1] : null; } static inIframe() { try { return window.self !== window.top; } catch (e) { return true; } } static shopifyAPI() { var root_url = window.langify.locale.root_url != '/' ? window.langify.locale.root_url : ''; return { attributeToString: function(attribute) { if((typeof attribute) !== 'string') { attribute += ''; if(attribute === 'undefined') {attribute = '';} } return attribute.trim(); }, getCart: function(callback) { LyHelper.ajax({ method: 'GET', url: root_url+'/cart.js', success: function (cart, textStatus) { if((typeof callback) === 'function') { callback(cart); } } }); }, updateCartNote: function(note, callback) { var params = { method: 'POST', url: root_url+'/cart/update.js', data: 'note=' + this.attributeToString(note), dataType: 'json', success: function(cart) {if((typeof callback) === 'function') {callback(cart);}}, error: this.onError }; LyHelper.ajax(params); }, updateCartAttributes: function(attributes, callback) { var params = { method: 'POST', url: root_url+'/cart/update.js', data: {"attributes": attributes}, dataType: 'json', success: function(cart) { if((typeof callback) === 'function') { callback(cart); } }, error: this.onError }; LyHelper.ajax(params); }, onError: function(XMLHttpRequest, textStatus) { } } } static loadScript(url, callback) { var script = document.createElement('script'); script.type = 'text/javascript'; if(script.readyState) { script.onreadystatechange = function () { if(script.readyState == 'loaded' || script.readyState == 'complete') { script.onreadystatechange = null; callback(); } }; } else { script.onload = function () { callback(); }; } script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } static localizationRedirect(type, code, additionalFields, additionalParams, domain) { if(domain) { var newDomain = domain; if(domain.indexOf('redirected=true') === -1 && type === 'language_code') { if(domain.indexOf('?') >= 0) { newDomain += '&redirected=true'; } else { newDomain += '?redirected=true'; } } window.location.href = newDomain; return true; } if(type !== 'country_code' && type !== 'language_code') { return false; } if(!additionalParams) { var additionalParams = ''; } var params = [ { name: type, value: code }, { name: 'return_to', value: window.location.pathname + window.location.search + additionalParams + window.location.hash }, { name: 'form_type', value: 'localization' }, { name: '_method', value: 'put' } ]; if(additionalFields) { for(var i=0; i<additionalFields.length; i++) { params.push(additionalFields[i]); } } const form = document.createElement('form'); form.method = 'POST'; form.action = '/localization'; params.forEach(function(param) { const field = document.createElement('input'); field.type = 'hidden'; field.name = param['name']; field.value = param['value']; form.appendChild(field); }); document.body.appendChild(form); form.submit(); } static changeCurrency(code) { let returnToUrl = window.location.pathname + window.location.search; if(window.location.search.indexOf('?') >= 0) { returnToUrl += '&currency_code='; } else { returnToUrl += '?currency_code='; } returnToUrl += code; returnToUrl += window.location.hash; const params = [ { name: 'currency_code', value: code }, { name: 'return_to', value: returnToUrl }, { name: 'form_type', value: 'localization' }, { name: '_method', value: 'put' } ]; const form = document.createElement('form'); form.method = 'POST'; form.action = '/localization'; params.forEach(function(param) { const field = document.createElement('input'); field.type = 'hidden'; field.name = param['name']; field.value = param['value']; form.appendChild(field); }); document.body.appendChild(form); form.submit(); } static log(title, data, type) { if(langify.settings.debug) { if(!data) { var data = ''; } var css = 'color: green; font-weight: bold;'; if(type === 'error') { css = 'color: red; font-weight: bold;'; } console.log(`%c ${title}: \n`, css, data); } } }; /** * * * @class TranslationObserver */ class TranslationObserver { constructor() { LyHelper.log('TranslationObserver instantiation') } init() { if(langify.settings.observe && !LyHelper.isIE()) { var langifyObserver = this.langifyObserverCore(); langifyObserver.init(); // HOTFIX: translation observer sometimes refuses to trigger on page load_ langifyObserver.triggerCustomContents(); langify.api = { observer: { start: langifyObserver.init, stop: langifyObserver.stopObserver, trigger: langifyObserver.triggerCustomContents, translateLink: langifyObserver.translateLink, translateTextNode: langifyObserver.translateTextNode, translateNodeAttrs: langifyObserver.translateNodeAttrs, translateImage: langifyObserver.translateImage, translateCssImage: langifyObserver.translateCssImage } }; } return this; } langifyObserverCore() { var observedNodes = []; var intersectionObs = null; var mutationCount = 0; var mutationObs = null; var mutationObsConfig = { characterData: true, characterDataOldValue: true, attributes: true, attributeOldValue: true, childList: true, subtree: true, }; var customContents_html = {}; var customContents_text = {}; var customContents_attr = {}; function init() { if(langify.settings.observe) { spreadCustomContents(); if (window.MutationObserver) { if (langify.settings.lazyload && window.IntersectionObserver) { startIntersectionObserver(); } else { startMutationObserver(null); } } else { startMutationEvents(); } } } // Intersection Observer function startIntersectionObserver() { intersectionObs = new IntersectionObserver(callbackIntersectionChange); var elementNodes = document.getElementsByClassName('shopify-section'); Array.prototype.slice.call(elementNodes).forEach(function(node) { intersectionObs.observe(node); }); } function callbackIntersectionChange(intersections) { intersections.forEach(function(intersection) { var target = intersection.target; var targetIsIntersecting = Boolean(target.getAttribute('ly-is-intersecting') === "true" ? true : false); if(typeof targetIsIntersecting == 'undefined' || targetIsIntersecting == null) { target.setAttribute('ly-is-intersecting', intersection.isIntersecting); targetIsIntersecting = intersection.isIntersecting; } // On Screen if(targetIsIntersecting == false && intersection.isIntersecting == true) { if(!target.getAttribute('ly-is-observing')) { startMutationObserver(target); intersectionObs.unobserve(target); // As the mutation observer didn't see the "add" of the elememts, trigger the initial translation manually var elementNodes = getNodesUnder(target, 'SHOW_ELEMENT'); var textNodes = getNodesUnder(target, 'SHOW_TEXT'); var nodes = elementNodes.concat(textNodes); nodes.forEach(function(node) { translate(node, 'mutation -> childList'); }); } } // Off Screen //else if(targetIsIntersecting == true && intersection.isIntersecting == false) { // stopMutationObserver(target); //} target.setAttribute('ly-is-intersecting', intersection.isIntersecting); }); } // Mutation Observer function startMutationObserver(observerTarget) { if (!observerTarget) { var target = document.documentElement || document.body; // main window } else { if (observerTarget.nodeName === 'IFRAME') { try { var target = observerTarget.contentDocument || observerTarget.contentWindow.document; } catch { return false; } } else { var target = observerTarget; } } mutationObs = new MutationObserver(callbackDomChange); mutationObs.observe(target, mutationObsConfig); observedNodes.push(target); try { target.setAttribute('ly-is-observing', 'true'); } catch(e) {} } function stopMutationObserver(target) { if(observedNodes.indexOf(target) > -1) { observedNodes.splice(observedNodes.indexOf(target), 1); } var mutations = mutationObs.takeRecords(); mutationObs.disconnect(); observedNodes.forEach(node => { mutationObs.observe(node, mutationObsConfig); }); try { target.removeAttribute('ly-is-observing'); } catch(e) {} } function callbackDomChange(mutations, mutationObs) { for (var i = 0, length = mutations.length; i < length; i++) { var mutation = mutations[i]; var target = mutation.target; // Links-Hook if (mutation.type === 'attributes' && (mutation.attributeName === 'href' || mutation.attributeName === 'action')) { var target = mutation.target; translateLink(target.getAttribute(mutation.attributeName), target); } // Images-Hook else if (mutation.type === 'attributes' && (mutation.attributeName === 'src' || mutation.attributeName === 'data-src' || mutation.attributeName === 'srcset' || mutation.attributeName === 'data-srcset')) { translateImage(target, mutation.attributeName); } else if (mutation.type === 'attributes' && mutation.attributeName === 'style') { translateCssImage(target); } // Subtree Events else if (mutation.type === 'childList') { // Added Nodes if(mutation.addedNodes.length > 0) { var elementNodes = getNodesUnder(mutation.target, 'SHOW_ELEMENT'); var textNodes = getNodesUnder(mutation.target, 'SHOW_TEXT'); var nodes = elementNodes.concat(textNodes); nodes.forEach(function(node) { translate(node, 'mutation -> childList'); }); } } // CharacterData Events else if (mutation.type === 'characterData') { var target = mutation.target; translate(target, 'mutation -> characterData'); } } } function translate(node, info) { if((node.nodeType === 1 && node.hasAttribute('data-ly-locked')) || (node.nodeType === 3 && node.parentNode && node.parentNode.hasAttribute('data-ly-locked'))) { return; } // CC-Hook if (node.nodeName !== 'SCRIPT' && node.nodeName !== 'STYLE') { if (node.nodeType === 3) { translateTextNode(node, info); } var attributes = ['placeholder','title'] attributes.forEach(attribute => translateNodeAttrs(node,attribute)); } // Links-Hook if (node.nodeName === 'A' || node.nodeName === 'FORM' || node.nodeName === 'IMG') { if(node.hasAttribute('href')) {var attrName = 'href';} else if(node.hasAttribute('data-href')) {var attrName = 'data-href';} else {var attrName = 'action';} var url = node.getAttribute(attrName); translateLink(url, node); } // Images-Hook if (node.nodeName === 'IMG' || node.nodeName === 'SOURCE') { translateImage(node, ['src', 'data-src', 'srcset', 'data-srcset']); } if (node.attributes && node.getAttribute('style')) { translateCssImage(node); } // Iframe Observation if (node.nodeName === 'IFRAME') { // Todo: handle srcdoc iframe content observing if (node.getAttribute('ly-is-observing') == null && node.getAttribute('src') == null && !node.hasAttribute('srcdoc')) { node.setAttribute('ly-is-observing', 'true'); startMutationObserver(node); } } } function translateNodeAttrs(node,attribute) { if (node.attributes && node.getAttribute(attribute)) { var src = node.getAttribute(attribute).trim().replace(/(\r\n|\n|\r)/gim,"").replace(/\s+/g," ").toLowerCase(); if(customContents_text[src] && node.getAttribute(attribute) !== customContents_text[src]) { node.setAttribute(attribute, customContents_text[src]); } } } function translateTextNode(node, info) { if(langify.settings.observeCustomContents === false || !node.textContent || node.textContent.trim().length === 0) { return; } var oldSrc = node.textContent.trim().replace(/(\r\n|\n|\r)/gim,"").replace(/\s+/g," ").toLowerCase(); var src = node.textContent.trim().replace(/(\r\n|\n|\r)/gim," ").replace(/\s+/g," ").toLowerCase(); if(customContents_text[oldSrc]) { src = oldSrc; } if(customContents_text[src] && node.textContent !== customContents_text[src]) { var newContent = node.textContent.replace(node.textContent.trim(), customContents_text[src]); if (newContent != node.textContent) { if(!node.parentNode.hasAttribute('data-ly-mutation-count') || parseInt(node.parentNode.getAttribute('data-ly-mutation-count')) < langify.settings.maxMutations) { var count = node.parentNode.hasAttribute('data-ly-mutation-count') ? parseInt(node.parentNode.getAttribute('data-ly-mutation-count')) : 0; node.parentNode.setAttribute('data-ly-mutation-count', count+1); node.textContent = newContent; mutationCount = mutationCount + 1; LyHelper.log('REPLACED (TEXT)', { oldValue: src, newValue: customContents_text[src], mutationCount, }, 'success' ); var event = new CustomEvent('langify.observer.aftertranslatetext', { bubbles: true, detail: { target: node, original: src, translation: customContents_text[src] } }); node.dispatchEvent(event); } } } } function translateLink(url, node, force) { if(langify.settings.observeLinks === false || isLocalizationForm(node) || node.hasAttribute('data-ly-locked') || !url || (url.indexOf('mailto:') !== -1 || url.indexOf('javascript:') !== -1 || url.indexOf('tel:') !== -1 || url.indexOf('file:') !== -1 || url.indexOf('ftp:') !== -1 || url.indexOf('sms:') !== -1 || url.indexOf('market:') !== -1 || url.indexOf('fax:') !== -1 || url.indexOf('callto:') !== -1 || url.indexOf('ts3server:') !== -1)) { return; } var isLocalized = ( url.indexOf('/'+ langify.locale.iso_code +'/') === 0 || url === '/'+ langify.locale.iso_code || url.indexOf('/'+ langify.locale.iso_code.toLowerCase() +'/') === 0 || url === '/'+ langify.locale.iso_code.toLowerCase() || url.indexOf('/'+ langify.locale.iso_code.toLowerCase().substring(0,2) +'/') === 0 || url === '/'+ langify.locale.iso_code.toLowerCase().substring(0,2) || url.indexOf(langify.locale.root_url + '/') === 0 || url === langify.locale.root_url || url.indexOf(langify.locale.shop_url + langify.locale.root_url) === 0 || url === langify.locale.shop_url + langify.locale.root_url ); var cleanUrl = url.replace(langify.locale.shop_url, ''); var re = new RegExp(`\/\\b${langify.locale.iso_code.replace('-', '\-')}\\b\/`, 'gi'); var link = cleanUrl.replace(re, '/'); var isUrlAbsolute = (link.indexOf('://') > 0 || link.indexOf('//') === 0); var blacklist = ['#', '/'+ langify.locale.iso_code +'#'].concat(langify.settings.linksBlacklist); var isUrlBlacklisted = blacklist.find(x => url.indexOf(x) === 0); if (!isUrlAbsolute && !isUrlBlacklisted && link.indexOf('/') != 0) {link = '/' + link;} if(!isLocalized && !isUrlAbsolute && !isUrlBlacklisted && langify.locale.root_url != '/' || force) { if(node.hasAttribute('href')) {var attrName = 'href';} else if(node.hasAttribute('data-href')) {var attrName = 'data-href';} else {var attrName = 'action';} if(link === '/' || link == langify.locale.root_url) link = ''; var newLink = langify.locale.root_url + link; var timeStamp = Math.floor(Date.now()); if(!node.hasAttribute('data-ly-processed') || timeStamp > parseInt(node.getAttribute('data-ly-processed')) + langify.settings.timeout) { node.setAttribute('data-ly-processed', timeStamp); node.setAttribute(attrName, newLink); if(node.hasAttribute('data-'+attrName)) node.setAttribute('data-'+attrName, newLink); mutationCount = mutationCount + 1; LyHelper.log('REPLACED (LINK)', { attrName, oldValue: url, newValue: newLink, mutationCount, }, 'success' ); var event = new CustomEvent('langify.observer.aftertranslatelink', { bubbles: true, detail: { target: node, attribute: attrName, original: url, translation: newLink } }); node.dispatchEvent(event); } } } function translateImage(node, attr) { if(langify.settings.observeImages === false || node.hasAttribute('data-ly-locked') || Object.keys(customContents_image).length === 0) { return } var attrs = []; if(typeof attr === 'string') attrs.push(attr); else if(typeof attr === 'object') attrs = attr; var timeStamp = Math.floor(Date.now()); if(!node.hasAttribute('data-ly-processed') || timeStamp > parseInt(node.getAttribute('data-ly-processed')) + langify.settings.timeout) { node.setAttribute('data-ly-processed', timeStamp); attrs.forEach(function(attr) { if(node.hasAttribute(attr)) { var imgObject = LyHelper.extractImageObject(node.getAttribute(attr)); var imgKey = imgObject ? imgObject.file.toLowerCase() : ''; if(customContents_image[imgKey]) { // Replace var oldValue = node.getAttribute(attr); var translation = node.getAttribute(attr); translation = translation.replace(new RegExp(imgObject.host, 'g'), customContents_image[imgKey].host); translation = translation.replace(new RegExp(imgObject.name, 'g'), customContents_image[imgKey].name); translation = translation.replace(new RegExp(imgObject.type, 'g'), customContents_image[imgKey].type); // China Hook if(node.getAttribute(attr).indexOf('cdn.shopifycdn.net') >= 0) { translation = translation.replace(new RegExp('cdn.shopify.com', 'g'), 'cdn.shopifycdn.net'); } if(node.getAttribute(attr) != translation) { node.setAttribute(attr, translation); mutationCount = mutationCount + 1; LyHelper.log('REPLACED (IMAGE)', { attrName: attr, oldValue: oldValue, newValue: translation, mutationCount, }, 'success'); var event = new CustomEvent('langify.observer.aftertranslateimage', { bubbles: true, detail: { target: node, attribute: attr, original: oldValue, translation: translation } }); node.dispatchEvent(event); } } } }); } } function translateCssImage(node) { if(langify.settings.observeImages === false || node.hasAttribute('data-ly-locked') || Object.keys(customContents_image).length === 0 || !node.getAttribute('style')) { return } var imgMatches = node.getAttribute('style').match(/url$("|')?(.*)("|')?$/gi); if(imgMatches !== null) { var imgSource = imgMatches[0].replace(/url$("|')?|("|')?$/, ''); var imgObject = LyHelper.extractImageObject(imgSource); var imgKey = imgObject ? imgObject.file.toLowerCase() : ''; var attr = 'style'; if(customContents_image[imgKey]) { // Replace var translation = node.getAttribute(attr); translation = translation.replace(new RegExp(imgObject.host, 'g'), customContents_image[imgKey].host); translation = translation.replace(new RegExp(imgObject.name, 'g'), customContents_image[imgKey].name); translation = translation.replace(new RegExp(imgObject.type, 'g'), customContents_image[imgKey].type); // China Hook if(node.getAttribute(attr).indexOf('cdn.shopifycdn.net') >= 0) { translation = translation.replace(new RegExp('cdn.shopify.com', 'g'), 'cdn.shopifycdn.net'); } if(node.getAttribute(attr) != translation) { var timeStamp = Math.floor(Date.now()); if(!node.hasAttribute('data-ly-processed') || timeStamp > parseInt(node.getAttribute('data-ly-processed')) + langify.settings.timeout) { node.setAttribute('data-ly-processed', timeStamp); node.setAttribute(attr, translation); mutationCount = mutationCount + 1; } } } } } function findAndLocalizeLinks(target, parent) { if(target.parentNode && parent) var allLinks = target.parentElement.querySelectorAll('[href],[action]'); else var allLinks = target.querySelectorAll('[href],[action]'); allLinks.forEach(link => { if(link.hasAttribute('href')) var attrName = 'href'; else var attrName = 'action'; var url = link.getAttribute(attrName); translateLink(url, link); }); } function isLocalizationForm(node) { if(node.querySelector('input[name="form_type"][value="localization"]')){ return true; } return false; } function getNodesUnder(el, show){ var n, a=[], walk=document.createTreeWalker(el, NodeFilter[show] , null, false); while(n=walk.nextNode()) a.push(n); return a; } function spreadCustomContents() { var getFileName = function(url) { if(!url || url == '') return; url = url.substring(0, (url.indexOf("#") == -1) ? url.length : url.indexOf("#")); url = url.substring(0, (url.indexOf("?") == -1) ? url.length : url.indexOf("?")); url = url.substring(url.lastIndexOf("/") + 1, url.length); url = url.replace(/(_[0-9]+x[0-9]*|_{width}x)?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?\.(jpe?g|png|gif|webp)/gi, ""); return '/' + url; } Object.entries(customContents).forEach(function(entry) { //if(/<\/?[a-z][\s\S]*>/i.test(entry[0])) customContents_html[entry[0]] = entry[1]; //else if(/(http(s?):)?([/|.|\w|\s|-])*\.(?:jpe?g|gif|png)/.test(entry[0])) customContents_image[getFileName(entry[0])] = getFileName(entry[1]); if(/(http(s?):)?([/|.|\w|\s|-])*\.(?:jpe?g|gif|png|webp)/.test(entry[0])) customContents_image[LyHelper.extractImageObject(entry[0]).file] = LyHelper.extractImageObject(entry[1]); else customContents_text[entry[0]] = entry[1]; }); LyHelper.log('CUSTOM CONTENTS:', {customContents, customContents_text, customContents_image}, 'info') } // Polyfill for old browsers function startMutationEvents() { var target = document.querySelector('body'); target.addEventListener("DOMAttrModified", function (event) { if(event.attrName === 'href' || event.attrName === 'action') { if(event.prevValue != event.newValue) { translateLink(event.newValue, event.target); } } }, false); target.addEventListener("DOMSubtreeModified", function (event) { //findAndLocalizeLinks(event.target, false); //matchCustomContent(event.target); }, false); } function triggerCustomContents() { var rootnode = document.getElementsByTagName('body')[0] var walker = document.createTreeWalker(rootnode, NodeFilter.SHOW_ALL, null, false) while (walker.nextNode()) { //LyHelper.log(walker.currentNode.tagName) translate(walker.currentNode, null); } } function stopObserver() { mutationObs.takeRecords(); mutationObs.disconnect(); } //init(); return { init: init, triggerCustomContents: triggerCustomContents, stopObserver: stopObserver, translateLink: translateLink, translateTextNode: translateTextNode, translateNodeAttrs: translateNodeAttrs, translateImage: translateImage, translateCssImage: translateCssImage } }; } /** * * * @class Switcher */ class Switcher { constructor(switcherSettings) { LyHelper.log('Switcher instantiation'); this.lyForceOff = location.search.split('ly-force-off=')[1]; this.switcherElements = Array.prototype.slice.call(document.getElementsByClassName('ly-switcher-wrapper')); } init() { // Initial cart.attributes update LyHelper.shopifyAPI().getCart(function (cart) { var currentLanguage = langify.locale.iso_code; if(!cart.attributes.language || cart.attributes.language != currentLanguage) { LyHelper.shopifyAPI().updateCartAttributes({"language": currentLanguage}, function(data){}); } }); if(langify.locale.languages.length === 1) { console.info(`%c LANGIFY INFO:\n`, 'font-weight: bold;', 'The language switcher is hidden! This can have one of the following reasons: \n * All additional languages are disabled in the "Langify -> Dashboard -> Languages" section. \n * If you are using different domains for your additional languages, ensure that "Cross Domain Links" are enabled inside the "Langify -> Dashboard -> Switcher Configurator -> Domains" section.'); return false; } this.setCustomPosition(); this.initCustomDropdown(); this.bindCountrySwitchers(); this.bindCurrencySwitchers(); this.bindLanguageSwitchers(); var event = new CustomEvent('langify.switcher.initialized', { bubbles: true, detail: {} }); } initCustomDropdown() { // Custom Dropdown var root = this; var switcher = document.getElementsByClassName('ly-custom-dropdown-switcher'); for(var a = 0; a < switcher.length; a++) { switcher[a].classList.toggle('ly-is-open'); var isOut = LyHelper.isOutOfViewport(switcher[a]); if(isOut.bottom && isOut.inViewport) { switcher[a].classList.add('ly-is-dropup'); var arrows = switcher[a].querySelectorAll('.ly-arrow'); for(var b = 0; b < arrows.length; b++) { arrows[b].classList.add('ly-arrow-up'); } } switcher[a].classList.toggle('ly-is-open'); switcher[a].onclick = function(event) { root.toggleSwitcherOpen(this); } } document.addEventListener('click', function(event) { if(!event.target.closest('.ly-custom-dropdown-switcher')) { var openSwitchers = document.querySelectorAll('.ly-custom-dropdown-switcher.ly-is-open') for(var i = 0; i < openSwitchers.length; i++) { openSwitchers[i].classList.remove('ly-is-open'); } } }); } bindLanguageSwitchers() { var root = this; var links = document.getElementsByClassName('ly-languages-switcher-link'); for(var l = 0; l < links.length; l++) { links[l].addEventListener('click', function(event) { event.preventDefault(); if(LyHelper.isDomainFeatureEnabled() && this.getAttribute('href') !== '#' && !this.getAttribute('data-country-code')) { var domain = this.getAttribute('href'); } LyHelper.setCookie('ly-lang-selected', this.getAttribute('data-language-code'), 365); LyHelper.localizationRedirect('language_code', this.getAttribute('data-language-code'), root._dataAttrToAdditionalFields(this), null, domain); }); } // Native select event handling var nativeLangifySelects = document.querySelectorAll('select.ly-languages-switcher'); for(var i = 0; i < nativeLangifySelects.length; i++) { nativeLangifySelects[i].onchange = function() { event.preventDefault(); if(LyHelper.isDomainFeatureEnabled() && this[this.selectedIndex].getAttribute('data-domain') !== '#' && this[this.selectedIndex].getAttribute('data-country-code')) { var domain = this[this.selectedIndex].getAttribute('data-domain'); } LyHelper.setCookie('ly-lang-selected', this[this.selectedIndex].getAttribute('data-language-code'), 365); LyHelper.localizationRedirect('language_code', this[this.selectedIndex].getAttribute('data-language-code'), root._dataAttrToAdditionalFields(this), null, domain); }; } } bindCountrySwitchers() { var countrySelectSwitcher = document.querySelectorAll('select.ly-country-switcher'); var countryCustomSwitcher = document.querySelectorAll('div.ly-country-switcher a'); for(var i=0; i<countryCustomSwitcher.length; i++) { countryCustomSwitcher[i].addEventListener('click', function(e) { LyHelper.localizationRedirect('country_code', this.getAttribute('data-country-code')); }); } for(var a=0; a<countrySelectSwitcher.length; a++) { countrySelectSwitcher[a].addEventListener('change', function(){ LyHelper.localizationRedirect('country_code', this[this.selectedIndex].getAttribute('data-country-code')); }); } } bindCurrencySwitchers() { var currencySelectSwitcher = document.querySelectorAll('select.ly-currency-switcher'); var currencyCustomSwitcher = document.querySelectorAll('div.ly-currency-switcher a'); for(var i=0; i<currencyCustomSwitcher.length; i++) { currencyCustomSwitcher[i].addEventListener('click', function(e) { LyHelper.changeCurrency(this.getAttribute('data-currency-code')); }); } for(var a=0; a<currencySelectSwitcher.length; a++) { currencySelectSwitcher[a].addEventListener('change', function(){ LyHelper.changeCurrency(this[this.selectedIndex].getAttribute('data-currency-code')); }); } } setCustomPosition() { for(var i = 0; i < this.switcherElements.length; i++) { if(this.lyForceOff !== 'true') { if(langify.locale.languages.length <= 1) { this.switcherElements[i].querySelector('.ly-languages-switcher').classList.add('ly-hide'); } this.switcherElements[i].classList.remove('ly-hide'); } if(this.switcherElements[i].classList.contains('ly-custom') && (document.getElementById('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint')) || document.getElementsByClassName('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint')).length )) { var targets = Array.from(document.getElementsByClassName('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint'))); var target = document.getElementById('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint')); if(target) targets.push(target); for(var c = 0; c < targets.length; c++) { var clone = this.switcherElements[i].cloneNode(true); if(this.switcherElements[i].parentNode) { this.switcherElements[i].remove(); } targets[c].innerHTML = clone.outerHTML; } this.switcherElements[i].classList.add('ly-hide'); } } } toggleSwitcherOpen(e) { var target = e; if(!target.classList.contains('ly-is-open')) { var openSwitchers = document.querySelectorAll('.ly-custom-dropdown-switcher.ly-is-open') for(var i = 0; i < openSwitchers.length; i++) { openSwitchers[i].classList.remove('ly-is-open'); } target.getElementsByClassName('ly-custom-dropdown-current')[0].setAttribute('aria-expanded', 'true'); } else { target.getElementsByClassName('ly-custom-dropdown-current')[0].setAttribute('aria-expanded', 'false'); } target.classList.toggle('ly-is-open'); var isOut = LyHelper.isOutOfViewport(target); if(isOut.bottom) { target.classList.add('ly-is-dropup'); } } togglePopupOpen(e) { e.closest('.ly-popup-switcher').classList.toggle('ly-is-open'); } _getCountryCodeFromHreflang(language_code) { var hreflangTags = document.querySelectorAll('link[hreflang]'); var languageDomains = {}; var countryCode = false; for(var i = 0; i < hreflangTags.length; i++) { if(hreflangTags[i].getAttribute('hreflang').indexOf(language_code) === 0) { if(!languageDomains[hreflangTags[i].getAttribute('href')]) { languageDomains[hreflangTags[i].getAttribute('href')] = hreflangTags[i]; } } } if(Object.keys(languageDomains).length > 0) { countryCode = Object.values(languageDomains)[0].getAttribute('hreflang'); countryCode = countryCode.split('-'); if(countryCode[1]) { countryCode = countryCode[1] } else { } } return countryCode; } _dataAttrToAdditionalFields(elem) { var additionalFields = []; if(elem.hasAttribute('data-country-code')) { additionalFields.push({ name: 'country_code', value: elem.getAttribute('data-country-code') }); } if(elem.hasAttribute('data-currency-code')) { additionalFields.push({ name: 'currency_code', value: elem.getAttribute('data-currency-code') }); } return additionalFields; } } /** * * * @class LanguageDetection */ class LanguageDetection { constructor() { this.hreflangList = null; LyHelper.log('LanguageDetection instantiation'); } init() { if(LyHelper.inIframe() || window.location.pathname.indexOf('preview_key=') > 0) { return null; } var currentLang = langify.locale.iso_code.toLowerCase(); //var localizationData = this.getLocalizationData(); this.hreflangList = this.getHreflangList(); var userLang = navigator.language || navigator.userLanguage; userLang = userLang.toLowerCase(); var bot = /bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex|Chrome-Lighthouse/i.test(navigator.userAgent); var blockedRoutes = window.lyBlockedRoutesList || []; var blockedRoute = blockedRoutes.find(x => window.location.pathname.indexOf(x) === 0); var is404 = document.getElementsByClassName('template-404').length; if(LyHelper.getVal('redirected') === 'true') { LyHelper.setCookie('ly-lang-selected', currentLang, 365); var _href = window.location.href; history.replaceState(null, '', _href.replace(/(\?|&)(redirected=true)/i, '')); return null; } if(!is404 && !bot && !blockedRoute && LyHelper.getVal('ly-lang-detect') !== 'off') { if(userLang && !LyHelper.getCookie('ly-lang-selected')) { var hasMatch = this.matchHreflangList(userLang); if(currentLang !== this._hreflangToLanguageCode(hasMatch)) { if(hasMatch) { this.redirectMatched(userLang); } else if (!hasMatch && langify.settings.switcher.languageDetectionDefault) { // Redirect to default language this.redirectMatched(langify.settings.switcher.languageDetectionDefault); } } } else { if(LyHelper.getCookie('ly-lang-selected') && LyHelper.getCookie('ly-lang-selected') !== currentLang) { // Only save cookie when the domain feature is active if(LyHelper.isDomainFeatureEnabled()) { LyHelper.setCookie('ly-lang-selected', currentLang, 365); } this.redirectMatched(LyHelper.getCookie('ly-lang-selected')); } } } this._geolocationAppSupport(); } redirectMatched(userLang) { var match = this.matchHreflangList(userLang); if(match) { this.redirectHref(match.href, match.lang); } return match; } matchHreflangList(userLang) { var matchedHreflang = false; var browserLang = userLang; // Find candidates var candidates = this.hreflangList.filter(item => item.lang === browserLang); if(candidates.length === 0) { browserLang = userLang.toLowerCase(); candidates = this.hreflangList.filter(item => item.lang.toLowerCase().indexOf(browserLang) === 0); } if(candidates.length === 0) { browserLang = userLang.toLowerCase().substring(0, 2); candidates = this.hreflangList.filter(item => item.lang.toLowerCase().indexOf(browserLang) === 0); } // Handle candidates if(candidates.length === 1) { return({href: candidates[0].href, lang: browserLang}); } else if(candidates.length > 1) { var preferedCandidate = candidates.find(item => item.href.indexOf(window.location.host) >= 0) if(preferedCandidate) { return({href: preferedCandidate.href, lang: browserLang}); } else { return({href: candidates[0].href, lang: browserLang}); } } return false; } redirectHref(href, userLang) { var queryString = window.location.search; var url = href.split('?')[0]; if(queryString === '') { queryString = '?redirected=true'; } else { queryString += '&redirected=true'; } window.location.replace(url + queryString); } getHreflangList() { var hreflangTags = document.querySelectorAll('link[hreflang]'); var hreflangList = []; var countryCode = false; // Cross Domain Links option if(LyHelper.isDomainFeatureEnabled()) { for(var i = 0; i < langify.locale.languages.length; i++) { let newHref = 'https://' + langify.locale.languages[i].domain + window.location.pathname + window.location.search + window.location.hash; // When cross-domain link is pointing to the same domain with subfolders, window.location.pathname would have to be unlocalized before it can be merged into the url if(new String(langify.locale.languages[i].domain).indexOf(window.location.hostname) === 0) { let unlocalizedPathname = langify.locale.root_url !== '/' ? window.location.pathname.replace(langify.locale.root_url, '') : window.location.pathname; newHref = 'https://' + langify.locale.languages[i].domain + unlocalizedPathname + window.location.search + window.location.hash } hreflangList.push({ href: newHref, lang: langify.locale.languages[i].iso_code, }); } } for(var i = 0; i < hreflangTags.length; i++) { var hreflang = hreflangTags[i].getAttribute('hreflang').toLowerCase(); hreflang = hreflang.replace('zh-hans', 'zh-cn').replace('zh-hant', 'zh-tw'); // Chinese special cases hreflangList.push({ href: hreflangTags[i].getAttribute('href'), lang: hreflang }); } return hreflangList; } _langToHreflang(userLang) { var hreflang = ''; this.hreflangList.map(function(item) { if(item.lang === userLang) { hreflang = userLang; } }); if(hreflang === '') { this.hreflangList.map(function(item) { var browserLang = userLang.toLowerCase(); if(item.lang.toLowerCase().indexOf(browserLang) === 0) { hreflang = browserLang; } else if(item.lang.toLowerCase().indexOf(browserLang.substring(0, 2)) === 0) { hreflang = browserLang.substring(0, 2); } }); } return hreflang || userLang; } _hreflangToLanguageCode(hreflangTag) { if(!hreflangTag || !hreflangTag.lang) return false; var languageCode = false; langify.locale.languages.forEach(function(item) { if(item.iso_code.toLowerCase() === hreflangTag.lang.toLowerCase()) { languageCode = item.iso_code; } }); if(!languageCode) { langify.locale.languages.forEach(function(item) { if(item.iso_code.toLowerCase() === hreflangTag.lang.substring(0, 2).toLowerCase()) { languageCode = item.iso_code; } }); } return languageCode; } _geolocationAppSupport() { var target = document.querySelector('body'); var config = { childList: true, subtree: true }; var geolocationObserver = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { var target = mutation.target.getElementsByClassName('locale-bar__form'); if(target[0]) { target[0].onsubmit = function() { var locale_code = target[0].elements['locale_code'].value; var selector = target[0].getElementsByClassName('locale-bar__selector'); if(selector.length >= 1) { locale_code = selector[0].options[selector[0].selectedIndex].value; } LyHelper.setCookie('ly-lang-selected', locale_code, 365); }; } var selectors = mutation.target.getElementsByClassName('locale-selectors__selector'); if(selectors.length > 0) { for(var selector of selectors) { if(selector.getAttribute('name') === 'locale_code') { selector.onchange = function() { var locale_code = selector.options[selector.selectedIndex].value; LyHelper.setCookie('ly-lang-selected', locale_code, 365); }; } } } } }); }); geolocationObserver.observe(target, config); setTimeout(function() { geolocationObserver.disconnect(); }, 10000); } } /** * * * @class Recommendation */ class Recommendation extends LanguageDetection { constructor() { super(); LyHelper.log('Recommendation instantiation'); } init() { this.hreflangList = this.getHreflangList(); var userLang = navigator.language || navigator.userLanguage; userLang = userLang.toLowerCase(); var recommendation = this.matchHreflangList(userLang); var recommendationLanguageCode = this._hreflangToLanguageCode(recommendation); if(recommendationLanguageCode && recommendationLanguageCode !== langify.locale.iso_code && !LyHelper.getCookie('ly-lang-selected')) { this.recommended_language_code = recommendationLanguageCode; this.recommended_country_code = null; this.recommended_currency_code = null; this._translateStrings(recommendationLanguageCode); this._bindings(); } else { return false; } } _translateStrings(languageCode) { var recommendationElement = document.querySelectorAll('.ly-recommendation')[0]; var strings = langify.settings.switcher.recommendation_strings[languageCode]; var recommendationStr = 'Looks like your browser is set to [[language]]. Change the language?'; var buttonStr = 'Change'; var matchedLanguageCode = this._langToHreflang(languageCode).toLowerCase(); var languageStr = langify.settings.switcher.languages.find(x => x.iso_code.toLowerCase() === matchedLanguageCode) ? langify.settings.switcher.languages.find(x => x.iso_code.toLowerCase() === matchedLanguageCode).name : languageCode.toUpperCase(); if(strings) { recommendationStr = strings.recommendation ? strings.recommendation : recommendationStr; buttonStr = strings.button ? strings.button : buttonStr; languageStr = strings.language ? strings.language : languageStr; } var newCode = recommendationElement.innerHTML; newCode = newCode.replaceAll('[[recommendation]]', recommendationStr).replaceAll('[[button]]', buttonStr).replaceAll('[[language]]', languageStr); recommendationElement.innerHTML = newCode; } _bindings() { var _this = this; var lyForceOff = location.search.split('ly-force-off=')[1]; var recommendationElement = document.querySelectorAll('.ly-recommendation')[0]; var form = recommendationElement.querySelectorAll('.ly-recommendation-form')[0]; var links = recommendationElement.getElementsByClassName('ly-custom-dropdown-list-element'); var customDropdown = recommendationElement.querySelectorAll('.ly-custom-dropdown-switcher'); var nativeSelects = recommendationElement.getElementsByClassName('ly-native-select'); form.addEventListener('submit', function(e) { e.preventDefault(); if(_this.recommended_country_code || _this.recommended_currency_code) { // When a country or currency is involved, use old redirection var additionalFields = []; if(_this.recommended_country_code) { additionalFields.push({ name: 'country_code', value: _this.recommended_country_code }); } if(_this.recommended_currency_code) { additionalFields.push({ name: 'currency_code', value: _this.recommended_currency_code }); } LyHelper.setCookie('ly-lang-selected', _this.recommended_language_code, 365); LyHelper.localizationRedirect('language_code', _this.recommended_language_code, additionalFields); } else { //...or use new hreflang redirection _this.redirectMatched(_this.recommended_language_code); } }); // Overwrite switchers for(var l = 0; l < links.length; l++) { links[l].addEventListener('click', function(event) { event.preventDefault(); // When clicked from within a custom dropdown var parentCustomDropdown = event.currentTarget.closest('.ly-custom-dropdown-switcher'); if(parentCustomDropdown) { _this._selectCustomDropdownEntry(parentCustomDropdown, this); } else { _this.recommended_language_code = this.getAttribute('data-language-code'); } }); } for(var i = 0; i < nativeSelects.length; i++) { nativeSelects[i].onchange = _this._selectNativeDropdownEntry.bind(this); if(nativeSelects[i].classList.contains('ly-languages-switcher')) { nativeSelects[i].value = _this.recommended_language_code; } } for(var i = 0; i < customDropdown.length; i++) { if(recommendationElement.className.indexOf('bottom') > -1) { customDropdown[i].classList.add('ly-is-dropup'); } if(customDropdown[i].classList.contains('ly-languages-switcher')) { _this._selectCustomDropdownEntry(customDropdown[i], customDropdown[i].querySelector('.ly-custom-dropdown-list a[data-language-code="'+ _this.recommended_language_code +'"]')); } } if(!lyForceOff) { recommendationElement.classList.add('ly-is-open'); } } _selectNativeDropdownEntry(event) { event.preventDefault(); var element = event.currentTarget; var _this = this; if(element[element.selectedIndex].hasAttribute('data-language-code')) { _this.recommended_language_code = element[element.selectedIndex].getAttribute('data-language-code'); } if(element[element.selectedIndex].hasAttribute('data-country-code')) { _this.recommended_country_code = element[element.selectedIndex].getAttribute('data-country-code'); } if(element[element.selectedIndex].hasAttribute('data-currency-code')) { _this.recommended_currency_code = element[element.selectedIndex].getAttribute('data-currency-code'); } } _selectCustomDropdownEntry(element, entry) { if(!entry) return; var _this = this; var currentElem = element.querySelector('.ly-custom-dropdown-current'); var currentIcon = currentElem.querySelector('.ly-icon'); var currentLabel = currentElem.querySelector('span'); var valueToSelect = ''; if(entry.hasAttribute('data-language-code')) { _this.recommended_language_code = entry.getAttribute('data-language-code'); valueToSelect = _this.recommended_language_code; } if(entry.hasAttribute('data-country-code')) { _this.recommended_country_code = entry.getAttribute('data-country-code'); valueToSelect = _this.recommended_country_code; } if(entry.hasAttribute('data-currency-code')) { _this.recommended_currency_code = entry.getAttribute('data-currency-code'); valueToSelect = _this.recommended_currency_code; } if(entry.hasAttribute('data-country-code') && entry.hasAttribute('data-currency-code')) { valueToSelect = _this.recommended_country_code + '-' + _this.recommended_currency_code; } if(element.querySelector('.ly-custom-dropdown-list li.current')) { element.querySelector('.ly-custom-dropdown-list li.current').classList.remove('current'); element.querySelector('.ly-custom-dropdown-list li[key="'+ valueToSelect +'"]').classList.add('current'); } if(element.querySelector('.ly-custom-dropdown-list li.current span')) currentLabel.innerHTML = element.querySelector('.ly-custom-dropdown-list li.current span').innerHTML; if(element.querySelector('.ly-custom-dropdown-list li.current .ly-icon')) currentIcon.classList = element.querySelector('.ly-custom-dropdown-list li.current .ly-icon').classList; } toggleOpen(e) { e.closest('.ly-recommendation').classList.toggle('ly-is-open'); if(!e.closest('.ly-recommendation').classList.contains('ly-is-open')) { LyHelper.setCookie('ly-lang-selected', this.recommended_language_code, 365); } } } /** * * * @class Langify */ class Langify { constructor(settings, locale) { LyHelper.log('Langify instantiation') var translationObserver = new TranslationObserver().init(); langify.helper = new LyHelper(); LyHelper.log(langify.helper); var lyForceOff = location.search.split('ly-force-off=')[1]; if(lyForceOff === 'true') { document.getElementById('preview-bar-iframe').classList.add('ly-hide'); return false; } if(settings.theme && ((settings.theme.loadJquery && settings.theme.loadJquery === true) || typeof settings.theme.loadJquery === 'undefined')) { if(typeof jQuery === 'undefined') { LyHelper.loadScript('//cdn.jsdelivr.net/jquery/1.9.1/jquery.min.js', function() {}); } } //document.addEventListener("DOMContentLoaded", function() { langify.switcher = new Switcher(); langify.switcher.init(); if(settings.switcher) { if(settings.switcher.recommendation && settings.switcher.recommendation_enabled) { langify.recommendation = new Recommendation(); langify.recommendation.init(); } else { if(settings.switcher.languageDetection) { langify.languageDetection = new LanguageDetection(); langify.languageDetection.init(); } } } //}); } } // Polyfills (function(){var t;null==window.MutationObserver&&(t=function(){function t(t){this.callBack=t}return t.prototype.observe=function(t,n){return this.element=t,this.interval=setInterval((e=this,function(){var t;if((t=e.element.innerHTML)!==e.oldHtml)return e.oldHtml=t,e.callBack.apply(null)}),200);var e},t.prototype.disconnect=function(){return window.clearInterval(this.interval)},t}(),window.MutationObserver=t)}).call(this); !function(){"use strict";if("object"==typeof window)if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)"isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}});else{var t=function(t){for(var e=window.document,o=i(e);o;)o=i(e=o.ownerDocument);return e}(),e=[],o=null,n=null;s.prototype.THROTTLE_TIMEOUT=100,s.prototype.POLL_INTERVAL=null,s.prototype.USE_MUTATION_OBSERVER=!0,s._setupCrossOriginUpdater=function(){return o||(o=function(t,o){n=t&&o?l(t,o):{top:0,bottom:0,left:0,right:0,width:0,height:0},e.forEach(function(t){t._checkForIntersections()})}),o},s._resetCrossOriginUpdater=function(){o=null,n=null},s.prototype.observe=function(t){if(!this._observationTargets.some(function(e){return e.element==t})){if(!t||1!=t.nodeType)throw new Error("target must be an Element");this._registerInstance(),this._observationTargets.push({element:t,entry:null}),this._monitorIntersections(t.ownerDocument),this._checkForIntersections()}},s.prototype.unobserve=function(t){this._observationTargets=this._observationTargets.filter(function(e){return e.element!=t}),this._unmonitorIntersections(t.ownerDocument),0==this._observationTargets.length&&this._unregisterInstance()},s.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},s.prototype.takeRecords=function(){var t=this._queuedEntries.slice();return this._queuedEntries=[],t},s.prototype._initThresholds=function(t){var e=t||[0];return Array.isArray(e)||(e=[e]),e.sort().filter(function(t,e,o){if("number"!=typeof t||isNaN(t)||t<0||t>1)throw new Error("threshold must be a number between 0 and 1 inclusively");return t!==o[e-1]})},s.prototype._parseRootMargin=function(t){var e=(t||"0px").split(/\s+/).map(function(t){var e=/^(-?\d*\.?\d+)(px|%)$/.exec(t);if(!e)throw new Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(e[1]),unit:e[2]}});return e[1]=e[1]||e[0],e[2]=e[2]||e[0],e[3]=e[3]||e[1],e},s.prototype._monitorIntersections=function(e){var o=e.defaultView;if(o&&-1==this._monitoringDocuments.indexOf(e)){var n=this._checkForIntersections,r=null,s=null;this.POLL_INTERVAL?r=o.setInterval(n,this.POLL_INTERVAL):(h(o,"resize",n,!0),h(e,"scroll",n,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in o&&(s=new o.MutationObserver(n)).observe(e,{attributes:!0,childList:!0,characterData:!0,subtree:!0})),this._monitoringDocuments.push(e),this._monitoringUnsubscribes.push(function(){var t=e.defaultView;t&&(r&&t.clearInterval(r),c(t,"resize",n,!0)),c(e,"scroll",n,!0),s&&s.disconnect()});var u=this.root&&(this.root.ownerDocument||this.root)||t;if(e!=u){var a=i(e);a&&this._monitorIntersections(a.ownerDocument)}}},s.prototype._unmonitorIntersections=function(e){var o=this._monitoringDocuments.indexOf(e);if(-1!=o){var n=this.root&&(this.root.ownerDocument||this.root)||t;if(!this._observationTargets.some(function(t){var o=t.element.ownerDocument;if(o==e)return!0;for(;o&&o!=n;){var r=i(o);if((o=r&&r.ownerDocument)==e)return!0}return!1})){var r=this._monitoringUnsubscribes[o];if(this._monitoringDocuments.splice(o,1),this._monitoringUnsubscribes.splice(o,1),r(),e!=n){var s=i(e);s&&this._unmonitorIntersections(s.ownerDocument)}}}},s.prototype._unmonitorAllIntersections=function(){var t=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0,this._monitoringUnsubscribes.length=0;for(var e=0;e<t.length;e++)t[e]()},s.prototype._checkForIntersections=function(){if(this.root||!o||n){var t=this._rootIsInDom(),e=t?this._getRootRect():{top:0,bottom:0,left:0,right:0,width:0,height:0};this._observationTargets.forEach(function(n){var i=n.element,s=u(i),h=this._rootContainsTarget(i),c=n.entry,a=t&&h&&this._computeTargetAndRootIntersection(i,s,e),l=null;this._rootContainsTarget(i)?o&&!this.root||(l=e):l={top:0,bottom:0,left:0,right:0,width:0,height:0};var f=n.entry=new r({time:window.performance&&performance.now&&performance.now(),target:i,boundingClientRect:s,rootBounds:l,intersectionRect:a});c?t&&h?this._hasCrossedThreshold(c,f)&&this._queuedEntries.push(f):c&&c.isIntersecting&&this._queuedEntries.push(f):this._queuedEntries.push(f)},this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},s.prototype._computeTargetAndRootIntersection=function(e,i,r){if("none"!=window.getComputedStyle(e).display){for(var s,h,c,a,f,d,g,m,v=i,_=p(e),b=!1;!b&&_;){var w=null,y=1==_.nodeType?window.getComputedStyle(_):{};if("none"==y.display)return null;if(_==this.root||9==_.nodeType)if(b=!0,_==this.root||_==t)o&&!this.root?!n||0==n.width&&0==n.height?(_=null,w=null,v=null):w=n:w=r;else{var I=p(_),E=I&&u(I),T=I&&this._computeTargetAndRootIntersection(I,E,r);E&&T?(_=I,w=l(E,T)):(_=null,v=null)}else{var R=_.ownerDocument;_!=R.body&&_!=R.documentElement&&"visible"!=y.overflow&&(w=u(_))}if(w&&(s=w,h=v,c=void 0,a=void 0,f=void 0,d=void 0,g=void 0,m=void 0,c=Math.max(s.top,h.top),a=Math.min(s.bottom,h.bottom),f=Math.max(s.left,h.left),d=Math.min(s.right,h.right),m=a-c,v=(g=d-f)>=0&&m>=0&&{top:c,bottom:a,left:f,right:d,width:g,height:m}||null),!v)break;_=_&&p(_)}return v}},s.prototype._getRootRect=function(){var e;if(this.root&&!d(this.root))e=u(this.root);else{var o=d(this.root)?this.root:t,n=o.documentElement,i=o.body;e={top:0,left:0,right:n.clientWidth||i.clientWidth,width:n.clientWidth||i.clientWidth,bottom:n.clientHeight||i.clientHeight,height:n.clientHeight||i.clientHeight}}return this._expandRectByRootMargin(e)},s.prototype._expandRectByRootMargin=function(t){var e=this._rootMarginValues.map(function(e,o){return"px"==e.unit?e.value:e.value*(o%2?t.width:t.height)/100}),o={top:t.top-e[0],right:t.right+e[1],bottom:t.bottom+e[2],left:t.left-e[3]};return o.width=o.right-o.left,o.height=o.bottom-o.top,o},s.prototype._hasCrossedThreshold=function(t,e){var o=t&&t.isIntersecting?t.intersectionRatio||0:-1,n=e.isIntersecting?e.intersectionRatio||0:-1;if(o!==n)for(var i=0;i<this.thresholds.length;i++){var r=this.thresholds[i];if(r==o||r==n||r<o!=r<n)return!0}},s.prototype._rootIsInDom=function(){return!this.root||f(t,this.root)},s.prototype._rootContainsTarget=function(e){var o=this.root&&(this.root.ownerDocument||this.root)||t;return f(o,e)&&(!this.root||o==e.ownerDocument)},s.prototype._registerInstance=function(){e.indexOf(this)<0&&e.push(this)},s.prototype._unregisterInstance=function(){var t=e.indexOf(this);-1!=t&&e.splice(t,1)},window.IntersectionObserver=s,window.IntersectionObserverEntry=r}function i(t){try{return t.defaultView&&t.defaultView.frameElement||null}catch(t){return null}}function r(t){this.time=t.time,this.target=t.target,this.rootBounds=a(t.rootBounds),this.boundingClientRect=a(t.boundingClientRect),this.intersectionRect=a(t.intersectionRect||{top:0,bottom:0,left:0,right:0,width:0,height:0}),this.isIntersecting=!!t.intersectionRect;var e=this.boundingClientRect,o=e.width*e.height,n=this.intersectionRect,i=n.width*n.height;this.intersectionRatio=o?Number((i/o).toFixed(4)):this.isIntersecting?1:0}function s(t,e){var o,n,i,r=e||{};if("function"!=typeof t)throw new Error("callback must be a function");if(r.root&&1!=r.root.nodeType&&9!=r.root.nodeType)throw new Error("root must be a Document or Element");this._checkForIntersections=(o=this._checkForIntersections.bind(this),n=this.THROTTLE_TIMEOUT,i=null,function(){i||(i=setTimeout(function(){o(),i=null},n))}),this._callback=t,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(r.rootMargin),this.thresholds=this._initThresholds(r.threshold),this.root=r.root||null,this.rootMargin=this._rootMarginValues.map(function(t){return t.value+t.unit}).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}function h(t,e,o,n){"function"==typeof t.addEventListener?t.addEventListener(e,o,n||!1):"function"==typeof t.attachEvent&&t.attachEvent("on"+e,o)}function c(t,e,o,n){"function"==typeof t.removeEventListener?t.removeEventListener(e,o,n||!1):"function"==typeof t.detatchEvent&&t.detatchEvent("on"+e,o)}function u(t){var e;try{e=t.getBoundingClientRect()}catch(t){}return e?(e.width&&e.height||(e={top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.right-e.left,height:e.bottom-e.top}),e):{top:0,bottom:0,left:0,right:0,width:0,height:0}}function a(t){return!t||"x"in t?t:{top:t.top,y:t.top,bottom:t.bottom,left:t.left,x:t.left,right:t.right,width:t.width,height:t.height}}function l(t,e){var o=e.top-t.top,n=e.left-t.left;return{top:o,left:n,height:e.height,width:e.width,bottom:o+e.height,right:n+e.width}}function f(t,e){for(var o=e;o;){if(o==t)return!0;o=p(o)}return!1}function p(e){var o=e.parentNode;return 9==e.nodeType&&e!=t?i(e):(o&&o.assignedSlot&&(o=o.assignedSlot.parentNode),o&&11==o.nodeType&&o.host?o.host:o)}function d(t){return t&&9===t.nodeType}}(); !function(){if("function"==typeof window.CustomEvent)return!1;window.CustomEvent=function(n,t){t=t||{bubbles:!1,cancelable:!1,detail:null};var e=document.createEvent("CustomEvent");return e.initCustomEvent(n,t.bubbles,t.cancelable,t.detail),e}}(); var langify = window.langify || {}; var customContents = {}; var customContents_image = {}; var langifySettingsOverwrites = {}; var defaultSettings = { debug: false, // BOOL : Enable/disable console logs observe: true, // BOOL : Enable/disable the entire mutation observer (off switch) observeLinks: false, observeImages: true, observeCustomContents: true, maxMutations: 5, timeout: 100, // INT : Milliseconds to wait after a mutation, before the next mutation event will be allowed for the element linksBlacklist: [], }; if(langify.settings) { langifySettingsOverwrites = Object.assign({}, langify.settings); langify.settings = Object.assign(defaultSettings, langify.settings); } else { langify.settings = defaultSettings; } langify.settings.theme = null; langify.settings.switcher = {"customCSS":"","languageDetection":false,"languageDetectionDefault":"en","enableDefaultLanguage":false,"breakpoints":[{"key":0,"label":"0px","config":{"type":"custom","corner":"bottom_left","position":"fixed","show_flags":true,"rectangle_icons":true,"square_icons":false,"round_icons":false,"show_label":true,"show_custom_name":true,"show_name":false,"show_iso_code":false,"is_dark":false,"is_transparent":false,"is_dropup":true,"arrow_size":100,"arrow_width":1,"arrow_filled":true,"h_space":0,"v_space":59,"h_item_space":0,"v_item_space":0,"h_item_padding":0,"v_item_padding":0,"text_color":"#000","link_color":"#000","arrow_color":"#000","bg_color":"#fff","border_color":"#000","border_width":0,"border_radius":0,"fontsize":17,"recommendation_fontsize":14,"recommendation_border_width":0,"recommendation_border_radius":0,"recommendation_text_color":"#000","recommendation_link_color":"#000","recommendation_button_bg_color":"#999","recommendation_button_text_color":"#fff","recommendation_bg_color":"#fff","recommendation_border_color":"#000","show_currency_selector":false,"currency_switcher_enabled":true,"country_switcher_enabled":false,"switcherLabel":"show_custom_name","switcherIcons":"rectangle_icons"}},{"key":1000,"label":"1000px","config":{"type":"custom","corner":"bottom_left","position":"fixed","show_flags":true,"rectangle_icons":true,"square_icons":false,"round_icons":false,"show_label":true,"show_custom_name":false,"show_name":true,"show_iso_code":false,"is_dark":false,"is_transparent":false,"is_dropup":true,"arrow_size":100,"arrow_width":1,"arrow_filled":true,"h_space":0,"v_space":76,"h_item_space":0,"v_item_space":0,"h_item_padding":0,"v_item_padding":0,"text_color":"#000","link_color":"#000","arrow_color":"#000","bg_color":"#fff","border_color":"#000","border_width":0,"border_radius":0,"fontsize":19,"recommendation_fontsize":14,"recommendation_border_width":0,"recommendation_border_radius":0,"recommendation_text_color":"#000","recommendation_link_color":"#000","recommendation_button_bg_color":"#999","recommendation_button_text_color":"#fff","recommendation_bg_color":"#fff","recommendation_border_color":"#000","show_currency_selector":false,"currency_switcher_enabled":true,"country_switcher_enabled":false,"switcherLabel":"show_name","switcherIcons":"rectangle_icons"}}],"languages":[{"iso_code":"en","country_code":null,"currency_code":null,"root_url":"\/","name":"English","primary":true,"domain":"wafuu.com","published":true,"custom_name":false},{"iso_code":"zh-TW","country_code":null,"currency_code":null,"root_url":"\/zh-TW","name":"Chinese (Traditional)","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"zh-CN","country_code":null,"currency_code":null,"root_url":"\/zh-CN","name":"Chinese (Simplified)","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"de","country_code":null,"currency_code":null,"root_url":"\/de","name":"German","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"fr","country_code":null,"currency_code":null,"root_url":"\/fr","name":"French (Français)","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"ja","country_code":null,"currency_code":null,"root_url":"\/ja","name":"Japanese","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"es","country_code":null,"currency_code":null,"root_url":"\/es","name":"Spanish","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"ar","country_code":null,"currency_code":null,"root_url":"\/ar","name":"Arabic","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"it","country_code":null,"currency_code":null,"root_url":"\/it","name":"Italian","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"ko","country_code":null,"currency_code":null,"root_url":"\/ko","name":"Korean(한국어)","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"pt-BR","country_code":null,"currency_code":null,"root_url":"\/pt-BR","name":"Portuguese (Brazil)","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"th","country_code":null,"currency_code":null,"root_url":"\/th","name":"Thai","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"id","country_code":null,"currency_code":null,"root_url":"\/id","name":"Indonesian","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"vi","country_code":null,"currency_code":null,"root_url":"\/vi","name":"Vietnamese","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"hi","country_code":null,"currency_code":null,"root_url":"\/hi","name":"Hindi","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"ru","country_code":null,"currency_code":null,"root_url":"\/ru","name":"Russian","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"ms","country_code":null,"currency_code":null,"root_url":"\/ms","name":"Malay","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"fil","country_code":null,"currency_code":null,"root_url":"\/fil","name":"Tagalog","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"tr","country_code":null,"currency_code":null,"root_url":"\/tr","name":"Turkish","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"nl","country_code":null,"currency_code":null,"root_url":"\/nl","name":"Dutch","primary":false,"domain":false,"published":true,"custom_name":false},{"iso_code":"sv","root_url":"\/sv","name":"Swedish","primary":false,"domain":false,"published":true,"custom_name":false,"endonym_name":"Swedish"}],"recommendation_enabled":false,"recommendation_type":"popup","recommendation_switcher_key":-1,"recommendation_strings":{},"recommendation":{"recommendation_backdrop_show":true,"recommendation_corner":"center_center","recommendation_banner_corner":"top","recommendation_fontsize":14,"recommendation_border_width":0,"recommendation_border_radius":0,"recommendation_text_color":"#000","recommendation_link_color":"#000","recommendation_button_bg_color":"#999","recommendation_button_text_color":"#fff","recommendation_bg_color":"#fff","recommendation_border_color":"#000"}}; langify.locale = langify.locale || { primary: false, iso_code: "ko", root_url: "\/ko-mx", language_id: "ly191041", shop_url: "https:\/\/wafuu.com", domain_feature_enabled: null, languages: [{ iso_code: "en", root_url: "\/en-mx", domain: null, },{ iso_code: "zh-TW", root_url: "\/zh-hant-mx", domain: null, },{ iso_code: "fr", root_url: "\/fr-mx", domain: null, },{ iso_code: "de", root_url: "\/de-mx", domain: null, },{ iso_code: "es", root_url: "\/es-mx", domain: null, },{ iso_code: "ar", root_url: "\/ar-mx", domain: null, },{ iso_code: "it", root_url: "\/it-mx", domain: null, },{ iso_code: "ko", root_url: "\/ko-mx", domain: null, },{ iso_code: "zh-CN", root_url: "\/zh-hans-mx", domain: null, },{ iso_code: "pt-BR", root_url: "\/pt-mx", domain: null, },{ iso_code: "th", root_url: "\/th-mx", domain: null, },{ iso_code: "vi", root_url: "\/vi-mx", domain: null, },{ iso_code: "id", root_url: "\/id-mx", domain: null, },{ iso_code: "hi", root_url: "\/hi-mx", domain: null, },{ iso_code: "ru", root_url: "\/ru-mx", domain: null, },{ iso_code: "ms", root_url: "\/ms-mx", domain: null, },{ iso_code: "fil", root_url: "\/fil-mx", domain: null, },{ iso_code: "tr", root_url: "\/tr-mx", domain: null, },{ iso_code: "nl", root_url: "\/nl-mx", domain: null, },{ iso_code: "ja", root_url: "\/ja-mx", domain: null, },{ iso_code: "sv", root_url: "\/sv-mx", domain: null, },],}; // Disable link correction ALWAYS on languages with mapped domains if(langify.locale.root_url == '/') { langify.settings.observeLinks = false; } window.addEventListener('DOMContentLoaded', function() { langify.helper = new LyHelper(); // Custom Contents Section // Images Section var langifyInstance = new Langify(langify.settings, langify.locale); }); </script> <div data-breakpoint="0" class="ly-switcher-wrapper ly-breakpoint-1 fixed bottom_left ly-hide" style="font-size: 17px; margin: 59px 0px; "><div data-dropup="true" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-languages-switcher ly-custom-dropdown-switcher ly-bright-theme ly-is-dropup" style=" margin: 0px 0px;"> <span role="button" tabindex="0" aria-label="Selected language: 한국어" aria-expanded="false" aria-controls="languagesSwitcherList-1" class="ly-custom-dropdown-current" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000; padding: 0px 0px;"><i class="ly-icon ly-flag-icon ly-flag-icon-ko "></i><span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text"> 한국어 </span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 17.0px; height: 17.0px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.0 17.0" height="17.0px" width="17.0px" style="position: absolute;"> <path d="M1 5.25 L8.5 12.75 L16.0 5.25" fill="#000" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="languagesSwitcherList-1" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"><li key="sv" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="sv" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-sv"></i><span class="ly-custom-dropdown-list-element-right"> 스웨덴어 </span></a> </li><li key="ja" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ja" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ja"></i><span class="ly-custom-dropdown-list-element-right"> 일본어 </span></a> </li><li key="nl" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="nl" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-nl"></i><span class="ly-custom-dropdown-list-element-right"> 네덜란드어 </span></a> </li><li key="tr" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="tr" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-tr"></i><span class="ly-custom-dropdown-list-element-right"> 터키어 </span></a> </li><li key="fil" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="fil" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-fil"></i><span class="ly-custom-dropdown-list-element-right"> 필리핀어 </span></a> </li><li key="ms" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ms" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ms"></i><span class="ly-custom-dropdown-list-element-right"> 말레이어 </span></a> </li><li key="ru" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ru" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ru"></i><span class="ly-custom-dropdown-list-element-right"> 러시아어 </span></a> </li><li key="hi" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="hi" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-hi"></i><span class="ly-custom-dropdown-list-element-right"> 힌디어 </span></a> </li><li key="id" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="id" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-id"></i><span class="ly-custom-dropdown-list-element-right"> 인도네시아어 </span></a> </li><li key="vi" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="vi" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-vi"></i><span class="ly-custom-dropdown-list-element-right"> 베트남어 </span></a> </li><li key="th" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="th" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-th"></i><span class="ly-custom-dropdown-list-element-right"> 태국어 </span></a> </li><li key="pt-BR" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="pt-BR" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-pt-BR"></i><span class="ly-custom-dropdown-list-element-right"> 포르투갈어(브라질) </span></a> </li><li key="zh-CN" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="zh-CN" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-CN"></i><span class="ly-custom-dropdown-list-element-right"> 중국어(간체) </span></a> </li><li key="ko" class="current" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme current_lang" href="#" data-language-code="ko" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ko"></i><span class="ly-custom-dropdown-list-element-right"> 한국어 </span></a> </li><li key="it" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="it" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-it"></i><span class="ly-custom-dropdown-list-element-right"> 이탈리아어 </span></a> </li><li key="ar" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ar" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ar"></i><span class="ly-custom-dropdown-list-element-right"> 아랍어 </span></a> </li><li key="es" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="es" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-es"></i><span class="ly-custom-dropdown-list-element-right"> 스페인어 </span></a> </li><li key="de" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="de" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-de"></i><span class="ly-custom-dropdown-list-element-right"> 독일어 </span></a> </li><li key="fr" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="fr" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-fr"></i><span class="ly-custom-dropdown-list-element-right"> 프랑스어 </span></a> </li><li key="zh-TW" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="zh-TW" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-TW"></i><span class="ly-custom-dropdown-list-element-right"> 중국어(번체) </span></a> </li><li key="en" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="en" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-en"></i><span class="ly-custom-dropdown-list-element-right"> 영어 </span></a> </li></ul> </div><div data-dropup="true" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-currency-switcher ly-custom-dropdown-switcher ly-bright-theme ly-is-dropup" style=" margin: 0px 0px;"> <span role="button" tabindex="0" aria-label="Selected currency: MXN" aria-expanded="false" aria-controls="currencySwitcherList-1" class="ly-custom-dropdown-current" style="background: #fff; color: #000; padding: 0px 0px; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text"> <span class="ly-iso-code">MXN</span> <span class="ly-symbol">$</span> </span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 17.0px; height: 17.0px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.0 17.0" height="17.0px" width="17.0px" style="position: absolute;"> <path d="M1 5.25 L8.5 12.75 L16.0 5.25" fill="#000" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="currencySwitcherList-1" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <li key="AED" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AED"><span class="ly-inner-text"><span class="ly-iso-code">AED</span> <span class="ly-symbol">د.إ</span></span></a> </li> <li key="AUD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AUD"><span class="ly-inner-text"><span class="ly-iso-code">AUD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="BAM" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="BAM"><span class="ly-inner-text"><span class="ly-iso-code">BAM</span> <span class="ly-symbol">КМ</span></span></a> </li> <li key="BGN" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="BGN"><span class="ly-inner-text"><span class="ly-iso-code">BGN</span> <span class="ly-symbol">лв.</span></span></a> </li> <li key="BZD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="BZD"><span class="ly-inner-text"><span class="ly-iso-code">BZD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CAD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CAD"><span class="ly-inner-text"><span class="ly-iso-code">CAD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CHF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CHF"><span class="ly-inner-text"><span class="ly-iso-code">CHF</span> <span class="ly-symbol">CHF</span></span></a> </li> <li key="CNY" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CNY"><span class="ly-inner-text"><span class="ly-iso-code">CNY</span> <span class="ly-symbol">¥</span></span></a> </li> <li key="CZK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CZK"><span class="ly-inner-text"><span class="ly-iso-code">CZK</span> <span class="ly-symbol">Kč</span></span></a> </li> <li key="DJF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="DJF"><span class="ly-inner-text"><span class="ly-iso-code">DJF</span> <span class="ly-symbol">Fdj</span></span></a> </li> <li key="DKK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="DKK"><span class="ly-inner-text"><span class="ly-iso-code">DKK</span> <span class="ly-symbol">kr.</span></span></a> </li> <li key="EGP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="EGP"><span class="ly-inner-text"><span class="ly-iso-code">EGP</span> <span class="ly-symbol">ج.م</span></span></a> </li> <li key="EUR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="EUR"><span class="ly-inner-text"><span class="ly-iso-code">EUR</span> <span class="ly-symbol">€</span></span></a> </li> <li key="GBP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="GBP"><span class="ly-inner-text"><span class="ly-iso-code">GBP</span> <span class="ly-symbol">£</span></span></a> </li> <li key="GNF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="GNF"><span class="ly-inner-text"><span class="ly-iso-code">GNF</span> <span class="ly-symbol">Fr</span></span></a> </li> <li key="HKD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="HKD"><span class="ly-inner-text"><span class="ly-iso-code">HKD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="HUF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="HUF"><span class="ly-inner-text"><span class="ly-iso-code">HUF</span> <span class="ly-symbol">Ft</span></span></a> </li> <li key="IDR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="IDR"><span class="ly-inner-text"><span class="ly-iso-code">IDR</span> <span class="ly-symbol">Rp</span></span></a> </li> <li key="ILS" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="ILS"><span class="ly-inner-text"><span class="ly-iso-code">ILS</span> <span class="ly-symbol">₪</span></span></a> </li> <li key="INR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="INR"><span class="ly-inner-text"><span class="ly-iso-code">INR</span> <span class="ly-symbol">₹</span></span></a> </li> <li key="ISK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="ISK"><span class="ly-inner-text"><span class="ly-iso-code">ISK</span> <span class="ly-symbol">kr</span></span></a> </li> <li key="JPY" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="JPY"><span class="ly-inner-text"><span class="ly-iso-code">JPY</span> <span class="ly-symbol">¥</span></span></a> </li> <li key="KHR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="KHR"><span class="ly-inner-text"><span class="ly-iso-code">KHR</span> <span class="ly-symbol">៛</span></span></a> </li> <li key="KMF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="KMF"><span class="ly-inner-text"><span class="ly-iso-code">KMF</span> <span class="ly-symbol">Fr</span></span></a> </li> <li key="KRW" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="KRW"><span class="ly-inner-text"><span class="ly-iso-code">KRW</span> <span class="ly-symbol">₩</span></span></a> </li> <li key="KZT" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="KZT"><span class="ly-inner-text"><span class="ly-iso-code">KZT</span> <span class="ly-symbol">〒</span></span></a> </li> <li key="LAK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="LAK"><span class="ly-inner-text"><span class="ly-iso-code">LAK</span> <span class="ly-symbol">₭</span></span></a> </li> <li key="LBP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="LBP"><span class="ly-inner-text"><span class="ly-iso-code">LBP</span> <span class="ly-symbol">ل.ل</span></span></a> </li> <li key="LKR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="LKR"><span class="ly-inner-text"><span class="ly-iso-code">LKR</span> <span class="ly-symbol">₨</span></span></a> </li> <li key="MKD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MKD"><span class="ly-inner-text"><span class="ly-iso-code">MKD</span> <span class="ly-symbol">ден</span></span></a> </li> <li key="MNT" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MNT"><span class="ly-inner-text"><span class="ly-iso-code">MNT</span> <span class="ly-symbol">₮</span></span></a> </li> <li key="MOP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MOP"><span class="ly-inner-text"><span class="ly-iso-code">MOP</span> <span class="ly-symbol">P</span></span></a> </li> <li key="MUR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MUR"><span class="ly-inner-text"><span class="ly-iso-code">MUR</span> <span class="ly-symbol">₨</span></span></a> </li> <li key="MXN" class="current" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MXN"><span class="ly-inner-text"><span class="ly-iso-code">MXN</span> <span class="ly-symbol">$</span></span></a> </li> <li key="MYR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MYR"><span class="ly-inner-text"><span class="ly-iso-code">MYR</span> <span class="ly-symbol">RM</span></span></a> </li> <li key="NPR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="NPR"><span class="ly-inner-text"><span class="ly-iso-code">NPR</span> <span class="ly-symbol">₨</span></span></a> </li> <li key="NZD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="NZD"><span class="ly-inner-text"><span class="ly-iso-code">NZD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="PGK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PGK"><span class="ly-inner-text"><span class="ly-iso-code">PGK</span> <span class="ly-symbol">K</span></span></a> </li> <li key="PHP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PHP"><span class="ly-inner-text"><span class="ly-iso-code">PHP</span> <span class="ly-symbol">₱</span></span></a> </li> <li key="PKR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PKR"><span class="ly-inner-text"><span class="ly-iso-code">PKR</span> <span class="ly-symbol">₨</span></span></a> </li> <li key="PLN" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PLN"><span class="ly-inner-text"><span class="ly-iso-code">PLN</span> <span class="ly-symbol">zł</span></span></a> </li> <li key="PYG" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PYG"><span class="ly-inner-text"><span class="ly-iso-code">PYG</span> <span class="ly-symbol">₲</span></span></a> </li> <li key="QAR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="QAR"><span class="ly-inner-text"><span class="ly-iso-code">QAR</span> <span class="ly-symbol">ر.ق</span></span></a> </li> <li key="RON" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="RON"><span class="ly-inner-text"><span class="ly-iso-code">RON</span> <span class="ly-symbol">Lei</span></span></a> </li> <li key="RSD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="RSD"><span class="ly-inner-text"><span class="ly-iso-code">RSD</span> <span class="ly-symbol">РСД</span></span></a> </li> <li key="SAR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SAR"><span class="ly-inner-text"><span class="ly-iso-code">SAR</span> <span class="ly-symbol">ر.س</span></span></a> </li> <li key="SBD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SBD"><span class="ly-inner-text"><span class="ly-iso-code">SBD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="SEK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SEK"><span class="ly-inner-text"><span class="ly-iso-code">SEK</span> <span class="ly-symbol">kr</span></span></a> </li> <li key="SGD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SGD"><span class="ly-inner-text"><span class="ly-iso-code">SGD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="SHP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SHP"><span class="ly-inner-text"><span class="ly-iso-code">SHP</span> <span class="ly-symbol">£</span></span></a> </li> <li key="THB" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="THB"><span class="ly-inner-text"><span class="ly-iso-code">THB</span> <span class="ly-symbol">฿</span></span></a> </li> <li key="TJS" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="TJS"><span class="ly-inner-text"><span class="ly-iso-code">TJS</span> <span class="ly-symbol">ЅМ</span></span></a> </li> <li key="TWD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="TWD"><span class="ly-inner-text"><span class="ly-iso-code">TWD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="UGX" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="UGX"><span class="ly-inner-text"><span class="ly-iso-code">UGX</span> <span class="ly-symbol">USh</span></span></a> </li> <li key="USD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="USD"><span class="ly-inner-text"><span class="ly-iso-code">USD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="UZS" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="UZS"><span class="ly-inner-text"><span class="ly-iso-code">UZS</span> <span class="ly-symbol"></span></span></a> </li> <li key="VND" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="VND"><span class="ly-inner-text"><span class="ly-iso-code">VND</span> <span class="ly-symbol">₫</span></span></a> </li> <li key="VUV" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="VUV"><span class="ly-inner-text"><span class="ly-iso-code">VUV</span> <span class="ly-symbol">Vt</span></span></a> </li> <li key="WST" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="WST"><span class="ly-inner-text"><span class="ly-iso-code">WST</span> <span class="ly-symbol">T</span></span></a> </li> <li key="XAF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="XAF"><span class="ly-inner-text"><span class="ly-iso-code">XAF</span> <span class="ly-symbol">Fr</span></span></a> </li> <li key="XCD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="XCD"><span class="ly-inner-text"><span class="ly-iso-code">XCD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="XOF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="XOF"><span class="ly-inner-text"><span class="ly-iso-code">XOF</span> <span class="ly-symbol">Fr</span></span></a> </li> <li key="YER" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="YER"><span class="ly-inner-text"><span class="ly-iso-code">YER</span> <span class="ly-symbol">﷼</span></span></a> </li> </ul> </div></div> <div data-breakpoint="1000" class="ly-switcher-wrapper ly-breakpoint-2 fixed bottom_left ly-hide" style="font-size: 19px; margin: 76px 0px; "><div data-dropup="true" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-languages-switcher ly-custom-dropdown-switcher ly-bright-theme ly-is-dropup" style=" margin: 0px 0px;"> <span role="button" tabindex="0" aria-label="Selected language: 한국어" aria-expanded="false" aria-controls="languagesSwitcherList-2" class="ly-custom-dropdown-current" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000; padding: 0px 0px;"><i class="ly-icon ly-flag-icon ly-flag-icon-ko "></i><span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text">한국어</span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 19.0px; height: 19.0px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.0 19.0" height="19.0px" width="19.0px" style="position: absolute;"> <path d="M1 5.75 L9.5 14.25 L18.0 5.75" fill="#000" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="languagesSwitcherList-2" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"><li key="sv" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="sv" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-sv"></i><span class="ly-custom-dropdown-list-element-right">스웨덴어</span></a> </li><li key="ja" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ja" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ja"></i><span class="ly-custom-dropdown-list-element-right">일본어</span></a> </li><li key="nl" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="nl" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-nl"></i><span class="ly-custom-dropdown-list-element-right">네덜란드어</span></a> </li><li key="tr" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="tr" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-tr"></i><span class="ly-custom-dropdown-list-element-right">터키어</span></a> </li><li key="fil" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="fil" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-fil"></i><span class="ly-custom-dropdown-list-element-right">필리핀어</span></a> </li><li key="ms" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ms" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ms"></i><span class="ly-custom-dropdown-list-element-right">말레이어</span></a> </li><li key="ru" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ru" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ru"></i><span class="ly-custom-dropdown-list-element-right">러시아어</span></a> </li><li key="hi" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="hi" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-hi"></i><span class="ly-custom-dropdown-list-element-right">힌디어</span></a> </li><li key="id" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="id" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-id"></i><span class="ly-custom-dropdown-list-element-right">인도네시아어</span></a> </li><li key="vi" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="vi" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-vi"></i><span class="ly-custom-dropdown-list-element-right">베트남어</span></a> </li><li key="th" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="th" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-th"></i><span class="ly-custom-dropdown-list-element-right">태국어</span></a> </li><li key="pt-BR" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="pt-BR" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-pt-BR"></i><span class="ly-custom-dropdown-list-element-right">포르투갈어(브라질)</span></a> </li><li key="zh-CN" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="zh-CN" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-CN"></i><span class="ly-custom-dropdown-list-element-right">중국어(간체)</span></a> </li><li key="ko" class="current" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme current_lang" href="#" data-language-code="ko" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ko"></i><span class="ly-custom-dropdown-list-element-right">한국어</span></a> </li><li key="it" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="it" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-it"></i><span class="ly-custom-dropdown-list-element-right">이탈리아어</span></a> </li><li key="ar" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ar" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ar"></i><span class="ly-custom-dropdown-list-element-right">아랍어</span></a> </li><li key="es" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="es" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-es"></i><span class="ly-custom-dropdown-list-element-right">스페인어</span></a> </li><li key="de" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="de" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-de"></i><span class="ly-custom-dropdown-list-element-right">독일어</span></a> </li><li key="fr" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="fr" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-fr"></i><span class="ly-custom-dropdown-list-element-right">프랑스어</span></a> </li><li key="zh-TW" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="zh-TW" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-TW"></i><span class="ly-custom-dropdown-list-element-right">중국어(번체)</span></a> </li><li key="en" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="en" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-en"></i><span class="ly-custom-dropdown-list-element-right">영어</span></a> </li></ul> </div><div data-dropup="true" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-currency-switcher ly-custom-dropdown-switcher ly-bright-theme ly-is-dropup" style=" margin: 0px 0px;"> <span role="button" tabindex="0" aria-label="Selected currency: MXN" aria-expanded="false" aria-controls="currencySwitcherList-2" class="ly-custom-dropdown-current" style="background: #fff; color: #000; padding: 0px 0px; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text"> <span class="ly-iso-code">MXN</span> <span class="ly-symbol">$</span> </span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 19.0px; height: 19.0px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.0 19.0" height="19.0px" width="19.0px" style="position: absolute;"> <path d="M1 5.75 L9.5 14.25 L18.0 5.75" fill="#000" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="currencySwitcherList-2" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <li key="AED" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AED"><span class="ly-inner-text"><span class="ly-iso-code">AED</span> <span class="ly-symbol">د.إ</span></span></a> </li> <li key="AUD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AUD"><span class="ly-inner-text"><span class="ly-iso-code">AUD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="BAM" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="BAM"><span class="ly-inner-text"><span class="ly-iso-code">BAM</span> <span class="ly-symbol">КМ</span></span></a> </li> <li key="BGN" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="BGN"><span class="ly-inner-text"><span class="ly-iso-code">BGN</span> <span class="ly-symbol">лв.</span></span></a> </li> <li key="BZD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="BZD"><span class="ly-inner-text"><span class="ly-iso-code">BZD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CAD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CAD"><span class="ly-inner-text"><span class="ly-iso-code">CAD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CHF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CHF"><span class="ly-inner-text"><span class="ly-iso-code">CHF</span> <span class="ly-symbol">CHF</span></span></a> </li> <li key="CNY" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CNY"><span class="ly-inner-text"><span class="ly-iso-code">CNY</span> <span class="ly-symbol">¥</span></span></a> </li> <li key="CZK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CZK"><span class="ly-inner-text"><span class="ly-iso-code">CZK</span> <span class="ly-symbol">Kč</span></span></a> </li> <li key="DJF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="DJF"><span class="ly-inner-text"><span class="ly-iso-code">DJF</span> <span class="ly-symbol">Fdj</span></span></a> </li> <li key="DKK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="DKK"><span class="ly-inner-text"><span class="ly-iso-code">DKK</span> <span class="ly-symbol">kr.</span></span></a> </li> <li key="EGP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="EGP"><span class="ly-inner-text"><span class="ly-iso-code">EGP</span> <span class="ly-symbol">ج.م</span></span></a> </li> <li key="EUR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="EUR"><span class="ly-inner-text"><span class="ly-iso-code">EUR</span> <span class="ly-symbol">€</span></span></a> </li> <li key="GBP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="GBP"><span class="ly-inner-text"><span class="ly-iso-code">GBP</span> <span class="ly-symbol">£</span></span></a> </li> <li key="GNF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="GNF"><span class="ly-inner-text"><span class="ly-iso-code">GNF</span> <span class="ly-symbol">Fr</span></span></a> </li> <li key="HKD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="HKD"><span class="ly-inner-text"><span class="ly-iso-code">HKD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="HUF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="HUF"><span class="ly-inner-text"><span class="ly-iso-code">HUF</span> <span class="ly-symbol">Ft</span></span></a> </li> <li key="IDR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="IDR"><span class="ly-inner-text"><span class="ly-iso-code">IDR</span> <span class="ly-symbol">Rp</span></span></a> </li> <li key="ILS" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="ILS"><span class="ly-inner-text"><span class="ly-iso-code">ILS</span> <span class="ly-symbol">₪</span></span></a> </li> <li key="INR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="INR"><span class="ly-inner-text"><span class="ly-iso-code">INR</span> <span class="ly-symbol">₹</span></span></a> </li> <li key="ISK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="ISK"><span class="ly-inner-text"><span class="ly-iso-code">ISK</span> <span class="ly-symbol">kr</span></span></a> </li> <li key="JPY" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="JPY"><span class="ly-inner-text"><span class="ly-iso-code">JPY</span> <span class="ly-symbol">¥</span></span></a> </li> <li key="KHR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="KHR"><span class="ly-inner-text"><span class="ly-iso-code">KHR</span> <span class="ly-symbol">៛</span></span></a> </li> <li key="KMF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="KMF"><span class="ly-inner-text"><span class="ly-iso-code">KMF</span> <span class="ly-symbol">Fr</span></span></a> </li> <li key="KRW" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="KRW"><span class="ly-inner-text"><span class="ly-iso-code">KRW</span> <span class="ly-symbol">₩</span></span></a> </li> <li key="KZT" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="KZT"><span class="ly-inner-text"><span class="ly-iso-code">KZT</span> <span class="ly-symbol">〒</span></span></a> </li> <li key="LAK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="LAK"><span class="ly-inner-text"><span class="ly-iso-code">LAK</span> <span class="ly-symbol">₭</span></span></a> </li> <li key="LBP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="LBP"><span class="ly-inner-text"><span class="ly-iso-code">LBP</span> <span class="ly-symbol">ل.ل</span></span></a> </li> <li key="LKR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="LKR"><span class="ly-inner-text"><span class="ly-iso-code">LKR</span> <span class="ly-symbol">₨</span></span></a> </li> <li key="MKD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MKD"><span class="ly-inner-text"><span class="ly-iso-code">MKD</span> <span class="ly-symbol">ден</span></span></a> </li> <li key="MNT" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MNT"><span class="ly-inner-text"><span class="ly-iso-code">MNT</span> <span class="ly-symbol">₮</span></span></a> </li> <li key="MOP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MOP"><span class="ly-inner-text"><span class="ly-iso-code">MOP</span> <span class="ly-symbol">P</span></span></a> </li> <li key="MUR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MUR"><span class="ly-inner-text"><span class="ly-iso-code">MUR</span> <span class="ly-symbol">₨</span></span></a> </li> <li key="MXN" class="current" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MXN"><span class="ly-inner-text"><span class="ly-iso-code">MXN</span> <span class="ly-symbol">$</span></span></a> </li> <li key="MYR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MYR"><span class="ly-inner-text"><span class="ly-iso-code">MYR</span> <span class="ly-symbol">RM</span></span></a> </li> <li key="NPR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="NPR"><span class="ly-inner-text"><span class="ly-iso-code">NPR</span> <span class="ly-symbol">₨</span></span></a> </li> <li key="NZD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="NZD"><span class="ly-inner-text"><span class="ly-iso-code">NZD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="PGK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PGK"><span class="ly-inner-text"><span class="ly-iso-code">PGK</span> <span class="ly-symbol">K</span></span></a> </li> <li key="PHP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PHP"><span class="ly-inner-text"><span class="ly-iso-code">PHP</span> <span class="ly-symbol">₱</span></span></a> </li> <li key="PKR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PKR"><span class="ly-inner-text"><span class="ly-iso-code">PKR</span> <span class="ly-symbol">₨</span></span></a> </li> <li key="PLN" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PLN"><span class="ly-inner-text"><span class="ly-iso-code">PLN</span> <span class="ly-symbol">zł</span></span></a> </li> <li key="PYG" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PYG"><span class="ly-inner-text"><span class="ly-iso-code">PYG</span> <span class="ly-symbol">₲</span></span></a> </li> <li key="QAR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="QAR"><span class="ly-inner-text"><span class="ly-iso-code">QAR</span> <span class="ly-symbol">ر.ق</span></span></a> </li> <li key="RON" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="RON"><span class="ly-inner-text"><span class="ly-iso-code">RON</span> <span class="ly-symbol">Lei</span></span></a> </li> <li key="RSD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="RSD"><span class="ly-inner-text"><span class="ly-iso-code">RSD</span> <span class="ly-symbol">РСД</span></span></a> </li> <li key="SAR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SAR"><span class="ly-inner-text"><span class="ly-iso-code">SAR</span> <span class="ly-symbol">ر.س</span></span></a> </li> <li key="SBD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SBD"><span class="ly-inner-text"><span class="ly-iso-code">SBD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="SEK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SEK"><span class="ly-inner-text"><span class="ly-iso-code">SEK</span> <span class="ly-symbol">kr</span></span></a> </li> <li key="SGD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SGD"><span class="ly-inner-text"><span class="ly-iso-code">SGD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="SHP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SHP"><span class="ly-inner-text"><span class="ly-iso-code">SHP</span> <span class="ly-symbol">£</span></span></a> </li> <li key="THB" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="THB"><span class="ly-inner-text"><span class="ly-iso-code">THB</span> <span class="ly-symbol">฿</span></span></a> </li> <li key="TJS" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="TJS"><span class="ly-inner-text"><span class="ly-iso-code">TJS</span> <span class="ly-symbol">ЅМ</span></span></a> </li> <li key="TWD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="TWD"><span class="ly-inner-text"><span class="ly-iso-code">TWD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="UGX" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="UGX"><span class="ly-inner-text"><span class="ly-iso-code">UGX</span> <span class="ly-symbol">USh</span></span></a> </li> <li key="USD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="USD"><span class="ly-inner-text"><span class="ly-iso-code">USD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="UZS" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="UZS"><span class="ly-inner-text"><span class="ly-iso-code">UZS</span> <span class="ly-symbol"></span></span></a> </li> <li key="VND" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="VND"><span class="ly-inner-text"><span class="ly-iso-code">VND</span> <span class="ly-symbol">₫</span></span></a> </li> <li key="VUV" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="VUV"><span class="ly-inner-text"><span class="ly-iso-code">VUV</span> <span class="ly-symbol">Vt</span></span></a> </li> <li key="WST" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="WST"><span class="ly-inner-text"><span class="ly-iso-code">WST</span> <span class="ly-symbol">T</span></span></a> </li> <li key="XAF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="XAF"><span class="ly-inner-text"><span class="ly-iso-code">XAF</span> <span class="ly-symbol">Fr</span></span></a> </li> <li key="XCD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="XCD"><span class="ly-inner-text"><span class="ly-iso-code">XCD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="XOF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="XOF"><span class="ly-inner-text"><span class="ly-iso-code">XOF</span> <span class="ly-symbol">Fr</span></span></a> </li> <li key="YER" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="YER"><span class="ly-inner-text"><span class="ly-iso-code">YER</span> <span class="ly-symbol">﷼</span></span></a> </li> </ul> </div></div> <style>.ly-languages-switcher ul > li[key="en"] { order: -1 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="en"], .ly-languages-switcher.ly-links a[data-language-code="en"] { order: 1 !important; }.ly-languages-switcher ul > li[key="zh-TW"] { order: -2 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="zh-TW"], .ly-languages-switcher.ly-links a[data-language-code="zh-TW"] { order: 2 !important; }.ly-languages-switcher ul > li[key="zh-CN"] { order: -3 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="zh-CN"], .ly-languages-switcher.ly-links a[data-language-code="zh-CN"] { order: 3 !important; }.ly-languages-switcher ul > li[key="de"] { order: -4 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="de"], .ly-languages-switcher.ly-links a[data-language-code="de"] { order: 4 !important; }.ly-languages-switcher ul > li[key="fr"] { order: -5 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="fr"], .ly-languages-switcher.ly-links a[data-language-code="fr"] { order: 5 !important; }.ly-languages-switcher ul > li[key="ja"] { order: -6 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="ja"], .ly-languages-switcher.ly-links a[data-language-code="ja"] { order: 6 !important; }.ly-languages-switcher ul > li[key="es"] { order: -7 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="es"], .ly-languages-switcher.ly-links a[data-language-code="es"] { order: 7 !important; }.ly-languages-switcher ul > li[key="ar"] { order: -8 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="ar"], .ly-languages-switcher.ly-links a[data-language-code="ar"] { order: 8 !important; }.ly-languages-switcher ul > li[key="it"] { order: -9 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="it"], .ly-languages-switcher.ly-links a[data-language-code="it"] { order: 9 !important; }.ly-languages-switcher ul > li[key="ko"] { order: -10 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="ko"], .ly-languages-switcher.ly-links a[data-language-code="ko"] { order: 10 !important; }.ly-languages-switcher ul > li[key="pt-BR"] { order: -11 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="pt-BR"], .ly-languages-switcher.ly-links a[data-language-code="pt-BR"] { order: 11 !important; }.ly-languages-switcher ul > li[key="th"] { order: -12 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="th"], .ly-languages-switcher.ly-links a[data-language-code="th"] { order: 12 !important; }.ly-languages-switcher ul > li[key="id"] { order: -13 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="id"], .ly-languages-switcher.ly-links a[data-language-code="id"] { order: 13 !important; }.ly-languages-switcher ul > li[key="vi"] { order: -14 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="vi"], .ly-languages-switcher.ly-links a[data-language-code="vi"] { order: 14 !important; }.ly-languages-switcher ul > li[key="hi"] { order: -15 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="hi"], .ly-languages-switcher.ly-links a[data-language-code="hi"] { order: 15 !important; }.ly-languages-switcher ul > li[key="ru"] { order: -16 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="ru"], .ly-languages-switcher.ly-links a[data-language-code="ru"] { order: 16 !important; }.ly-languages-switcher ul > li[key="ms"] { order: -17 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="ms"], .ly-languages-switcher.ly-links a[data-language-code="ms"] { order: 17 !important; }.ly-languages-switcher ul > li[key="fil"] { order: -18 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="fil"], .ly-languages-switcher.ly-links a[data-language-code="fil"] { order: 18 !important; }.ly-languages-switcher ul > li[key="tr"] { order: -19 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="tr"], .ly-languages-switcher.ly-links a[data-language-code="tr"] { order: 19 !important; }.ly-languages-switcher ul > li[key="nl"] { order: -20 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="nl"], .ly-languages-switcher.ly-links a[data-language-code="nl"] { order: 20 !important; }.ly-languages-switcher ul > li[key="sv"] { order: -21 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="sv"], .ly-languages-switcher.ly-links a[data-language-code="sv"] { order: 21 !important; } .ly-flag-icon-en { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-en.svg?v=168749326791323067301707489158'); } .ly-flag-icon-zh-TW { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-zh-TW.svg?v=55070669892274659201707489160'); } .ly-flag-icon-fr { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-fr.svg?v=49424167760593335881707489159'); } .ly-flag-icon-de { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-de.svg?v=83860170786882065811707489158'); } .ly-flag-icon-es { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-es.svg?v=65703327363993208961707489159'); } .ly-flag-icon-ar { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-ar.svg?v=51344900207134201331707489158'); } .ly-flag-icon-it { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-it.svg?v=170953003695507066931707489159'); } .ly-flag-icon-ko { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-ko.svg?v=2097002840543315241707489159'); } .ly-flag-icon-zh-CN { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-zh-CN.svg?v=176716919634180417141707489160'); } .ly-flag-icon-pt-BR { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-pt-BR.svg?v=174991639329397837471707489160'); } .ly-flag-icon-th { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-th.svg?v=96705025912777829541707489160'); } .ly-flag-icon-vi { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-vi.svg?v=22737567735801188511707489160'); } .ly-flag-icon-id { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-id.svg?v=2663114094476898741707489159'); } .ly-flag-icon-hi { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-hi.svg?v=5607111426863143641707489159'); } .ly-flag-icon-ru { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-ru.svg?v=65592244134353662081707489160'); } .ly-flag-icon-ms { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-ms.svg?v=53786418848765193351707489159'); } .ly-flag-icon-fil { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-fil.svg?v=181685003166679459961707489159'); } .ly-flag-icon-tr { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-tr.svg?v=133901269888286788981707489160'); } .ly-flag-icon-nl { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-nl.svg?v=29182468972696054461707489160'); } .ly-flag-icon-ja { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-ja.svg?v=123895618574673342971707489159'); } .ly-flag-icon-sv { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-sv.svg?6637'); } .ly-breakpoint-1 { display: none; } @media (min-width:0px) and (max-width: 999px ) { .ly-breakpoint-1 { display: inline-block; } .ly-recommendation .ly-banner-content, .ly-recommendation .ly-popup-modal-content { font-size: 14px !important; color: #000 !important; background: #fff !important; border-radius: 0px !important; border-width: 0px !important; border-color: #000 !important; } .ly-recommendation-form button[type="submit"] { font-size: 14px !important; color: #fff !important; background: #999 !important; } } .ly-breakpoint-1 .ly-flag-icon-en { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-en.svg?v=168749326791323067301707489158') !important; } .ly-breakpoint-1 .ly-flag-icon-zh-TW { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-zh-TW.svg?v=55070669892274659201707489160') !important; } .ly-breakpoint-1 .ly-flag-icon-fr { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-fr.svg?v=49424167760593335881707489159') !important; } .ly-breakpoint-1 .ly-flag-icon-de { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-de.svg?v=83860170786882065811707489158') !important; } .ly-breakpoint-1 .ly-flag-icon-es { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-es.svg?v=65703327363993208961707489159') !important; } .ly-breakpoint-1 .ly-flag-icon-ar { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-ar.svg?v=51344900207134201331707489158') !important; } .ly-breakpoint-1 .ly-flag-icon-it { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-it.svg?v=170953003695507066931707489159') !important; } .ly-breakpoint-1 .ly-flag-icon-ko { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-ko.svg?v=2097002840543315241707489159') !important; } .ly-breakpoint-1 .ly-flag-icon-zh-CN { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-zh-CN.svg?v=176716919634180417141707489160') !important; } .ly-breakpoint-1 .ly-flag-icon-pt-BR { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-pt-BR.svg?v=174991639329397837471707489160') !important; } .ly-breakpoint-1 .ly-flag-icon-th { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-th.svg?v=96705025912777829541707489160') !important; } .ly-breakpoint-1 .ly-flag-icon-vi { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-vi.svg?v=22737567735801188511707489160') !important; } .ly-breakpoint-1 .ly-flag-icon-id { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-id.svg?v=2663114094476898741707489159') !important; } .ly-breakpoint-1 .ly-flag-icon-hi { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-hi.svg?v=5607111426863143641707489159') !important; } .ly-breakpoint-1 .ly-flag-icon-ru { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-ru.svg?v=65592244134353662081707489160') !important; } .ly-breakpoint-1 .ly-flag-icon-ms { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-ms.svg?v=53786418848765193351707489159') !important; } .ly-breakpoint-1 .ly-flag-icon-fil { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-fil.svg?v=181685003166679459961707489159') !important; } .ly-breakpoint-1 .ly-flag-icon-tr { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-tr.svg?v=133901269888286788981707489160') !important; } .ly-breakpoint-1 .ly-flag-icon-nl { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-nl.svg?v=29182468972696054461707489160') !important; } .ly-breakpoint-1 .ly-flag-icon-ja { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-ja.svg?v=123895618574673342971707489159') !important; } .ly-breakpoint-1 .ly-flag-icon-sv { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-sv.svg?6637') !important; } .ly-breakpoint-2 { display: none; } @media (min-width:1000px) { .ly-breakpoint-2 { display: inline-block; } .ly-recommendation .ly-banner-content, .ly-recommendation .ly-popup-modal-content { font-size: 14px !important; color: #000 !important; background: #fff !important; border-radius: 0px !important; border-width: 0px !important; border-color: #000 !important; } .ly-recommendation-form button[type="submit"] { font-size: 14px !important; color: #fff !important; background: #999 !important; } } .ly-breakpoint-2 .ly-flag-icon-en { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-en.svg?v=168749326791323067301707489158') !important; } .ly-breakpoint-2 .ly-flag-icon-zh-TW { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-zh-TW.svg?v=55070669892274659201707489160') !important; } .ly-breakpoint-2 .ly-flag-icon-fr { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-fr.svg?v=49424167760593335881707489159') !important; } .ly-breakpoint-2 .ly-flag-icon-de { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-de.svg?v=83860170786882065811707489158') !important; } .ly-breakpoint-2 .ly-flag-icon-es { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-es.svg?v=65703327363993208961707489159') !important; } .ly-breakpoint-2 .ly-flag-icon-ar { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-ar.svg?v=51344900207134201331707489158') !important; } .ly-breakpoint-2 .ly-flag-icon-it { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-it.svg?v=170953003695507066931707489159') !important; } .ly-breakpoint-2 .ly-flag-icon-ko { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-ko.svg?v=2097002840543315241707489159') !important; } .ly-breakpoint-2 .ly-flag-icon-zh-CN { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-zh-CN.svg?v=176716919634180417141707489160') !important; } .ly-breakpoint-2 .ly-flag-icon-pt-BR { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-pt-BR.svg?v=174991639329397837471707489160') !important; } .ly-breakpoint-2 .ly-flag-icon-th { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-th.svg?v=96705025912777829541707489160') !important; } .ly-breakpoint-2 .ly-flag-icon-vi { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-vi.svg?v=22737567735801188511707489160') !important; } .ly-breakpoint-2 .ly-flag-icon-id { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-id.svg?v=2663114094476898741707489159') !important; } .ly-breakpoint-2 .ly-flag-icon-hi { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-hi.svg?v=5607111426863143641707489159') !important; } .ly-breakpoint-2 .ly-flag-icon-ru { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-ru.svg?v=65592244134353662081707489160') !important; } .ly-breakpoint-2 .ly-flag-icon-ms { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-ms.svg?v=53786418848765193351707489159') !important; } .ly-breakpoint-2 .ly-flag-icon-fil { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-fil.svg?v=181685003166679459961707489159') !important; } .ly-breakpoint-2 .ly-flag-icon-tr { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-tr.svg?v=133901269888286788981707489160') !important; } .ly-breakpoint-2 .ly-flag-icon-nl { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-nl.svg?v=29182468972696054461707489160') !important; } .ly-breakpoint-2 .ly-flag-icon-ja { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-ja.svg?v=123895618574673342971707489159') !important; } .ly-breakpoint-2 .ly-flag-icon-sv { background-image: url('//wafuu.com/cdn/shop/t/4/assets/ly-icon-sv.svg?6637') !important; } .ly-switcher-wrapper { } .ly-switcher-wrapper.fixed { position: fixed; z-index: 1000; } .ly-switcher-wrapper.absolute { position: absolute; z-index: 1000; } .ly-switcher-wrapper.fixed.top_left, .ly-switcher-wrapper.absolute.top_left { top: 0; left: 0; } .ly-switcher-wrapper.fixed.top_right, .ly-switcher-wrapper.absolute.top_right { top: 0; right: 0; } .ly-switcher-wrapper.fixed.bottom_left, .ly-switcher-wrapper.absolute.bottom_left { bottom: 0; left: 0; } .ly-switcher-wrapper.fixed.bottom_right, .ly-switcher-wrapper.absolute.bottom_right { bottom: 0; right: 0; } .ly-switcher-wrapper .shopify-currency-form { display: inline-block; } .ly-currency-switcher { font-size: 1em; } .ly-inner-text { margin: 0 0.2em; white-space: nowrap; } .ly-flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; } .ly-flag-icon:before { content: ''; display: inline-block; } .ly-flag-icon.ly-flag-squared { width: 1em; } .ly-flag-icon.ly-flag-rounded { width: 1em; border-radius: 50%; } .ly-languages-switcher { white-space: nowrap; list-style-type: none; display: flex; font-size: 1em; } .ly-languages-switcher-link { margin: 0 0.2em; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-block; } .ly-languages-switcher.ly-list { margin: 0; padding: 0; display: block; } .ly-languages-switcher.ly-native-select { } .ly-icon { margin: 0 0.2em; } .ly-arrow { display: inline-block; position: relative; vertical-align: middle; direction: ltr !important; -webkit-transition: transform 0.25s; -moz-transition: transform 0.25s; transition: transform 0.25s; margin: 0 0.2em; } .ly-custom-dropdown-switcher.ly-is-open .ly-arrow { transform: rotate(180deg); } .ly-custom-dropdown-switcher.ly-arrow.ly-arrow-up { transform: rotate(180deg); } .ly-custom-dropdown-switcher.ly-is-open .ly-arrow.ly-arrow-up { transform: rotate(0deg); } .ly-custom-dropdown-switcher { text-align: left; display: inline-block; position: relative; user-select: none; cursor: pointer; } .ly-custom-dropdown-current { display: block; vertical-align: middle; } .ly-custom-dropdown-current-inner { display: inline-block; vertical-align: middle; } .ly-custom-dropdown-current-inner-image { margin-right: 0.25em; } .ly-custom-dropdown-current-inner-text { margin: 0 0.2em; } .ly-custom-dropdown-list { display: none !important; list-style: none; position: absolute; left: 0; padding: inherit !important; padding: 0 !important; margin: 0; z-index: 99999; text-align: left; width: 100%; font-size: 1em; } .ly-custom-dropdown-list-element { color: inherit !important; display: block; } .ly-custom-dropdown-list > li { margin: 0 !important; display: block; } .ly-custom-dropdown-list-element-left { margin-right: 0.5em; } .ly-custom-dropdown-list-element-right { text-align: left; } .ly-custom-dropdown-list-element-left, .ly-custom-dropdown-list-element-right { vertical-align: middle; } .ly-custom-dropdown-switcher .ly-languages-switcher-link { margin: 0; } .ly-languages-switcher-dropdown { display: inline-block; } .ly-languages-links-switcher { display: inline-block; } .ly-languages-links-switcher > .ly-languages-link { /*margin-right: 0.5em;*/ padding: inherit !important; color: inherit !important; } .ly-custom-dropdown-list-element { /*padding: inherit !important;*/ text-decoration: none; } .ly-is-uppercase { text-transform: uppercase; } .ly-is-transparent.ly-links, .ly-is-transparent.ly-list, .ly-is-transparent.ly-currency-switcher, .ly-is-transparent.ly-custom-dropdown-switcher, .ly-is-transparent.ly-custom-dropdown-switcher .ly-custom-dropdown-list { background: transparent !important; } .ly-arrow-up { transform: rotateZ(180deg); } .ly-custom-dropdown-switcher .ly-custom-dropdown-list li.current{ display: none; } .ly-custom-dropdown-switcher.ly-is-open .ly-custom-dropdown-list { display: flex !important; min-width: 100%; width: 100%; flex-direction: column-reverse; right: 0; left: auto; overflow: auto; max-height: 350px; max-height: 50vh; } .ly-is-dropup .ly-custom-dropdown-list { bottom: 100%; } .ly-hide { display: none !important; } body.ly-force-off #preview-bar-iframe, body.ly-force-off .ly-languages-switcher { display: none !important; } .ly-close { position: absolute; opacity: 0.3; right: 0; top: 0; width: 3em; height: 3em; display: inline-block !important; background: rbga(0,0,0,0); padding: 1em; } .ly-close:hover { opacity: 1; } .ly-close .inner { transform: translateX(-50%); position: relative; width: 100%; height: 100%; display: inline-block; } .ly-close .inner:before, .ly-close .inner:after { position: absolute; left: 1em; content: ' '; height: 1em; width: 2px; background-color: #333; } .ly-close .inner:before { transform: rotate(45deg); } .ly-close .inner:after { transform: rotate(-45deg); } .ly-popup-switcher {} .ly-popup-switcher .ly-popup-current { cursor: pointer; background: transparent; } .ly-popup-switcher .ly-popup-modal { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; } .ly-popup-switcher.ly-is-open .ly-popup-modal { display: flex; } .ly-popup-switcher .ly-popup-modal-backdrop { position: fixed; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background:rgba(0, 0, 0, 0.38); cursor: pointer; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content { padding: 1em; position: absolute; z-index: 1000; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content ul { padding: 0; margin: 12px 0 0 0; list-style: none; display: flex; flex-direction: column; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content ul .ly-languages-switcher-link { margin: 0; border: solid 1px; padding: 1em; display: block; min-width: 225px; margin-top: 1em; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content ul .ly-languages-switcher-link.current_lang { display: none; } /* Recommendation */ .ly-recommendation { display: none; } .ly-recommendation.ly-is-open { display: inline-block; } .ly-recommendation form { display: inline-block; } .ly-recommendation .ly-arrow, .ly-arrow.recommendation { display: none; } .ly-recommendation .ly-arrow.recommendation { display: inline-block; } .ly-recommendation .ly-switcher-wrapper { font-size: 1em !important; } .ly-recommendation .ly-popup-modal .ly-popup-switcher .ly-popup-modal .ly-popup-modal-backdrop { display: none; } .ly-recommendation-form button[type="submit"] { cursor: pointer; } /* Recommendation Banner */ .ly-recommendation .ly-banner { position: fixed; z-index: 100000; width: 100%; } .ly-recommendation .ly-banner .ly-banner-content { width: 100%; padding: 1em 30px 1em 1em; box-shadow: 0 0 20px rgba(0,0,0,.25); } .ly-recommendation .ly-banner.top { top: 0; } .ly-recommendation .ly-banner.bottom { bottom: 0; } .ly-recommendation .ly-banner .ly-banner-content .ly-switcher-wrapper { position: relative !important; margin: 0 !important; display: inline-block !important; } .ly-recommendation .ly-banner .ly-recommendation-form button[type="submit"] { margin-left: 10px; } /* Recommendation Popup */ .ly-recommendation .ly-popup-modal { position: fixed; z-index: 10000; } .ly-recommendation .ly-popup-modal .ly-switcher-wrapper { position: relative !important; margin: 0 !important; display: inline-block !important; } .ly-recommendation .ly-popup-modal-backdrop { position: fixed; width: 100%; height: 100%; z-index: 1000; top: 0; left: 0; background:rgba(0, 0, 0, 0.38); } .ly-recommendation .ly-popup-modal .ly-popup-modal-content { padding: 1em 30px 1em 1em; } .ly-recommendation .ly-popup-modal .ly-popup-modal-content .ly-languages-switcher { position: relative !important; margin: 0 !important; } .ly-recommendation .ly-popup-modal .ly-popup-modal-content h3 { margin: 0 2em 1em 0; font-size: inherit; position: relative; } .ly-recommendation .ly-popup-modal.top_left { top: 0; left: 0; margin-right: 0 !important; margin-bottom: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important;} .ly-recommendation .ly-popup-modal.top_center { top: 0; left: 50%; transform: translateX(-50%); margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important;} .ly-recommendation .ly-popup-modal.top_right { top: 0; right: 0; margin-left: 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; padding-bottom: 0 !important; } .ly-recommendation .ly-popup-modal.center_center { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0 !important; padding: 0 !important; } .ly-recommendation .ly-popup-modal.bottom_left { bottom: 0; left: 0; margin-right: 0 !important; margin-top: 0 !important; padding-right: 0 !important; padding-top: 0 !important; } .ly-recommendation .ly-popup-modal.bottom_center { bottom: 0; left: 50%; transform: translateX(-50%); margin-right: 0 !important; margin-left: 0 !important; margin-top: 0 !important; padding-right: 0 !important; padding-left: 0 !important; padding-top: 0 !important; } .ly-recommendation .ly-popup-modal.bottom_right { bottom: 0; right: 0; margin-left: 0 !important; margin-top: 0 !important; padding-left: 0 !important; padding-top: 0 !important; } </style><div id="shopify-block-15683396631634586217" class="shopify-block shopify-app-block"><script id="chat-button-container" data-horizontal-position=bottom_right data-vertical-position=higher data-icon=chat_bubble data-text=no_text data-color=#202a36 data-secondary-color=#FFFFFF data-ternary-color=#6A6A6A data-greeting-message=%F0%9F%91%8B%E3%81%93%E3%82%93%E3%81%AB%E3%81%A1%E3%81%AF%E3%80%82%E3%81%94%E8%B3%AA%E5%95%8F%E3%82%84%E3%81%94%E8%A6%81%E6%9C%9B%E3%81%8C%E3%81%94%E3%81%96%E3%81%84%E3%81%BE%E3%81%97%E3%81%9F%E3%82%89%E3%80%81%E3%81%8A%E6%B0%97%E8%BB%BD%E3%81%AB%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%82%E3%81%8A%E3%81%99%E3%81%99%E3%82%81%E3%82%92%E3%81%94%E6%8F%90%E6%A1%88%E3%81%84%E3%81%9F%E3%81%97%E3%81%BE%E3%81%99%E3%80%82 data-domain=wafuu.com data-external-identifier=90SIQ_z1UTyJ7lPcresaSBKfivKIpk5El5pPK9Qc6rw > </script> </div></body> </html>