<h2>Redirecting...</h2> </div> <svg data-src="https://cdn11.bigcommerce.com/s-zirnuihc1s/stencil/f994b0a0-89e2-013b-7a66-22301a159ecd/e/e3916880-2bb3-013f-1934-2230d0a5603b/img/icon-sprite.svg" class="icons-svg-sprite"></svg> <style type="text/css"> @font-face { font-family: "zoleo-icons"; src: url("/content/fonts/zoleo-icons.eot?z65fy1"); src: url("/content/fonts/zoleo-icons.eot?z65fy1#iefix") format("embedded-opentype"), url("/content/fonts/zoleo-icons.ttf?z65fy1") format("truetype"), url("/content/fonts/zoleo-icons.woff?z65fy1") format("woff"), url("/content/fonts/zoleo-icons.svg?z65fy1#zoleo") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face{ font-family: 'AvenirNextLTPro-Demi'; src: url("/content/fonts/AvenirNextLTPro-Demi.ttf"); src: url("/content/fonts/AvenirNextLTPro-Demi.eot?#iefix") format("embedded-opentype"), url("/content/fonts/AvenirNextLTPro-Demi.woff2") format("woff2"), url("/content/fonts/AvenirNextLTPro-Demi.ttf") format("truetype"); font-display: swap; } @font-face { font-family: 'AvenirNextLTPro-Bold'; src: url("/content/fonts/AvenirNextLTPro-Bold.ttf"); src: url("/content/fonts/AvenirNextLTPro-Bold.eot?#iefix") format("embedded-opentype"), url("/content/fonts/AvenirNextLTPro-Bold.woff2") format("woff2"), url("/content/fonts/AvenirNextLTPro-Bold.ttf") format("truetype"); font-display: swap; } @font-face { font-family: 'AvenirNextLTPro-Medium'; src: url("/content/fonts/AvenirNextLTPro-Medium.eot"); src: url("/content/fonts/AvenirNextLTPro-Medium.eot?#iefix") format("embedded-opentype"), url("/content/fonts/AvenirNextLTPro-Medium.woff2") format("woff2"), url("/content/fonts/AvenirNextLTPro-Medium.ttf") format("truetype"); font-display: swap; } @font-face { font-family: 'AvenirNextLTPro'; src: url("/content/fonts/AvenirNextLTPro.ttf"); font-display: swap; } @font-face { font-family: 'AvenirNextLTPro-Light'; src: url("/content/fonts/AvenirNextLTPro-Light.ttf"); font-display: swap; } @font-face { font-family: 'AvenirNextLTPro-Light-italic'; src: url("/content/fonts/AvenirNextLTPro-Light-italic.ttf"); font-display: swap; } </style> <header> <div class="page-header"> <div class="top-bar"> <div class="container"> <ul> <li class="hdr_support"> </li> <li class="li_head_account"> <a href="/account.php?action=order_status" class="icon"> <span class="user-account"></span> </a> </li> <li class="my_cart" style="display: none;"> <a href="cart" title="cart" class="cart_icon"> <svg width="26" height="28" viewBox="0 0 26 28"><path d="M10 24c0 1.094-0.906 2-2 2s-2-0.906-2-2 0.906-2 2-2 2 0.906 2 2zM24 24c0 1.094-0.906 2-2 2s-2-0.906-2-2 0.906-2 2-2 2 0.906 2 2zM26 7v8c0 0.5-0.391 0.938-0.891 1l-16.312 1.906c0.078 0.359 0.203 0.719 0.203 1.094 0 0.359-0.219 0.688-0.375 1h14.375c0.547 0 1 0.453 1 1s-0.453 1-1 1h-16c-0.547 0-1-0.453-1-1 0-0.484 0.703-1.656 0.953-2.141l-2.766-12.859h-3.187c-0.547 0-1-0.453-1-1s0.453-1 1-1h4c1.047 0 1.078 1.25 1.234 2h18.766c0.547 0 1 0.453 1 1z"></path></svg> <span class="cart_item" style="display: none;">0</span> </a> </li> <li class="hdr_act"> </li> <li id="region_selector" class="navbar_lang_drp" aria-label="Language selector"> <img id="region_selector_img" width="20" height="20" src="https://images.prismic.io/zoleoinc/c913f51a-d5ec-4037-82b8-27f982d4356f_united-kingdom.png?auto=compress,format" alt=""> <span class="cursor-pointer"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" shape-rendering="geometricPrecision" class="icon__25_AO active__1cLv5"><path d="M6 9l6 6 6-6"></path></svg></span> <span aria-label="Close panel"> <ul class="local_list"> </ul> </span> </li> <li id="language_selector" class="navbar_lang_drp" aria-label="Language selector" style="display: none;padding-left: 5px;"> <span class="title" style="padding: 0;position: relative;top: -4px;font-size: 14px;"></span> <span class="cursor-pointer"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none" shape-rendering="geometricPrecision" class="icon__25_AO active__1cLv5"><path d="M6 9l6 6 6-6"></path></svg></span> <span aria-label="Close panel"> <ul class="local_list"> </ul> </span> </li> </ul> </div> </div> <div class="header-main"> <div class="container header-inner"> <span class="mobile-menu"></span> <div class="logo"> </div> <div class="mobile-cart-icon" style="display: none;"><a href="/cart" class="cart_icon"><svg width="26" height="28" viewBox="0 0 26 28"><path d="M10 24c0 1.094-0.906 2-2 2s-2-0.906-2-2 0.906-2 2-2 2 0.906 2 2zM24 24c0 1.094-0.906 2-2 2s-2-0.906-2-2 0.906-2 2-2 2 0.906 2 2zM26 7v8c0 0.5-0.391 0.938-0.891 1l-16.312 1.906c0.078 0.359 0.203 0.719 0.203 1.094 0 0.359-0.219 0.688-0.375 1h14.375c0.547 0 1 0.453 1 1s-0.453 1-1 1h-16c-0.547 0-1-0.453-1-1 0-0.484 0.703-1.656 0.953-2.141l-2.766-12.859h-3.187c-0.547 0-1-0.453-1-1s0.453-1 1-1h4c1.047 0 1.078 1.25 1.234 2h18.766c0.547 0 1 0.453 1 1z"></path></svg><span class="cart_item" style="display:none">0</span></a></div> <nav> </nav> <div class="mobile-account"> <UserNav data-href={navbar.pencil_bar_title_link_2.url} data-title={navbar.pencil_bar_title_2} /> </div> <div class="where-buy"> </div> </div> </div> <div class="promo_text_main"> </div> </div> </header> <main class="body" id="main-content" role="main" data-currency-code="USD"> <div class="container"> <div itemscope itemtype="https://schema.org/Product"> <div class="productView" > <section class="productView-images" data-image-gallery> <figure class="productView-image" data-image-gallery-main > <div class="productView-img-container"> <img src="https://cdn11.bigcommerce.com/s-zirnuihc1s/stencil/f994b0a0-89e2-013b-7a66-22301a159ecd/e/e3916880-2bb3-013f-1934-2230d0a5603b/img/ProductDefault.gif" alt="Image coming soon" class="lazyload productView-image--default" data-main-image /> </div> </figure> <ul class="productView-thumbnails"> </ul> </section> <section class="productView-details product-data"> <div class="productView-product"> <h1 class="productView-title" itemprop="name">Bundle Add-On 20 Messages</h1> <h2 class="productView-brand" itemprop="brand" itemscope itemtype="https://schema.org/Brand"> <a href="https://shop.zoleo.com/zoleo-1/" itemprop="url"><span itemprop="name">ZOLEO</span></a> </h2> <div class="productView-price"> <div class="price-section price-section--withoutTax rrp-price--withoutTax" style="display: none;"> <span> MSRP: </span> <span data-product-rrp-price-without-tax class="price price--rrp"> </span> </div> <div class="price-section price-section--withoutTax non-sale-price--withoutTax" style="display: none;"> <span> Was: </span> <span data-product-non-sale-price-without-tax class="price price--non-sale"> </span> </div> <div class="price-section price-section--withoutTax" itemprop="offers" itemscope itemtype="https://schema.org/Offer"> <span class="price-label" > </span> <span class="price-now-label" style="display: none;"> Now: </span> <span data-product-price-without-tax class="price price--withoutTax">$11.00</span> <meta itemprop="availability" itemtype="https://schema.org/ItemAvailability" content="https://schema.org/InStock"> <meta itemprop="itemCondition" itemtype="https://schema.org/OfferItemCondition" content="https://schema.org/Condition"> <meta itemprop="priceCurrency" content="USD"> <meta itemprop="url" content="https://shop.zoleo.com/bundle-add-on-20-messages/"> <div itemprop="priceSpecification" itemscope itemtype="https://schema.org/PriceSpecification"> <meta itemprop="price" content="11"> <meta itemprop="priceCurrency" content="USD"> <meta itemprop="valueAddedTaxIncluded" content="false"> </div> </div> <div class="price-section price-section--saving price" style="display: none;"> <span class="price">(You save</span> <span data-product-price-saved class="price price--saving"> </span> <span class="price">)</span> </div> </div> <div data-content-region="product_below_price"></div> <div class="productView-rating"> <span role="img" aria-label="Product rating is 0 of 5" > <span class="icon icon--ratingEmpty"> <svg> <use xlink:href="#icon-star" /> </svg> </span> <span class="icon icon--ratingEmpty"> <svg> <use xlink:href="#icon-star" /> </svg> </span> <span class="icon icon--ratingEmpty"> <svg> <use xlink:href="#icon-star" /> </svg> </span> <span class="icon icon--ratingEmpty"> <svg> <use xlink:href="#icon-star" /> </svg> </span> <span class="icon icon--ratingEmpty"> <svg> <use xlink:href="#icon-star" /> </svg> </span> </span> <span>(No reviews yet)</span> <a href="https://shop.zoleo.com/bundle-add-on-20-messages/" class="productView-reviewLink productView-reviewLink--new" data-reveal-id="modal-review-form" role="button" > Write a Review </a> <div id="modal-review-form" class="modal" data-reveal> <div class="modal-header"> <h2 class="modal-header-title">Write a Review</h2> <button class="modal-close" type="button" title="Close" > <span class="aria-description--hidden">Close</span> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="writeReview-productDetails"> <div class="writeReview-productImage-container"> <img src="https://cdn11.bigcommerce.com/s-zirnuihc1s/stencil/f994b0a0-89e2-013b-7a66-22301a159ecd/e/e3916880-2bb3-013f-1934-2230d0a5603b/img/ProductDefault.gif" alt="Image coming soon" class="lazyload" /> </div> <h6 class="product-brand">ZOLEO</h6> <h5 class="product-title">Bundle Add-On 20 Messages</h5> </div> <form class="form writeReview-form" action="https://shop.zoleo.com/postreview.php" method="post"> <fieldset class="form-fieldset"> <div class="form-field"> <label class="form-label" for="rating-rate">Rating <small>Required</small> </label> <!-- Stars --> <!-- TODO: Review Stars need to be componentised, both for display and input --> <select id="rating-rate" class="form-select" name="revrating" data-input aria-required="true"> <option value="">Select Rating</option> <option value="1">1 star (worst)</option> <option value="2">2 stars</option> <option value="3">3 stars (average)</option> <option value="4">4 stars</option> <option value="5">5 stars (best)</option> </select> </div> <!-- Name --> <div class="form-field" id="revfromname" data-validation="" > <label class="form-label" for="revfromname_input">Name <small>Required</small> </label> <input type="text" name="revfromname" id="revfromname_input" class="form-input" data-label="Name" data-input aria-required="true" > </div> <!-- Email --> <div class="form-field" id="email" data-validation="" > <label class="form-label" for="email_input">Email <small>Required</small> </label> <input type="text" name="email" id="email_input" class="form-input" data-label="Email" data-input aria-required="true" > </div> <!-- Review Subject --> <div class="form-field" id="revtitle" data-validation="" > <label class="form-label" for="revtitle_input">Review Subject <small>Required</small> </label> <input type="text" name="revtitle" id="revtitle_input" class="form-input" data-label="Review Subject" data-input aria-required="true" > </div> <!-- Comments --> <div class="form-field" id="revtext" data-validation=""> <label class="form-label" for="revtext_input">Comments <small>Required</small> </label> <textarea name="revtext" id="revtext_input" data-label="Comments" rows="" aria-required="true" data-input class="form-input" > </textarea> </div> <div class="g-recaptcha" data-sitekey="6LcjX0sbAAAAACp92-MNpx66FT4pbIWh-FTDmkkz"></div><br/> <div class="form-field"> <input type="submit" class="button button--primary" value="Submit Review"> </div> <input type="hidden" name="product_id" value="123"> <input type="hidden" name="action" value="post_review"> </fieldset> </form> </div> </div> </div> <dl class="productView-info"> <dt class="productView-info-name sku-label">SKU:</dt> <dd class="productView-info-value" data-product-sku itemprop="sku">ZOL-ADDON20</dd> <dt class="productView-info-name upc-label" style="display: none;">UPC:</dt> <dd class="productView-info-value" data-product-upc></dd> <div class="productView-info-bulkPricing"> </div> <dt class="productView-info-name">Recurrence:</dt> <dd class="productView-info-value">Once</dd> <dt class="productView-info-name">ProductType:</dt> <dd class="productView-info-value">Feature</dd> <dt class="productView-info-name">MessagesIncluded:</dt> <dd class="productView-info-value">20</dd> <dt class="productView-info-name">FeatureType:</dt> <dd class="productView-info-value">MessageBundle</dd> <dt class="productView-info-name">ShortCode:</dt> <dd class="productView-info-value">Add20</dd> <dt class="productView-info-name">Status:</dt> <dd class="productView-info-value">Active</dd> <dt class="productView-info-name">Display Name:</dt> <dd class="productView-info-value">Bundle Add-On 20</dd> </dl> </div> </section> <section class="productView-details product-options"> <div class="productView-options"> <form class="form" method="post" action="https://shop.zoleo.com/cart.php" enctype="multipart/form-data" data-cart-item-add> <input type="hidden" name="action" value="add"> <input type="hidden" name="product_id" value="123"/> <div data-product-option-change style="display:none;"> </div> <div class="form-field form-field--stock u-hiddenVisually"> <label class="form-label form-label--alternate"> Current Stock: <span data-product-stock></span> </label> </div> <div id="add-to-cart-wrapper" class="add-to-cart-wrapper" > <div class="form-field form-field--increments"> <label class="form-label form-label--alternate" for="qty[]">Quantity:</label> <div class="form-increment" data-quantity-change> <button class="button button--icon" data-action="dec"> <span class="is-srOnly">Decrease Quantity of Bundle Add-On 20 Messages</span> <i class="icon" aria-hidden="true"> <svg> <use xlink:href="#icon-keyboard-arrow-down"/> </svg> </i> </button> <input class="form-input form-input--incrementTotal" id="qty[]" name="qty[]" type="tel" value="1" data-quantity-min="0" data-quantity-max="0" min="1" pattern="[0-9]*" aria-live="polite"> <button class="button button--icon" data-action="inc"> <span class="is-srOnly">Increase Quantity of Bundle Add-On 20 Messages</span> <i class="icon" aria-hidden="true"> <svg> <use xlink:href="#icon-keyboard-arrow-up"/> </svg> </i> </button> </div> </div> <div class="alertBox productAttributes-message" style="display:none"> <div class="alertBox-column alertBox-icon"> <icon glyph="ic-success" class="icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"></path></svg></icon> </div> <p class="alertBox-column alertBox-message"></p> </div> <div class="form-action"> <input id="form-action-addToCart" data-wait-message="Adding to cart…" class="button button--primary" type="submit" value="Add to Cart" > <span class="product-status-message aria-description--hidden">Adding to cart… The item has been added</span> </div> </div> </form> </div> <div> <ul class="socialLinks"> <li class="socialLinks-item socialLinks-item--facebook"> <a class="socialLinks__link icon icon--facebook" title="Facebook" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fshop.zoleo.com%2Fbundle-add-on-20-messages%2F" target="_blank" rel="noopener" > <span class="aria-description--hidden">Facebook</span> <svg> <use xlink:href="#icon-facebook"/> </svg> </a> </li> <li class="socialLinks-item socialLinks-item--email"> <a class="socialLinks__link icon icon--email" title="Email" href="mailto:?subject=Bundle%20Add-On%2020%20Messages&body=https%3A%2F%2Fshop.zoleo.com%2Fbundle-add-on-20-messages%2F" target="_self" rel="noopener" > <span class="aria-description--hidden">Email</span> <svg> <use xlink:href="#icon-envelope"/> </svg> </a> </li> <li class="socialLinks-item socialLinks-item--print"> <a class="socialLinks__link icon icon--print" title="Print" onclick="window.print();return false;" > <span class="aria-description--hidden">Print</span> <svg> <use xlink:href="#icon-print"/> </svg> </a> </li> <li class="socialLinks-item socialLinks-item--twitter"> <a class="socialLinks__link icon icon--twitter" href="https://twitter.com/intent/tweet/?text=Bundle%20Add-On%2020%20Messages&url=https%3A%2F%2Fshop.zoleo.com%2Fbundle-add-on-20-messages%2F" target="_blank" rel="noopener" title="Twitter" > <span class="aria-description--hidden">Twitter</span> <svg> <use xlink:href="#icon-twitter"/> </svg> </a> </li> <li class="socialLinks-item socialLinks-item--pinterest"> <a class="socialLinks__link icon icon--pinterest" title="Pinterest" href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fshop.zoleo.com%2Fbundle-add-on-20-messages%2F&description=Bundle%20Add-On%2020%20Messages" target="_blank" rel="noopener" > <span class="aria-description--hidden">Pinterest</span> <svg> <use xlink:href="#icon-pinterest"/> </svg> </a> </li> </ul> </div> </section> <article class="productView-description" itemprop="description"> <ul class="tabs" data-tab> </ul> <div class="tabs-contents"> <div class="tab-content" id="tab-reviews"> </div> </div> </article> </div> <div id="previewModal" class="modal modal--large" data-reveal> <button class="modal-close" type="button" title="Close" > <span class="aria-description--hidden">Close</span> <span aria-hidden="true">×</span> </button> <div class="modal-content"></div> <div class="loadingOverlay"></div> </div> <div data-content-region="product_below_content"></div> <ul class="tabs" data-tab role="tablist"> <li class="tab is-active" role="presentation"> <a class="tab-title" href="#tab-related" role="tab" tabindex="0" aria-selected="true" controls="tab-related">Related Products</a> </li> </ul> <div class="tabs-contents"> <div role="tabpanel" aria-hidden="false" class="tab-content has-jsContent is-active" id="tab-related"> <section class="productCarousel" data-list-name="" data-slick='{ "infinite": false, "mobileFirst": true, "slidesToShow": 2, "slidesToScroll": 2, "slide": "[data-product-slide]", "responsive": [ { "breakpoint": 800, "settings": { "slidesToShow": 6, "slidesToScroll": 6 } }, { "breakpoint": 550, "settings": { "slidesToShow": 3, "slidesToScroll": 3 } } ] }' > <div data-product-slide class="productCarousel-slide"> <article class="card " data-test="card-124" > <figure class="card-figure"> <a href="https://shop.zoleo.com/bundle-add-on-75-messages/" class="card-figure__link" aria-label="Bundle Add-On 75 Messages, $20.00 " " > <div class="card-img-container"> <img src="https://cdn11.bigcommerce.com/s-zirnuihc1s/stencil/f994b0a0-89e2-013b-7a66-22301a159ecd/e/e3916880-2bb3-013f-1934-2230d0a5603b/img/ProductDefault.gif" alt="Image coming soon" class="lazyload card-image" /> </div> </a> <figcaption class="card-figcaption"> <div class="card-figcaption-body"> <button type="button" class="button button--small card-figcaption-button quickview" data-product-id="124">Quick view</button> <a href="https://shop.zoleo.com/cart.php?action=add&product_id=124" data-event-type="product-click" data-button-type="add-cart" class="button button--small card-figcaption-button">Add to Cart</a> <span class="product-status-message aria-description--hidden">The item has been added</span> </div> </figcaption> </figure> <div class="card-body"> <p class="card-text" data-test-info-type="brandName">ZOLEO</p> <h3 class="card-title"> <a aria-label="Bundle Add-On 75 Messages, $20.00 " " href="https://shop.zoleo.com/bundle-add-on-75-messages/" > Bundle Add-On 75 Messages </a> </h3> <div class="card-text" data-test-info-type="price"> <div class="price-section price-section--withoutTax rrp-price--withoutTax" style="display: none;"> <span> MSRP: </span> <span data-product-rrp-price-without-tax class="price price--rrp"> </span> </div> <div class="price-section price-section--withoutTax non-sale-price--withoutTax" style="display: none;"> <span> Was: </span> <span data-product-non-sale-price-without-tax class="price price--non-sale"> </span> </div> <div class="price-section price-section--withoutTax" > <span class="price-label" > </span> <span class="price-now-label" style="display: none;"> Now: </span> <span data-product-price-without-tax class="price price--withoutTax">$20.00</span> </div> </div> </div> </article> </div> </section> </div> </div> </div> </div> <div id="modal" class="modal" data-reveal data-prevent-quick-search-close> <button class="modal-close" type="button" title="Close" > <span class="aria-description--hidden">Close</span> <span aria-hidden="true">×</span> </button> <div class="modal-content"></div> <div class="loadingOverlay"></div> </div> <div id="alert-modal" class="modal modal--alert modal--small" data-reveal data-prevent-quick-search-close> <div class="swal2-icon swal2-error swal2-icon-show"><span class="swal2-x-mark"><span class="swal2-x-mark-line-left"></span><span class="swal2-x-mark-line-right"></span></span></div> <div class="modal-content"></div> <div class="button-container"><button type="button" class="confirm button" data-reveal-close>OK</button></div> </div> </main> <footer class="footer"> <div class="before_footer"> <div class="container"> <ul class="support_link"> </ul> </div> </div> <div class="footer_main"> <div class="container footer_inner"> <div class="footer_left"> <ul class="footer_links footer-links first"> <li class="link_title link-title"> <strong></strong> </li> </ul> <ul class="footer_links footer-links second"> <li class="link_title link-title"> <strong></strong> </li> </ul> <ul class="footer_links footer-links third"> <li class="link_title link-title"> <strong></strong> </li> </ul> <ul class="footer_links footer-links four"> <li class="link_title link-title"> <strong></strong> </li> </ul> </div> <div class="footer_social_connect"> <div class="newsletter"> <label> <span class="lightbox"> <i class="icon-bubble-question"></i> </span> </label> <div class="newletter_form"> <input type="email" name="Email" placeholder="Enter your e-mail" /> <button></button> </div> <div class="privacy_popup_back privacy_popup_back"> <div class="container"> <div class="privacy_popup"> <span class="close_popup close_popup"> <i class="icon-cross2"></i></span> <p><strong></strong></p> <p class="pop_desc"></p> </div> </div> </div> </div> <ul class="footer_social"> </ul> <div class="partners"></div> </div> </div> </div> <div class="copyright"> <div class="container"> <ul class="footer_bottom_links"> </ul> <small> <span> Copyright © 2021 ZOLEO Inc. All rights reserved. </span> </small> </div> </div> <div class="back-to-top" id="upArrow"> <span class="icon-chevron-up"></span> </div> </footer> <script> var bablic=window.bablic||{}; var ftr_curls = new URL(window.location.href); const ftr_sc = ftr_curls.searchParams.get('sc'); const ftr_l = ftr_curls.searchParams.get('locale'); if(ftr_sc != null && ftr_l != null){ var ftr_node_data = JSON.stringify({'sc':ftr_sc, 'l':ftr_l}); localStorage.setItem('node_data', ftr_node_data); } const node_data = localStorage.getItem('node_data'); var node_sc = "eu"; var node_locale = "en-gb"; if(node_data != null){ const data = JSON.parse(node_data); node_sc = data.sc; node_locale = data.l; } var cart_url = site_url+"/"+node_locale+"/cart"; $(".cart_icon").attr('href', cart_url); //Cart Count const eu_cart_count = parseInt(localStorage.getItem('eu_cart_count')); const us_cart_count = parseInt(localStorage.getItem('us_cart_count')); if(eu_cart_count != null && node_sc == "eu"){ if(eu_cart_count > 0){ $(".cart_icon .cart_item").html(eu_cart_count).show(); } } else if(us_cart_count != null && node_sc == "us"){ if(us_cart_count > 0){ $(".cart_icon .cart_item").html(us_cart_count).show(); } } //GTM start let gtm_id = "G-HV7ZEQKB9Z"; if(node_locale == "en-se"){ gtm_id = "G-RLH6Y3G7ZF" } else if(node_locale == "en-no"){ gtm_id = "G-19FNWJHVBN" } else if(node_locale == "en-dk"){ gtm_id = "G-NSB2V9R012" } else if(node_locale == "en-fi"){ gtm_id = "G-1SZ1VWF32K" } const gtm_zoleo = document.createElement('script'); gtm_zoleo.type = 'text/javascript'; gtm_zoleo.src = 'https://www.googletagmanager.com/gtag/js?id='+gtm_id; document.head.appendChild(gtm_zoleo); //GTM End // $("#addressToggle").attr("href", "javascript:void(0);"); //Do not allow users to access BC URL var pathname = window.location.pathname; const url_list = ['/account.php','/auth-in-php/','/draft-order/','/checkout','/checkout/order-confirmation','/cart.php']; const is_exit_url = $.inArray(pathname, url_list); if(!bablic.isEditor()){ if(!pathname.match('/login/token/')){ if(pathname == "/login.php"){ window.location.href = cognito_url+"logout?response_type=token&client_id="+cognito_cid+"&logout_uri="+site_url+"/zl-zl/ssologout"; } else{ if(is_exit_url == '-1'){ $(".redirect-container").css('display','flex'); window.location.href = site_url+"/"+node_locale; } } } } //region_selector show hide $(document).on('click', 'body #region_selector', function(){ const chk_display = $("#region_selector .local_list").css('display'); if(chk_display == 'none'){ $("#region_selector .local_list").attr('style','display:block !important'); $("#region_selector .cursor-pointer > svg").attr('style','transform: rotate(180deg);'); } else{ $("#region_selector .local_list").attr('style','display:none !important'); $("#region_selector .cursor-pointer > svg").attr('style','transform: rotate(0deg);'); } }) $(document).on('click', 'body #language_selector', function(){ const chk_display = $("#language_selector .local_list").css('display'); if(chk_display == 'none'){ $("#language_selector .local_list").attr('style','display:block !important'); $("#language_selector .cursor-pointer > svg").attr('style','transform: rotate(180deg);'); } else{ $("#language_selector .local_list").attr('style','display:none !important'); $("#language_selector .cursor-pointer > svg").attr('style','transform: rotate(0deg);'); } }) $(document).on('click', 'body #language_selector_mobile', function(){ const chk_display = $("#language_selector_mobile .local_list").css('display'); if(chk_display == 'none'){ $("#language_selector_mobile .local_list").attr('style','display:block !important'); $("#language_selector_mobile .cursor-pointer > svg").attr('style','transform: rotate(180deg);'); } else{ $("#language_selector_mobile .local_list").attr('style','display:none !important'); $("#language_selector_mobile .cursor-pointer > svg").attr('style','transform: rotate(0deg);'); } }) //region_selector show hide $(document).on('click', 'body #region_selector .local_list li > a, body #language_selector .local_list li > a, body #language_selector_mobile .local_list li > a', function(){ const node_data_parse = JSON.parse(localStorage.getItem('node_data')); const store_code = $(this).attr('data-sc'); const locale = $(this).attr('data-locale'); var node_data = JSON.stringify({'sc':store_code, 'l':locale}); localStorage.setItem('node_data', node_data); const old_sc = node_data_parse.sc; if(old_sc != store_code){ if(store_code == "eu"){ window.location.href = eu_bc_url+"account.php?action=account_details&sc="+store_code+"&locale="+locale; } else{ window.location.href = us_bc_url+"account.php?action=account_details&sc="+store_code+"&locale="+locale; } }else{ window.location.href = "/account.php?action=account_details"; } }) const end_url = site_url+"/api/zoleo/prismictobc/"+node_sc+"/"+node_locale+"/any"; $.ajax({ url: end_url, success: function(res){ if(res){ const obj = res; //menu const default_lang = obj.lang; const region_selector = obj.region_selector; const language_selector = obj.language_selector; const is_language_dropdown = obj.is_language_dropdown; var rs_html = ""; var rs_cur_img = ""; var rs_cur_name = ""; for (let rs = 0; rs < region_selector.length; rs++) { const ele_rs = region_selector[rs]; if(node_locale == ele_rs.locale){ rs_cur_name = ele_rs.title; rs_cur_img = ele_rs.flag_path; } const show__hide = ele_rs.show__hide; if(show__hide == true){ if(ele_rs.locale != node_locale){ rs_html += `<li><a href="javascript:void(0)" data-sc="${ele_rs.store_code}" data-locale="${ele_rs.locale}" class="item"> ${ele_rs.title}</a></li>`; } } } $("#region_selector .local_list").html(rs_html); $("#region_selector_img").attr('src',rs_cur_img).attr('alt',rs_cur_name); var lrs_html = ""; var lrs_title = ""; let tr_bablic_locale = ""; if(language_selector.length > 0 && is_language_dropdown == true){ for (let rs = 0; rs < language_selector.length; rs++) { const ele_rs = language_selector[rs]; const rs_cur_name = ele_rs.title; const rs_cur_local = ele_rs.local; let store_code = ""; if(rs_cur_local == node_locale){ lrs_title = ele_rs.title; tr_bablic_locale = ele_rs.bablic_locale } region_selector.map((ls)=>{ if(ls.locale == node_locale){ store_code = ls.store_code } }) if(ele_rs.locale != node_locale){ let is_selected_lng = ""; let is_checkmark = ""; if(node_locale == rs_cur_local){ is_selected_lng = "is-active"; is_checkmark = `<span class="checkmark">✓</span>`; } lrs_html += `<li class="${is_selected_lng}"><a href="javascript:void(0)" data-sc="${store_code}" data-locale="${rs_cur_local}" class="item"> ${rs_cur_name} ${is_checkmark}</a></li>`; } } $("#language_selector .title").html(lrs_title); $("#language_selector .local_list").html(lrs_html); } var hdr_support = `<a class="link" href=${obj.menu.pencil_bar_title_link_1.url}>${obj.menu.pencil_bar_title_1}</a>`; $(".hdr_support").html(hdr_support); var hdr_act = `<a class="button-activate" href=${obj.menu.pencil_bar_title_link_3.url}>${obj.menu.pencil_bar_title_3}</a>`; $(".hdr_act").html(hdr_act); if(obj.menu.account_link_visible == true){ $(".acc_dropdown .my_acc").show(); var account_link = `${obj.menu.account_link_title}`; $(".acc_dropdown .my_acc_link").html(account_link); } else{ $(".acc_dropdown .my_acc").remove(); } if(obj.menu.is_cart_enable == true){ $(".top-bar .my_cart").show(); if ($(window).width() <= 991) { $(".mobile-cart-icon").show(); } } var li_head_account_txt = `${obj.menu.sign_in_text}`; $(".li_head_account .icon .user-account").html(li_head_account_txt); var li_head_account_txt1 = `${obj.menu.sign_out_text}`; $(".li_head_account .login_user .user-account").html(li_head_account_txt1); if(obj.menu.is_dropdown_2nd_link == true){ const _a_at_head = localStorage.getItem("_a_at"); $(".li_head_account .extra_link").show(); var li_head_extr_link = `<a href=${obj.menu.login_dropdown_link2.url}${_a_at_head}>${obj.menu.login_dropdown_link2_title}</a>`; $(".li_head_account .extra_link").html(li_head_extr_link); } var li_head_account_txt2 = `${obj.menu.dropdown_sign_out_link_title}`; $(".li_head_account .acc_dropdown .anc_logout .anc_accout").html(li_head_account_txt2); var logo = `<a href=${site_url+"/"+default_lang} title=${obj.menu.logo.alt}><img src=${obj.menu.logo.url} alt=${obj.menu.logo.alt}/></a>`; $(".logo").html(logo); var header_menu = `<ul class='top-menu'> <li class='nav__top-menu-item mobile-display-only'> <a href=${site_url +'/'+ node_locale + '/my-region'}> Change your Region <br/> <img width='22' height='22' src=${rs_cur_img} alt=${rs_cur_name} class="mobile_flag"/> <span id='countryx'>${rs_cur_name}</span></a></li> <li id="language_selector_mobile" class='nav__top-menu-item mobile-display-only'> <span class="lang_link">Change your Language - ${lrs_title}</span> <ul class="local_list" style>${lrs_html}</ul> </li>`; for(let hm = 0; hm < obj.menu.menu_level_1.length; hm++){ const hm_obj = obj.menu.menu_level_1; const title = hm_obj[hm].title; const link_type = hm_obj[hm].title_link.link_type; const title_link_slug = hm_obj[hm].title_link.uid; const link_url_b = hm_obj[hm].title_link.url; //const title_link_lang = hm_obj[hm].title_link.lang; const title_link_lang = node_locale; var f_url_anc = `${site_url}/${title_link_lang}/${title_link_slug}`; if(link_type == "Web"){ f_url_anc = hm_obj[hm].title_link.url if(link_url_b == "https://#"){ f_url_anc = "javascript:void(0);" } } //level 2 start var menu_l2 = ""; var is_class = ""; if (hm_obj[hm].is_sub_menu){ var menu_l2 = "<span class='nav__top-menu-mobile-icon'></span><div class='sub-menu'><ul class='menu-list'>"; is_class= "menu-products" for(let hm1 = 0; hm1 < obj.menu.menu_level_2.length; hm1++){ const hm1_obj = obj.menu.menu_level_2; const title = hm1_obj[hm1].title; const img = hm1_obj[hm1].image; const link_type = hm1_obj[hm1].title_link.link_type; const title_link_slug = hm1_obj[hm1].title_link.uid; //const title_link_lang = hm1_obj[hm1].title_link.lang; const title_link_lang = node_locale; var f_url_anc1 = `${site_url}/${title_link_lang}/${title_link_slug}`; if(link_type == "Web"){ f_url_anc1 = hm1_obj[hm1].title_link.url } //level 3 start var menu_l3 = ""; var is_childclass=""; if(hm1_obj[hm1].is_sub_menu){ f_url_anc1 = "javascript:void(0)"; menu_l3 += "<span class='nav__top-menu-mobile-icon'></span><ul class='second-level'>"; var is_childclass="child-menu"; for(let hm2 = 0; hm2 < obj.menu.menu_level_3.length; hm2++){ is_level = true; const hm2_obj = obj.menu.menu_level_3; const title = hm2_obj[hm2].title; const link_type = hm2_obj[hm2].title_link.link_type; const title_link_slug = hm2_obj[hm2].title_link.uid; //const title_link_lang = hm2_obj[hm2].title_link.lang; const title_link_lang = node_locale; const custom_url = hm2_obj[hm2].custom_url; var f_url_anc2 = `${site_url}/${title_link_lang}${custom_url}`; if(link_type == "Web"){ f_url_anc2 = hm2_obj[hm2].title_link.url } if(link_type != "Any"){ menu_l3 += `<li><a href="${f_url_anc2}" title="${title}">${title}</a></li>`; } } menu_l3 += "</ul>"; } //level 3 end menu_l2 += `<li class="${is_childclass}"><span class="prod-img"><a href="${f_url_anc1}" title="${title}"><img src="${img.url}" alt="${img.alt}" /></a></span><span class="prod-title"><a href="${f_url_anc1}" title="${title}"><strong>${title}</strong></a></span>${menu_l3}</li>` } if(obj.menu.is_menu_product == true){ var menu_shop = `<li class="menu_product_sec"><div class="menu_product"><h2>${obj.menu.menu_product_title}</h2><ul class="menu_product_list">`; /*menu_shop += ``;*/ for(let pl = 0; pl < obj.menu.menu_products.length; pl++){ const plobj = obj.menu.menu_products; const title = plobj[pl].product_name; const img = plobj[pl].product_image; const title_link_slug = plobj[pl].product_link.uid; const title_link_lang = node_locale; const cl = plobj[pl].custom_link; var mpl = `${site_url}/${title_link_lang}${cl}`; menu_shop += `<li><a href="${mpl}"><img src=${img.url} alt=${img.alt} /> <span>${title}</span></a></li>`; } menu_shop += `</ul></div></li>`; menu_l2 += menu_shop+"</ul></div>" } else{ menu_l2 += "</ul></div>" } } //level 2 end if(link_type != "Any"){ header_menu += `<li class="${is_class}"><a href="${f_url_anc}" title="${title}">${title}</a>${menu_l2}</li>` } } header_menu += `<li class="mobile-display-only"><a href=${obj.menu.mobile_display_only[0].title_link.url}><span class="${obj.menu.mobile_display_only[0].icon_class}"></span>${obj.menu.mobile_display_only[0].title}</a></li><li class="mobile-display-only"><a href="${site_url}/${node_locale}/${obj.menu.mobile_display_only[1].title_link.uid}"><span class="${obj.menu.mobile_display_only[1].icon_class}"></span>${obj.menu.mobile_display_only[1].title}</a></li><li class="mobile-display-only"><a href="/account.php?action=order_status"><span class="${obj.menu.mobile_display_only[2].icon_class}"></span>${obj.menu.mobile_display_only[2].title}</a></li></ul>` $(".header-main nav").html(header_menu); if(language_selector.length > 0 && is_language_dropdown == true){ $("#language_selector, #language_selector_mobile").show(); } var wtb = `<a href=${site_url}/${node_locale}/${obj.menu.button_link_right.uid} class="button-buy">${obj.menu.button_right}</a>`; $(".where-buy").html(wtb); if(obj.menu.promo_visible == true){ var promo = `<div class="promo_text" style="background-color: ${obj.menu.promo_background}"> <div class="container promo_content" style={color: ${obj.menu.promo_text_color}> <p style=${"color:"+ obj.menu.promo_text_color}>`; promo += `${obj.menu.promo_text}`; if(obj.menu.promo_links.url != null){ if(obj.menu.promo_links.link_type == "Web"){ promo += `<a title="${obj.menu.promo_link_title}" href=${obj.menu.promo_links.url} } style="color: ${obj.menu.promo_text_color}" >${obj.menu.promo_link_title}</a>` }else{ promo += `<a title="${obj.menu.promo_link_title}" href=${site_url}/${node_locale}/${obj.menu.promo_links.uid} style="color: ${obj.menu.promo_text_color}" >${obj.menu.promo_link_title}</a>` } } promo += `</p></div></div>`; $(".promo_text_main").html(promo); } var bf_html = ""; for(let bf = 0; bf < obj.footer.before_footer.length;bf++){ const bf_obj = obj.footer.before_footer; const icon_class = bf_obj[bf].icon_class; const title = bf_obj[bf].title; const link_type = bf_obj[bf].title_link.link_type; const title_link_slug = bf_obj[bf].title_link.uid; //const title_link_lang = bf_obj[bf].title_link.lang; const title_link_lang = node_locale; var f_url_anc = `${site_url}/${title_link_lang}/${title_link_slug}`; if(link_type == "Web"){ f_url_anc = bf_obj[bf].title_link.url } if(link_type != "Any"){ bf_html += `<li class="li_ftr_${title.replace(/ /g,"_")}"><a href="${f_url_anc}"><i class=${icon_class}></i>${title}</a></li>`; } } $(".before_footer .support_link").html(bf_html); var ql_title1 = obj.footer.quick_link_menu_1; $(".footer_links.first .link_title strong").html(ql_title1); var ql_title2 = obj.footer.quick_link_menu_2; $(".footer_links.second .link_title strong").html(ql_title2); var ql_title3 = obj.footer.quick_link_menu_3; $(".footer_links.third .link_title strong").html(ql_title3); var ql_title4 = obj.footer.quick_link_menu_4; $(".footer_links.four .link_title strong").html(ql_title4); if(ql_title1 != null){ var ql_menu1 = ""; for(let ql = 0; ql < obj.footer.quick_link_submenu_1.length;ql++){ const ql_obj = obj.footer.quick_link_submenu_1; const doc_type = ql_obj[ql].title_link.type; const title = ql_obj[ql].title; const link_type = ql_obj[ql].title_link.link_type; const title_link_slug = ql_obj[ql].title_link.uid; //const title_link_lang = ql_obj[ql].title_link.lang; const title_link_lang = node_locale; var f_url_anc = `${site_url}/${title_link_lang}/${title_link_slug}`; if(link_type == "Web"){ f_url_anc = ql_obj[ql].title_link.url } else if(doc_type == "product"){ f_url_anc = `${site_url}/${title_link_lang}/product/${title_link_slug}` } if(link_type != "Any"){ ql_menu1 += `<li class="li_ftr_${title.replace(/ /g,"_")}"><a href="${f_url_anc}">${title}</a></li>`; } } $(".footer_links.first").append(ql_menu1); } if(ql_title2 != null){ var ql_menu2 = ""; for(let ql = 0; ql < obj.footer.quick_link_submenu_2.length;ql++){ const ql_obj = obj.footer.quick_link_submenu_2; const doc_type = ql_obj[ql].title_link.type; const title = ql_obj[ql].title; const link_type = ql_obj[ql].title_link.link_type; const title_link_slug = ql_obj[ql].title_link.uid; //const title_link_lang = ql_obj[ql].title_link.lang; const title_link_lang = node_locale; var f_url_anc = `${site_url}/${title_link_lang}/${title_link_slug}`; if(link_type == "Web"){ f_url_anc = ql_obj[ql].title_link.url } else if(doc_type == "product"){ f_url_anc = `${site_url}/${title_link_lang}/product/${title_link_slug}` } if(link_type != "Any"){ ql_menu2 += `<li class="li_ftr_${title.replace(/ /g,"_")}"><a href="${f_url_anc}">${title}</a></li>`; } } $(".footer_links.second").append(ql_menu2); } if(ql_title3 != null){ var ql_menu3 = ""; for(let ql = 0; ql < obj.footer.quick_link_submenu_3.length;ql++){ const ql_obj = obj.footer.quick_link_submenu_3; const doc_type = ql_obj[ql].title_link.type; const title = ql_obj[ql].title; const link_type = ql_obj[ql].title_link.link_type; const title_link_slug = ql_obj[ql].title_link.uid; //const title_link_lang = ql_obj[ql].title_link.lang; const title_link_lang = node_locale; var f_url_anc = `${site_url}/${title_link_lang}/${title_link_slug}`; if(link_type == "Web"){ f_url_anc = ql_obj[ql].title_link.url } else if(doc_type == "product"){ f_url_anc = `${site_url}/${title_link_lang}/product/${title_link_slug}` } if(link_type != "Any"){ ql_menu3 += `<li class="li_ftr_${title.replace(/ /g,"_")}"><a href="${f_url_anc}">${title}</a></li>`; } } $(".footer_links.third").append(ql_menu3); } if(ql_title4 != null){ var ql_menu4 = ""; for(let ql = 0; ql < obj.footer.quick_link_submenu_4.length;ql++){ const ql_obj = obj.footer.quick_link_submenu_4; const doc_type = ql_obj[ql].title_link.type; const title = ql_obj[ql].title; const link_type = ql_obj[ql].title_link.link_type; const title_link_slug = ql_obj[ql].title_link.uid; //const title_link_lang = ql_obj[ql].title_link.lang; const title_link_lang = node_locale; var f_url_anc = `${site_url}/${title_link_lang}/${title_link_slug}`; if(link_type == "Web"){ f_url_anc = ql_obj[ql].title_link.url } else if(doc_type == "product"){ f_url_anc = `${site_url}/${title_link_lang}/product/${title_link_slug}` } if(link_type != "Any"){ ql_menu4 += `<li class="li_ftr_${title.replace(/ /g,"_")}"><a href="${f_url_anc}">${title}</a></li>`; } } $(".footer_links.four").append(ql_menu4); } var nl_title = obj.footer.newsletter_title; $(".footer_social_connect .newsletter label").prepend(nl_title); var nl_btn_title = obj.footer.newsletter_button_title; $(".newletter_form button").html(nl_btn_title); var nl_popup_ttl = obj.footer.privacy_popup_title; $(".privacy_popup strong").html(nl_popup_ttl); var nl_popup_desc = obj.footer.privacy_popup_desc[0].text; $(".privacy_popup .pop_desc").append(nl_popup_desc); var sos_link = ""; for(let slink = 0; slink < obj.footer.social.length; slink++){ const l_obj = obj.footer.social; const icn = l_obj[slink].icon_class; const title = l_obj[slink].title; const f_url_anc = l_obj[slink].link.url const link_type = l_obj[slink].link.link_type; if(link_type != "Any"){ sos_link += `<li><a href="${f_url_anc}" target="_black" title=${title}><i class=${icn}></i></a></li>`; } } $(".footer_social").html(sos_link); if(obj.footer.partner_section == true){ var footer_ptnr = `<p>${obj.footer.partner_title} <a href=${obj.footer.partner_link.url} title=${obj.footer.partner_logo.alt} target="_blank" rel="noopener noreferrer nofollow"> <img src=${obj.footer.partner_logo.url} alt=${obj.footer.partner_logo.alt} /> </a></p>`; $(".footer_social_connect .partners").html(footer_ptnr); } else{ $(".footer_social_connect .partners").remove(); } var cop_link = ""; for(let cl = 0; cl < obj.footer.copyright_links.length; cl++){ const cl_obj = obj.footer.copyright_links; const title = cl_obj[cl].title; const link_type = cl_obj[cl].title_link.link_type; const title_link_slug = cl_obj[cl].title_link.uid; //const title_link_lang = cl_obj[cl].title_link.lang; const title_link_lang = node_locale; var f_url_anc = `${site_url}/${title_link_lang}/${title_link_slug}`; if(link_type == "Web"){ f_url_anc = cl_obj[cl].title_link.url } if(link_type != "Any"){ cop_link += `<li><a href="${f_url_anc}" title=${title}>${title}</a></li>`; } } $(".footer_bottom_links").html(cop_link); if(tr_bablic_locale != ""){ bablic.setLanguage(tr_bablic_locale); } console.log('tr_bablic_locale') console.log(tr_bablic_locale) } } }); setTimeout(function(){ const change_country = document.querySelector(".li_ftr_Change_Country > a"); change_country?.setAttribute("href", "javascript:void(0)") change_country?.setAttribute('onclick', "window.location.href='"+site_url+"/my-region'"); const time_extra_link = $(".extra_link > a").attr('href'); $(".li_ftr_myZOLEO_Account a").attr('href',time_extra_link) if(node_sc == 'eu'){ $("body .li_ftr_My_Account > a").attr('href', eu_bc_url+`account.php?action=order_status&locale=${node_locale}&sc=${node_sc}`); $("body .li_ftr_My_Orders > a").attr('href', eu_bc_url+`account.php?action=order_status&locale=${node_locale}&sc=${node_sc}`); } else{ $("body .li_ftr_My_Account > a").attr('href', us_bc_url+`account.php?action=order_status&locale=${node_locale}&sc=${node_sc}`); $("body .li_ftr_My_Orders > a").attr('href', us_bc_url+`account.php?action=order_status&locale=${node_locale}&sc=${node_sc}`); } },2000) </script> <!-- header & footer js --> <script type="text/javascript"> /* header */ if ($(window).width() >= 992) { $(document).on("click",".top-menu .menu-products > a",function () { $(".top-menu .menu-products").toggleClass('active'); }); $(document).on("mouseleave",".top-menu .menu-products",function () { $(".top-menu .menu-products").removeClass('active'); }); $(".top-menu .menu-products .sub-menu a").click(function(){ $(".top-menu > li .sub-menu .menu-list").toggle(); }); $(document).on("click",".page-header .top-bar .li_head_account .icon.login_user",function(){ $(".page-header .top-bar .li_head_account .acc_dropdown").toggle(); }); $(document).on("mouseleave",".page-header .top-bar .li_head_account .acc_dropdown",function () { $(".page-header .top-bar .li_head_account .acc_dropdown").hide(); }); } if ($(window).width() <= 991) { $(".header-main .mobile-menu").click(function () { $(".header-main nav").toggleClass("active"); $("body").toggleClass("open-menu"); }); /*$(".top-menu li:not(.menu-products), .sub-menu .menu-list .second-level li a").click(function(){ $(".header-main nav").toggleClass("active"); $("body").toggleClass("open-menu"); });*/ $(document).on("click",".header-main .menu-products > .nav__top-menu-mobile-icon, .top-menu .menu-products > a", function () { $(this).parent().toggleClass("active"); $(this).siblings(".sub-menu").slideToggle(); }); /*$(".header-main .menu-products .child-menu .prod-title").click(function () { $(".header-main .menu-products .child-menu").toggleClass("active"); $(".sub-menu .menu-list .second-level").slideToggle(); });*/ $(document).on("click",".header-main .menu-products .child-menu .prod-title",function () { $(".header-main .menu-products .child-menu").toggleClass("active"); $(".sub-menu .menu-list .second-level").slideToggle(); }); $(document).on("click",".header-main .menu-products .child-menu .nav__top-menu-mobile-icon",function () { $(".header-main .menu-products .child-menu").toggleClass("active"); $(".sub-menu .menu-list .second-level").slideToggle(); }); } /* footer */ $(".footer_social_connect .newsletter label .lightbox").click(function(){ $(".footer_social_connect .newsletter .privacy_popup_back").css('display', 'flex'); $("body").addClass("open_popup"); }); $(".footer_social_connect .newsletter .privacy_popup_back .close_popup").click(function(){ $(".footer_social_connect .newsletter .privacy_popup_back").hide(); $("body").removeClass("open_popup"); }); $(".footer_social_connect .newsletter .privacy_popup_back a").click(function(){ $(".footer_social_connect .newsletter .privacy_popup_back").hide(); $("body").removeClass("open_popup"); }); if ($(window).width() <= 767) { $(".footer-links .link-title").click(function () { $(this).siblings().slideToggle(); $(this).parent().toggleClass("active"); }); } /* back to top */ window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) { $('#upArrow').show(); } else { $('#upArrow').hide(); } } $('#upArrow').on('click', function() { $("html, body").animate({ scrollTop: 0 }, 600); return false; }); </script> <script>window.__webpack_public_path__ = "https://cdn11.bigcommerce.com/s-zirnuihc1s/stencil/f994b0a0-89e2-013b-7a66-22301a159ecd/e/e3916880-2bb3-013f-1934-2230d0a5603b/dist/";</script> <script src="https://cdn11.bigcommerce.com/s-zirnuihc1s/stencil/f994b0a0-89e2-013b-7a66-22301a159ecd/e/e3916880-2bb3-013f-1934-2230d0a5603b/dist/theme-bundle.main.js"></script> <script> window.stencilBootstrap("product", "{\"productId\":123,\"zoomSize\":\"1280x1280\",\"productSize\":\"500x659\",\"showAdminBar\":true,\"genericError\":\"Oops! Something went wrong.\",\"maintenanceModeSettings\":[],\"adminBarLanguage\":\"{\\\"locale\\\":\\\"en\\\",\\\"locales\\\":{\\\"admin.maintenance_header\\\":\\\"en\\\",\\\"admin.maintenance_tooltip\\\":\\\"en\\\",\\\"admin.maintenance_showstore_link\\\":\\\"en\\\",\\\"admin.prelaunch_header\\\":\\\"en\\\",\\\"admin.page_builder_link\\\":\\\"en\\\"},\\\"translations\\\":{\\\"admin.maintenance_header\\\":\\\"Your store is down for maintenance.\\\",\\\"admin.maintenance_tooltip\\\":\\\"Only administrators can view the store at the moment. Visit your control panel settings page to disable maintenance mode.\\\",\\\"admin.maintenance_showstore_link\\\":\\\"Click here to see what your visitors will see.\\\",\\\"admin.prelaunch_header\\\":\\\"Your storefront is private. Share your site with preview code:\\\",\\\"admin.page_builder_link\\\":\\\"Design this page in Page Builder\\\"}}\",\"urls\":{\"home\":\"https://shop.zoleo.com/\",\"brands\":\"https://shop.zoleo.com/brands/\",\"search\":\"https://shop.zoleo.com/search.php\",\"compare\":\"https://shop.zoleo.com/compare\",\"sitemap\":\"https://shop.zoleo.com/sitemap.php\",\"contact_us_submit\":\"https://shop.zoleo.com/pages.php?action=sendContactForm\",\"subscribe\":{\"action\":\"https://shop.zoleo.com/subscribe.php\"},\"checkout\":{\"single_address\":\"https://shop.zoleo.com/checkout\",\"multiple_address\":\"https://shop.zoleo.com/checkout.php?action=multiple\"},\"account\":{\"orders\":{\"all\":\"https://shop.zoleo.com/account.php?action=order_status\",\"completed\":\"https://shop.zoleo.com/account.php?action=view_orders\",\"save_new_return\":\"https://shop.zoleo.com/account.php?action=save_new_return\"},\"returns\":\"https://shop.zoleo.com/account.php?action=view_returns\",\"addresses\":\"https://shop.zoleo.com/account.php?action=address_book\",\"inbox\":\"https://shop.zoleo.com/account.php?action=inbox\",\"send_message\":\"https://shop.zoleo.com/account.php?action=send_message\",\"add_address\":\"https://shop.zoleo.com/account.php?action=add_shipping_address\",\"update_action\":\"https://shop.zoleo.com/account.php?action=update_account\",\"details\":\"https://shop.zoleo.com/account.php?action=account_details\",\"recent_items\":\"https://shop.zoleo.com/account.php?action=recent_items\",\"index\":\"https://shop.zoleo.com/account.php\",\"wishlists\":{\"all\":\"https://shop.zoleo.com/wishlist.php\",\"add\":\"https://shop.zoleo.com/wishlist.php?action=addwishlist\",\"edit\":\"https://shop.zoleo.com/wishlist.php?action=editwishlist\",\"delete\":\"https://shop.zoleo.com/wishlist.php?action=deletewishlist\"},\"payment_methods\":{\"all\":\"https://shop.zoleo.com/account.php?action=payment_methods\"}},\"auth\":{\"login\":\"https://shop.zoleo.com/login.php\",\"check_login\":\"https://shop.zoleo.com/login.php?action=check_login\",\"create_account\":\"https://shop.zoleo.com/login.php?action=create_account\",\"save_new_account\":\"https://shop.zoleo.com/login.php?action=save_new_account\",\"forgot_password\":\"https://shop.zoleo.com/login.php?action=reset_password\",\"send_password_email\":\"https://shop.zoleo.com/login.php?action=send_password_email\",\"save_new_password\":\"https://shop.zoleo.com/login.php?action=save_new_password\",\"logout\":\"https://shop.zoleo.com/login.php?action=logout\"},\"cart\":\"https://shop.zoleo.com/cart.php\",\"product\":{\"post_review\":\"https://shop.zoleo.com/postreview.php\"},\"gift_certificate\":{\"purchase\":\"https://shop.zoleo.com/giftcertificates.php\",\"redeem\":\"https://shop.zoleo.com/giftcertificates.php?action=redeem\",\"balance\":\"https://shop.zoleo.com/giftcertificates.php?action=balance\"},\"rss\":{\"products\":[]}},\"secureBaseUrl\":\"https://shop.zoleo.com\",\"cartId\":null,\"channelId\":1,\"template\":\"pages/product\",\"validationDictionaryJSON\":\"{\\\"locale\\\":\\\"en\\\",\\\"locales\\\":{\\\"validation_messages.valid_email\\\":\\\"en\\\",\\\"validation_messages.password\\\":\\\"en\\\",\\\"validation_messages.password_match\\\":\\\"en\\\",\\\"validation_messages.invalid_password\\\":\\\"en\\\",\\\"validation_messages.field_not_blank\\\":\\\"en\\\",\\\"validation_messages.certificate_amount\\\":\\\"en\\\",\\\"validation_messages.certificate_amount_range\\\":\\\"en\\\",\\\"validation_messages.price_min_evaluation\\\":\\\"en\\\",\\\"validation_messages.price_max_evaluation\\\":\\\"en\\\",\\\"validation_messages.price_min_not_entered\\\":\\\"en\\\",\\\"validation_messages.price_max_not_entered\\\":\\\"en\\\",\\\"validation_messages.price_invalid_value\\\":\\\"en\\\",\\\"validation_messages.invalid_gift_certificate\\\":\\\"en\\\"},\\\"translations\\\":{\\\"validation_messages.valid_email\\\":\\\"You must enter a valid email.\\\",\\\"validation_messages.password\\\":\\\"You must enter a password.\\\",\\\"validation_messages.password_match\\\":\\\"Your passwords do not match.\\\",\\\"validation_messages.invalid_password\\\":\\\"Passwords must be at least 7 characters and contain both alphabetic and numeric characters.\\\",\\\"validation_messages.field_not_blank\\\":\\\" field cannot be blank.\\\",\\\"validation_messages.certificate_amount\\\":\\\"You must enter a gift certificate amount.\\\",\\\"validation_messages.certificate_amount_range\\\":\\\"You must enter a certificate amount between [MIN] and [MAX]\\\",\\\"validation_messages.price_min_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_messages.price_max_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_messages.price_min_not_entered\\\":\\\"Min. price is required.\\\",\\\"validation_messages.price_max_not_entered\\\":\\\"Max. price is required.\\\",\\\"validation_messages.price_invalid_value\\\":\\\"Input must be greater than 0.\\\",\\\"validation_messages.invalid_gift_certificate\\\":\\\"Please enter your valid certificate code.\\\"}}\",\"validationFallbackDictionaryJSON\":\"{\\\"locale\\\":\\\"en\\\",\\\"locales\\\":{\\\"validation_fallback_messages.valid_email\\\":\\\"en\\\",\\\"validation_fallback_messages.password\\\":\\\"en\\\",\\\"validation_fallback_messages.password_match\\\":\\\"en\\\",\\\"validation_fallback_messages.invalid_password\\\":\\\"en\\\",\\\"validation_fallback_messages.field_not_blank\\\":\\\"en\\\",\\\"validation_fallback_messages.certificate_amount\\\":\\\"en\\\",\\\"validation_fallback_messages.certificate_amount_range\\\":\\\"en\\\",\\\"validation_fallback_messages.price_min_evaluation\\\":\\\"en\\\",\\\"validation_fallback_messages.price_max_evaluation\\\":\\\"en\\\",\\\"validation_fallback_messages.price_min_not_entered\\\":\\\"en\\\",\\\"validation_fallback_messages.price_max_not_entered\\\":\\\"en\\\",\\\"validation_fallback_messages.price_invalid_value\\\":\\\"en\\\",\\\"validation_fallback_messages.invalid_gift_certificate\\\":\\\"en\\\"},\\\"translations\\\":{\\\"validation_fallback_messages.valid_email\\\":\\\"You must enter a valid email.\\\",\\\"validation_fallback_messages.password\\\":\\\"You must enter a password.\\\",\\\"validation_fallback_messages.password_match\\\":\\\"Your passwords do not match.\\\",\\\"validation_fallback_messages.invalid_password\\\":\\\"Passwords must be at least 7 characters and contain both alphabetic and numeric characters.\\\",\\\"validation_fallback_messages.field_not_blank\\\":\\\" field cannot be blank.\\\",\\\"validation_fallback_messages.certificate_amount\\\":\\\"You must enter a gift certificate amount.\\\",\\\"validation_fallback_messages.certificate_amount_range\\\":\\\"You must enter a certificate amount between [MIN] and [MAX]\\\",\\\"validation_fallback_messages.price_min_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_fallback_messages.price_max_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_fallback_messages.price_min_not_entered\\\":\\\"Min. price is required.\\\",\\\"validation_fallback_messages.price_max_not_entered\\\":\\\"Max. price is required.\\\",\\\"validation_fallback_messages.price_invalid_value\\\":\\\"Input must be greater than 0.\\\",\\\"validation_fallback_messages.invalid_gift_certificate\\\":\\\"Please enter your valid certificate code.\\\"}}\",\"validationDefaultDictionaryJSON\":\"{\\\"locale\\\":\\\"en\\\",\\\"locales\\\":{\\\"validation_default_messages.valid_email\\\":\\\"en\\\",\\\"validation_default_messages.password\\\":\\\"en\\\",\\\"validation_default_messages.password_match\\\":\\\"en\\\",\\\"validation_default_messages.invalid_password\\\":\\\"en\\\",\\\"validation_default_messages.field_not_blank\\\":\\\"en\\\",\\\"validation_default_messages.certificate_amount\\\":\\\"en\\\",\\\"validation_default_messages.certificate_amount_range\\\":\\\"en\\\",\\\"validation_default_messages.price_min_evaluation\\\":\\\"en\\\",\\\"validation_default_messages.price_max_evaluation\\\":\\\"en\\\",\\\"validation_default_messages.price_min_not_entered\\\":\\\"en\\\",\\\"validation_default_messages.price_max_not_entered\\\":\\\"en\\\",\\\"validation_default_messages.price_invalid_value\\\":\\\"en\\\",\\\"validation_default_messages.invalid_gift_certificate\\\":\\\"en\\\"},\\\"translations\\\":{\\\"validation_default_messages.valid_email\\\":\\\"You must enter a valid email.\\\",\\\"validation_default_messages.password\\\":\\\"You must enter a password.\\\",\\\"validation_default_messages.password_match\\\":\\\"Your passwords do not match.\\\",\\\"validation_default_messages.invalid_password\\\":\\\"Passwords must be at least 7 characters and contain both alphabetic and numeric characters.\\\",\\\"validation_default_messages.field_not_blank\\\":\\\"The field cannot be blank.\\\",\\\"validation_default_messages.certificate_amount\\\":\\\"You must enter a gift certificate amount.\\\",\\\"validation_default_messages.certificate_amount_range\\\":\\\"You must enter a certificate amount between [MIN] and [MAX]\\\",\\\"validation_default_messages.price_min_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_default_messages.price_max_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_default_messages.price_min_not_entered\\\":\\\"Min. price is required.\\\",\\\"validation_default_messages.price_max_not_entered\\\":\\\"Max. price is required.\\\",\\\"validation_default_messages.price_invalid_value\\\":\\\"Input must be greater than 0.\\\",\\\"validation_default_messages.invalid_gift_certificate\\\":\\\"Please enter your valid certificate code.\\\"}}\",\"carouselArrowAndDotAriaLabel\":\"Go to slide [SLIDE_NUMBER] of [SLIDES_QUANTITY]\",\"carouselActiveDotAriaLabel\":\"active\",\"carouselContentAnnounceMessage\":\"You are currently on slide [SLIDE_NUMBER] of [SLIDES_QUANTITY]\",\"reviewRating\":\"The 'Rating' field cannot be blank.\",\"reviewSubject\":\"The 'Review Subject' field cannot be blank.\",\"reviewComment\":\"The 'Comments' field cannot be blank.\",\"reviewEmail\":\"Please use a valid email address, such as user@example.com.\",\"showSwatchNames\":true,\"productQuantityErrorMessage\":\"The quantity should contain only numbers\"}").load(); </script> <script type="text/javascript" src="https://cdn11.bigcommerce.com/shared/js/csrf-protection-header-5eeddd5de78d98d146ef4fd71b2aedce4161903e.js"></script> </body> </html>