www.jujuzero.com Open in urlscan Pro
2606:4700::6812:e82a  Public Scan

Submitted URL: http://www.jujuzero.com/
Effective URL: https://www.jujuzero.com/
Submission: On February 28 via api from US — Scanned from DE

Form analysis 5 forms found in the DOM

GET /search

<form action="/search" method="get" class="">
  <div tabindex="-1" class="tw-flex tw-relative header__search">
    <input autocomplete="off" name="q" type="text"
      class="tw-w-full tw-flex-1 tw-h-10 tw-py-0 tw-pl-[14px] tw-pr-13 tw-bg-header-search tw-text-current tw-text-sm tw-leading-none tw-rounded-global  tw-border-none  tw-placeholder-current header__search-input" placeholder="Search...">
    <button type="submit" class="tw-flex tw-items-center tw-px-[14px] tw-m-0 tw-bg-transparent tw-text-current tw-border-none tw-outline-none tw-cursor-pointer tw-h-full tw-absolute tw-right-0 header__search-icon" tabindex="-1"><svg class=""
        width="24" height="24" xmlns="http://www.w3.org/2000/svg">
        <path d="M11.16 1a9.16 9.16 0 1 1 0 18.322A9.16 9.16 0 0 1 11.16 1zm0 1.629a7.532 7.532 0 1 0 0 15.064 7.532 7.532 0 0 0 0-15.064zm5.465 14.148 1.152-1.152L23 20.848 21.848 22l-5.223-5.223z" fill="currentColor"></path>
      </svg></button>
    <button type="button" class="tw-hidden tw-justify-center tw-items-center tw-pr-2 tw-pl-6 tw-m-0 tw-bg-transparent tw-text-header-color tw-border-none tw-outline-none tw-cursor-pointer header__search-close "><svg class="" width="14" height="14"
        xmlns="http://www.w3.org/2000/svg">
        <path d="m3 3 8.485 8.485m0-8.485L3 11.485" stroke="currentColor" stroke-width="1.6" stroke-linecap="square"></path>
      </svg></button>
  </div>
</form>

<form class="product-info product-info-9e53cfec-33bd-4c08-af81-e1685e8e4750">
  <input type="hidden" name="product_id" value="9e53cfec-33bd-4c08-af81-e1685e8e4750">
  <input type="hidden" name="variant_id" class="selected_variant_id_9e53cfec-33bd-4c08-af81-e1685e8e4750" value="113db801-3fc6-4f9d-bf58-aae7aa56a379">
  <div class="product-info__body tw-relative lg:tw-flex" data-sold-out="Sorry, the goods have been sold out." data-unavailable="This combination does not exist, please try other.">
    <div class="tw-flex tw-flex-col lg:tw-w-3/5 lg:tw-order-2">
      <div class="md:tw-order-2 md:tw-pt-4 lg:tw-flex">
        <div class="tw-cursor-pointer  lg:tw-w-3/4 ">
          <div style="padding-bottom:100%;" class="tw-relative slider-zoom" data-zoom-idx="0" data-remove-img="false">
            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABlBMVEXx8fH///8wmV1OAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAACklEQVQImWNgAAAAAgAB9HFkpgAAAABJRU5ErkJggg==" data-sizes="auto"
              class="tw-absolute tw-inset-0 tw-m-auto tw-h-full tw-w-full tw-object-cover  imglazy primary_image lazyautosizes lazyloaded" alt="Gomu Gear 5th Sherpa Fleece Jacket" data-track="zoom_in" data-section="single_product"
              data-srcset="//img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 48w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 180w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 540w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 720w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 900w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 1024w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 1280w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 1366w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 1440w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 1536w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 1600w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 1920w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 2056w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 2560w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 2732w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 2880w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 3072w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 3200w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 3840w"
              sizes="612px"
              srcset="//img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 48w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 180w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 540w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 720w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 900w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 1024w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 1280w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 1366w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 1440w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 1536w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 1600w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 1920w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 2056w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 2560w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 2732w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 2880w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 3072w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 3200w, //img.fantaskycdn.com/8eac15e1afbfaf74444467a48fd73003_720x.jpg 3840w">
            <div class=" tw-flex tw-items-center tw-justify-center lg:tw-hidden tw-absolute tw-right-[10px] tw-bottom-[10px] tw-w-[38px] tw-h-[38px] tw-bg-body tw-text-body-color tw-rounded-full tw-pointer-events-none tw-cursor-pointer"
              style="box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15); ">
              <svg class="" width="20" height="20" xmlns="http://www.w3.org/2000/svg">
                <path d="M8.98 2a6.98 6.98 0 1 1 0 13.96A6.98 6.98 0 0 1 8.98 2zm0 1.24a5.739 5.739 0 1 0 0 11.478 5.739 5.739 0 0 0 0-11.477zm4.163 10.78.878-.877L18 17.123l-.877.877-3.98-3.98z" fill="currentColor"></path>
              </svg>
            </div>
          </div>
        </div>
        <div class="single__product_thumb-wrapper tw-relative lg:tw-w-1/4 lg:tw-my-[-10px] md:tw-mx-[-5px] lg:tw-pl-4">
          <div class="tw-flex lg:tw-flex-col tw-h-full">
            <div class="lg:tw-h-1/3 lg:tw-py-[10px] md:tw-w-1/3 md:tw-mt-[10px] md:tw-mx-[5px] tw-cursor-pointer">
              <div class="tw-relative lg:tw-h-full md:tw-pb-full slider-zoom" data-zoom-idx="1" data-remove-img="false">
                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABlBMVEXx8fH///8wmV1OAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAACklEQVQImWNgAAAAAgAB9HFkpgAAAABJRU5ErkJggg==" data-sizes="auto"
                  class="tw-absolute tw-inset-0 tw-m-auto tw-h-full tw-w-full tw-object-cover change_primary_image lazyautosizes lazyloaded" alt="Gomu Gear 5th Sherpa Fleece Jacket"
                  data-srcset="//img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 48w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 180w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 540w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 720w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 900w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 1024w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 1280w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 1366w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 1440w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 1536w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 1600w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 1920w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 2056w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 2560w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 2732w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 2880w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 3072w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 3200w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 3840w"
                  sizes="188px"
                  srcset="//img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 48w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 180w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 540w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 720w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 900w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 1024w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 1280w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 1366w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 1440w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 1536w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 1600w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 1920w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 2056w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 2560w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 2732w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 2880w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 3072w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 3200w, //img.fantaskycdn.com/977f50d57d23c606380b66b802a8c5e9_540x.gif 3840w">
              </div>
            </div>
            <div class="lg:tw-h-1/3 lg:tw-py-[10px] md:tw-w-1/3 md:tw-mt-[10px] md:tw-mx-[5px] tw-cursor-pointer">
              <div class="tw-relative lg:tw-h-full md:tw-pb-full slider-zoom" data-zoom-idx="2" data-remove-img="false">
                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABlBMVEXx8fH///8wmV1OAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAACklEQVQImWNgAAAAAgAB9HFkpgAAAABJRU5ErkJggg=="
                  data-src="//img.fantaskycdn.com/789105f1b51f3cda68867663f69613c6_{width}x.jpeg" data-sizes="auto" class="tw-absolute tw-inset-0 tw-m-auto tw-h-full tw-w-full tw-object-cover lazyload change_primary_image  "
                  alt="Gomu Gear 5th Sherpa Fleece Jacket">
              </div>
            </div>
            <div class="lg:tw-h-1/3 lg:tw-py-[10px] md:tw-w-1/3 md:tw-mt-[10px] md:tw-mx-[5px] tw-cursor-pointer">
              <div class="tw-relative lg:tw-h-full md:tw-pb-full slider-zoom" data-zoom-idx="3" data-remove-img="false">
                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABlBMVEXx8fH///8wmV1OAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAACklEQVQImWNgAAAAAgAB9HFkpgAAAABJRU5ErkJggg=="
                  data-src="//img.fantaskycdn.com/546ee7f877c1922fe307adae1ba409d4_{width}x.jpg" data-sizes="auto" class="tw-absolute tw-inset-0 tw-m-auto tw-h-full tw-w-full tw-object-cover lazyload change_primary_image  "
                  alt="Gomu Gear 5th Sherpa Fleece Jacket">
              </div>
            </div>
          </div>
        </div>
      </div>
      <h5 class="tw-m-0 lg:tw-pt-4 tw-title-sm type-title-font-family tw-break-words">Gomu Gear 5th Sherpa Fleece Jacket</h5>
    </div>
    <div class="single_product_blocks lg:tw-w-2/5  lg:tw-order-3 lg:tw-pl-[62px] ">
      <div class="countdown tw-items-start md:tw-justify-center tw-mt-6 tw--mx-3 tw-text-center tw-text-[42px] tw-leading-[50px] tw-text-sale-tag-bg tw-flex">
        <div class="tw-px-3">
          <div class="days tw-h-[50px] notranslate">00</div>
          <div class="tw-pt-1 tw-text-[10px] tw-leading-1.2 tw-text-body-color">Days</div>
        </div>: <div class="tw-px-3">
          <div class="hours tw-h-[50px] notranslate">23</div>
          <div class="tw-pt-1 tw-text-[10px] tw-leading-1.2 tw-text-body-color">Hours</div>
        </div>: <div class="tw-px-3">
          <div class="minutes tw-h-[50px] notranslate">59</div>
          <div class="tw-pt-1 tw-text-[10px] tw-leading-1.2 tw-text-body-color">Minutes</div>
        </div>: <div class="tw-px-3">
          <div class="seconds tw-h-[50px] notranslate">56</div>
          <div class="tw-pt-1 tw-text-[10px] tw-leading-1.2 tw-text-body-color">Seconds</div>
        </div>
      </div>
      <div class="product-info__current-inventory tw-mt-6">
        <div class="tw-relative tw-h-[6px] tw-bg-[#E6E6E6] tw-bg-opacity-50 tw-rounded-[1px] tw-overflow-hidden">
          <div class="current__inventory-progress-bar tw-absolute tw-top-0 tw-left-0 tw-h-full tw-w-0 tw-rounded-[1px]" style="width: 72%;"></div>
        </div>
        <div class="current__inventory-text tw-text-body-alpha-60 tw-break-all tw-leading-1.2 md:tw-body-plus-2 tw-pt-1">Sold <b class="tw-text-body-color">18</b> only <b class="tw-text-body-color">18</b> item(s)left</div>
      </div>
      <div class="product-info__header_price-wrapper tw-mt-6">
        <div class="tw-body-plus-1 tw-leading-none tw-font-semibold">Price</div>
        <div class="tw-flex tw-justify-between tw-items-center tw-mt-3 lg:tw-mt-[10px]">
          <div class="tw-flex tw-flex-wrap">
            <del class="tw-text-compare-at-price-color tw-mr-3 product-info__header_compare-at-price money notranslate">€118.33</del>
            <div class="tw-text-price-color tw-mr-3 product-info__header_price money notranslate">€59.16</div>
            <div class="tw-flex   tw-items-center tw-text-save-color product-info__save"> Save&nbsp; <span class="product-info__header_save-amount money notranslate">€59.16</span>
            </div>
          </div>
        </div>
      </div>
      <div class="tw-space-y-6  product-info__variants tw-mt-6">
        <div class="product-info__variants-wrapper    product-info__variants_items !tw--mb-4" data-selected-variant="false">
          <div class="tw-body-plus-1 tw-font-semibold tw-capitalize product-info__variants_title"> Size </div>
          <div class="tw-mt-[10px] tw-flex tw-flex-wrap product-info__variants_value-wrapper">
            <div class="product-info__variants_value product-info__variants-btn-wrapper tw-relative tw-flex tw-items-center tw-pt-[14px] tw-pr-3 tw-break-words notranslate">
              <input type="radio" class="tw-hidden product-info__variants_radio" name="option1-9e53cfec-33bd-4c08-af81-e1685e8e4750" id="option1-0-9e53cfec-33bd-4c08-af81-e1685e8e4750-1700206531001" value="Small" checked="">
              <label for="option1-0-9e53cfec-33bd-4c08-af81-e1685e8e4750-1700206531001" class="tw-flex tw-items-center tw-justify-center tw-min-w-[42px] tw-h-[42px] lg:tw-h-10 tw-px-4 tw-cursor-pointer tw-rounded-[1px] product-info__label"
                data-variants-value="Small" data-options-order="0" data-click="select" data-track="switch_variants"> Small </label>
            </div>
            <div class="product-info__variants_value product-info__variants-btn-wrapper tw-relative tw-flex tw-items-center tw-pt-[14px] tw-pr-3 tw-break-words notranslate">
              <input type="radio" class="tw-hidden product-info__variants_radio" name="option1-9e53cfec-33bd-4c08-af81-e1685e8e4750" id="option1-1-9e53cfec-33bd-4c08-af81-e1685e8e4750-1700206531001" value="Medium">
              <label for="option1-1-9e53cfec-33bd-4c08-af81-e1685e8e4750-1700206531001" class="tw-flex tw-items-center tw-justify-center tw-min-w-[42px] tw-h-[42px] lg:tw-h-10 tw-px-4 tw-cursor-pointer tw-rounded-[1px] product-info__label"
                data-variants-value="Medium" data-options-order="1" data-click="select" data-track="switch_variants"> Medium </label>
            </div>
            <div class="product-info__variants_value product-info__variants-btn-wrapper tw-relative tw-flex tw-items-center tw-pt-[14px] tw-pr-3 tw-break-words notranslate">
              <input type="radio" class="tw-hidden product-info__variants_radio" name="option1-9e53cfec-33bd-4c08-af81-e1685e8e4750" id="option1-2-9e53cfec-33bd-4c08-af81-e1685e8e4750-1700206531001" value="Large">
              <label for="option1-2-9e53cfec-33bd-4c08-af81-e1685e8e4750-1700206531001" class="tw-flex tw-items-center tw-justify-center tw-min-w-[42px] tw-h-[42px] lg:tw-h-10 tw-px-4 tw-cursor-pointer tw-rounded-[1px] product-info__label"
                data-variants-value="Large" data-options-order="2" data-click="select" data-track="switch_variants"> Large </label>
            </div>
            <div class="product-info__variants_value product-info__variants-btn-wrapper tw-relative tw-flex tw-items-center tw-pt-[14px] tw-pr-3 tw-break-words notranslate">
              <input type="radio" class="tw-hidden product-info__variants_radio" name="option1-9e53cfec-33bd-4c08-af81-e1685e8e4750" id="option1-3-9e53cfec-33bd-4c08-af81-e1685e8e4750-1700206531001" value="XLarge">
              <label for="option1-3-9e53cfec-33bd-4c08-af81-e1685e8e4750-1700206531001" class="tw-flex tw-items-center tw-justify-center tw-min-w-[42px] tw-h-[42px] lg:tw-h-10 tw-px-4 tw-cursor-pointer tw-rounded-[1px] product-info__label"
                data-variants-value="XLarge" data-options-order="3" data-click="select" data-track="switch_variants"> XLarge </label>
            </div>
            <div class="product-info__variants_value product-info__variants-btn-wrapper tw-relative tw-flex tw-items-center tw-pt-[14px] tw-pr-3 tw-break-words notranslate">
              <input type="radio" class="tw-hidden product-info__variants_radio" name="option1-9e53cfec-33bd-4c08-af81-e1685e8e4750" id="option1-4-9e53cfec-33bd-4c08-af81-e1685e8e4750-1700206531001" value="XXLarge">
              <label for="option1-4-9e53cfec-33bd-4c08-af81-e1685e8e4750-1700206531001" class="tw-flex tw-items-center tw-justify-center tw-min-w-[42px] tw-h-[42px] lg:tw-h-10 tw-px-4 tw-cursor-pointer tw-rounded-[1px] product-info__label"
                data-variants-value="XXLarge" data-options-order="4" data-click="select" data-track="switch_variants"> XXLarge </label>
            </div>
            <div class="product-info__variants_value product-info__variants-btn-wrapper tw-relative tw-flex tw-items-center tw-pt-[14px] tw-pr-3 tw-break-words notranslate">
              <input type="radio" class="tw-hidden product-info__variants_radio" name="option1-9e53cfec-33bd-4c08-af81-e1685e8e4750" id="option1-5-9e53cfec-33bd-4c08-af81-e1685e8e4750-1700206531001" value="XXXLarge">
              <label for="option1-5-9e53cfec-33bd-4c08-af81-e1685e8e4750-1700206531001" class="tw-flex tw-items-center tw-justify-center tw-min-w-[42px] tw-h-[42px] lg:tw-h-10 tw-px-4 tw-cursor-pointer tw-rounded-[1px] product-info__label"
                data-variants-value="XXXLarge" data-options-order="5" data-click="select" data-track="switch_variants"> XXXLarge </label>
            </div>
          </div>
          <div class="product-info__variant-tips tw-mt-[-6px] tw-pb-[15px] tw-text-[15px] tw-leading-none tw-text-[#F0672C] tw-font-bold tw-hidden">Please select a size</div>
        </div>
      </div>
      <div class="product-info__block tw-my-6 product-info__qty_container">
        <div class="tw-body-plus-1 tw-font-semibold">Quantity</div>
        <div class="product-info__qty tw-flex tw-w-[114px] tw-mt-2 tw-relative tw-justify-between tw-border-solid tw-border tw-border-line tw-rounded-global notranslate">
          <button type="button" data-click="decrease" disabled="disabled"
            class="tw-relative tw-bg-transparent tw-border-none tw-z-10 tw-box-border tw-no-underline tw-flex tw-flex-shrink-0 tw-text-body-color tw-items-center tw-justify-center tw-w-[38px] tw-h-[38px] tw-text-center tw-text-[#d8d8d8] lg:hover:tw-bg-[#f2f2f2] tw-rounded-global tw-rounded-r-none disabled:tw-cursor-default disabled:tw-bg-[#f9f9f9]"><svg
              class="tw-text-[#888888]" width="13" height="13" xmlns="http://www.w3.org/2000/svg">
              <path d="M1 6h11v1H1z" fill-rule="evenodd" fill="currentColor"></path>
            </svg></button>
          <input class="product-info__qty_num tw-absolute tw-box-border tw-px-9 tw-h-[38px] tw-w-full tw-text-base tw-flex-grow tw-bg-transparent tw-text-body-color tw-border-none tw-text-center tw-outline-none tw-p-0 tw-appearance-none"
            id="product_quantity_9e53cfec-33bd-4c08-af81-e1685e8e4750" name="quantity" type="text" value="1">
          <button type="button" data-click="increase"
            class="tw-relative tw-bg-transparent tw-border-none tw-z-10 tw-box-border tw-no-underline tw-flex-shrink-0 tw-text-body-color tw-flex tw-items-center tw-justify-center tw-w-[38px] tw-h-[38px] tw-text-center tw-text-[#d8d8d8] lg:hover:tw-bg-[#f2f2f2] tw-rounded-global tw-rounded-l-none disabled:tw-cursor-default disabled:tw-bg-[#f9f9f9]"><svg
              class="tw-text-[#888888]" width="13" height="13" xmlns="http://www.w3.org/2000/svg">
              <path d="M7 1v5h5v1H7v5H6V7H1V6h5V1h1z" fill="currentColor"></path>
            </svg></button>
        </div>
      </div>
      <div class="product-info__btn product-info__block tw-flex tw-flex-col tw-mt-6 tw-space-y-[10px]">
        <button type="button" class="tw-relative tw-mx-0  tw-h-[54px]  tw-body-plus-2 tw-font-semibold tw-cursor-pointer tw-rounded-btn  tw-secondary-btn     product-info__add-to-cart" data-click="addToCart" data-on-sale="Add to cart"
          data-adding="Adding" data-added="Added" data-unavailable="Unavailable" data-sold-out="Sold out" data-btn-class=" tw-secondary-btn " data-track="click" data-track-content="add_to_cart" data-track-source="add_to_cart"> Add to cart - <span
            class="money notranslate">€59.16</span>
        </button>
        <button type="button" class="tw-h-[54px] tw-mx-0  tw-primary-btn  tw-border-none tw-body-plus-2 tw-font-semibold tw-rounded-btn    product-info__buy-now" data-click="submit" data-track="click" data-track-content="checkout"
          data-track-source="buy_now"> Buy it now </button>
        <div class="product-info__tips empty:tw-hidden tw-mt-3 tw-text-center tw-font-medium tw-text-sm tw-opacity-70 lg:tw-text-[17px] lg:tw-leading-6" data-unavailable="Product is unavailable." data-out-of-stock="Product was out of stock."></div>
      </div>
    </div>
  </div>
</form>

<form class="">
  <div class="zb-flex">
    <a href="${product.url}?${toQuery({ aid: 'smart_recommend.2.' + data.id, ifb: product.ifb || '', cfb: product.cfb || '', scm: product.scm || data.scm || '', ssp: data.ssp || '' })}" impr="1" imprevt="1" class="zb-w-[132px] zb-mr-4 rtl:zb-ml-4 rtl:zb-mr-0" data-prdct="${product.id}" data-ifb="${product.ifb || ''}" data-cfb="${product.cfb || ''}" data-scm="${product.scm || data.scm || ''}" data-spm="${productIndex}"> <ljs-render layout="container" id="smart_cart_pop_image_${product.id}" template="smart_cart_pop_image_template" manual=""></ljs-render> </a>
    <div class="zb-flex zb-flex-col zb-flex-grow zb-justify-between">
      <div>
        <div class="zb-line-clamp-2 zb-text-sm zb-mb-2">${product.title}</div> <ljs-render layout="container" id="smart_cart_pop_price_${product.id}" template="smart_cart_pop_price_template" manual=""></ljs-render>
      </div>
      <div>
        <div class="zb-relative zb-w-full zb-cursor-pointer">
          <div class="zb-border zb-border-solid zb-border-[#eee] zb-px-3 zb-py-[10px] zb-flex zb-items-center zb-justify-between zb-font-semibold zb-text-sm zb-rounded-sm"
            @tap="smart_pop_variant-select-${product.id}.toggleClass(class=zb-rotate-180);smart_cart_pop_variant_${product.id}_mobile.toggleClass(class=zb-hidden);smart_cart_pop_variant_${product.id}_pc.toggleClass(class=smart_cart_pop_variant_pc_show,force=true);smart_cart_pop_variant_modal_${product.id}.open"
            spz-if="${!!(product.options &amp;&amp; product.options.length &amp;&amp; product.options.length > 0) &amp;&amp; data.config.variant_select_visible}"> <ljs-render manual="" layout="container" id="smart_cart_pop_variant_text_${product.id}"
              template="smart_cart_pop_variant_text_template"></ljs-render> <svg id="smart_pop_variant-select-${product.id}" width="12" height="8" class="zb-ml-2" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path
                d="M6.00002 7.06738C6.19244 7.06775 6.38498 6.99453 6.5318 6.84772C6.54504 6.83447 6.55769 6.82086 6.56973 6.8069L11.1251 2.25152C11.418 1.95863 11.418 1.48375 11.1251 1.19086C10.8322 0.897968 10.3573 0.897968 10.0645 1.19086L6.00003 5.25529L1.9356 1.19086C1.64271 0.897968 1.16784 0.897968 0.874943 1.19086C0.58205 1.48375 0.58205 1.95863 0.874943 2.25152L5.43033 6.8069C5.44237 6.82086 5.45502 6.83447 5.46826 6.84772C5.61507 6.99453 5.8076 7.06775 6.00002 7.06738Z"
                fill="#0A1533"></path>
            </svg> </div> <ljs-lightbox layout="nodisplay" disable-unmount="" class="smart_cart_pop_lightbox_pc" id="smart_cart_pop_variant_modal_${product.id}" @close="smart_pop_variant-select-${product.id}.toggleClass(class=zb-rotate-180);">
            <div id="smart_cart_pop_variant_${product.id}_pc" class="zb-hidden"><ljs-variants id="smart_cart_pop_variants_${product.id}"
                class="md:!zb-absolute md:zb-top-[50px] md:zb-w-full md:zb-left-0 md:zb-z-30 md:zb-bg-white zb-max-h-[280px] zb-overflow-y-auto md:zb-shadow-pop" layout="container" template="smart_cart_pop_variant_template"
                onclick="event.stopPropagation()" disabled-dj-event="" interference=""> </ljs-variants></div>
          </ljs-lightbox>
        </div>
        <div class="zb-mt-3"> <button product-id="${product.id}" id="smart_cart_pop_atc_btn_${product.id}"
            class="zb-flex zb-items-center zb-justify-center zb-w-full zb-text-white zb-py-[10px] zb-h-9 zb-text-xs zb-font-normal zb-border-none zb-rounded-[4px] smart_cart_pop_atc_btn_bg" type="button" role="addToCart"
            @tap="smart_cart_pop_loading_${product.id}.toggleClass(class=zb-hidden);smart_cart_pop_atc_${product.id}.toggleClass(class=zb-hidden);smart_cart_pop_atc_btn_${product.id}.toggleClass(class=zb-pointer-events-none);custom-func.addATCHook(activity_id='${data.id}',ifb='${product.ifb}',cfb='${product.cfb}',scm='${product.scm || data.scm}',ssp='${data.ssp}',spm='${data.spmBase}.${productIndex}')">
            <ljs-render layout="container" id="smart_cart_pop_atc_${product.id}" template="smart_cart_pop_atc_template" mamual="" class="notranslate"> </ljs-render>
            <div id="smart_cart_pop_added_${product.id}" class="zb-hidden"><span class="zb-flex zb-justify-center zb-gap-1"><svg width="14" height="15" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M8 16.5006C3.58171 16.5006 0 12.9183 0 8.5C0 4.08171 3.58171 0.5 8 0.5C12.4183 0.5 16 4.08171 16 8.5C16 12.9183 12.4183 16.5006 8 16.5006ZM8 2.04344C4.21314 2.04344 1.54287 4.71371 1.54287 8.50057C1.54287 12.2874 4.21314 14.9577 8 14.9577C11.7869 14.9577 14.4571 12.2874 14.4571 8.50057C14.4571 4.71371 11.7869 2.04344 8 2.04344ZM7.26057 11.1909L7.12229 11.3286L7.09543 11.3017C7.02286 11.336 6.94286 11.3577 6.85714 11.3577C6.73543 11.3577 6.62857 11.3109 6.536 11.2463L6.52229 11.2594L6.45371 11.1909C6.45314 11.1903 6.45314 11.1903 6.45257 11.1897L4.09771 8.83486L4.90629 8.02686L6.85714 9.97771L11.1629 5.67143L11.9714 6.48L7.26171 11.1897C7.26114 11.1903 7.26114 11.1903 7.26057 11.1909Z"
                    fill="white"></path>
                </svg>Added</span></div>
            <div id="smart_cart_pop_loading_${product.id}" class="zb-hidden">
              <div class="smart_cart_pop_loading"></div>
            </div>
          </button> </div>
      </div>
    </div>
  </div>
  <div id="smart_cart_pop_variant_${product.id}_mobile" class="zb-hidden md:zb-hidden"><ljs-variants id="smart_cart_pop_variants_${product.id}"
      class="md:!zb-absolute md:zb-top-[50px] md:zb-w-full md:zb-left-0 md:zb-z-30 md:zb-bg-white zb-max-h-[280px] zb-overflow-y-auto md:zb-shadow-pop" layout="container" template="smart_cart_pop_variant_template" onclick="event.stopPropagation()"
      disabled-dj-event="" interference=""> </ljs-variants></div>
</form>

<form class="animated modal__form-style_template_rebate_multi layers-3" id="modal__form"
  style="background: linear-gradient(180deg, #ff704f, #ff274b, #ff274b) no-repeat scroll center center/cover; background1: #ff704f; background2: #ff274b; backgroundImageTemplate: linear-gradient(180deg, $bg1, $bg2, $bg2); image: none; ; width: 560px;">
  <div class="modal__title"><span style="font-size: 32px; font-weight: 900; font-family: Lato, Lato-Black; color: #fefffe;" data-mce-style="font-size: 32px; font-weight: 900; font-family: Lato, Lato-Black; color: #fefffe;">SPECIAL OFFER</span></div>
  <div class="modal__discount-layers layers-3" style="width: 500px;">
    <div class="modal__discount-layer layer-0">
      <div class="discount-layer__content d-flex flex-column justify-content-center align-items-center" style="transform: scale(0.987654); width: 107.325px; height: 81px;">
        <div style="color:#ff2f4b;font-family: Lato, Lato-Regular;white-space: nowrap;" data-mce-style="color:#ff2f4b;font-family: Lato, Lato-Regular;white-space: nowrap;">
          <div style="display: flex;justify-content: center;" data-mce-style="display: flex;justify-content: center;">
            <span style="font-size: 44px; color: #ff2f4b;" data-mce-style="display: block;font-size: 44px; color: inherit;">5</span>
            <div style="margin-left: 5px;display: flex;flex-direction: column;justify-content: center;" data-mce-style="margin-left: 5px;display: flex;flex-direction: column;justify-content: center;">
              <span style="font-size: 26px;display: block;" data-mce-style="display: block;font-size: 26px; color: #ff2f4b;">%</span>
              <span style="color:#b06410;font-size: 12px;" data-mce-style="color:#b06410;font-size: 12px;">OFF</span>
            </div>
          </div>
          <div style="margin-top: 5px;font-size: 15px; color: #ff2f4b;" data-mce-style="margin-top: 5px;font-size: 15px; color: #ff2f4b;">2 <span style="color: #AE6002;" data-mce-style="color: #AE6002;">ITEMS+</span></div>
          <div style="margin-top: 5px;color: #AE6002;font-size: 12px;opacity: 0.3;" data-mce-style="margin-top: 5px;color: #AE6002;font-size: 12px;opacity: 0.3;">FOR ORDER OVER</div>
        </div>
      </div>
      <div class="discount-layer__content_hidden d-flex flex-column justify-content-center align-items-center">
        <div style="color:#ff2f4b;font-family: Lato, Lato-Regular;white-space: nowrap;" data-mce-style="color:#ff2f4b;font-family: Lato, Lato-Regular;white-space: nowrap;">
          <div style="display: flex;justify-content: center;" data-mce-style="display: flex;justify-content: center;">
            <span style="font-size: 44px; color: #ff2f4b;" data-mce-style="display: block;font-size: 44px; color: inherit;">5</span>
            <div style="margin-left: 5px;display: flex;flex-direction: column;justify-content: center;" data-mce-style="margin-left: 5px;display: flex;flex-direction: column;justify-content: center;">
              <span style="font-size: 26px;display: block;" data-mce-style="display: block;font-size: 26px; color: #ff2f4b;">%</span>
              <span style="color:#b06410;font-size: 12px;" data-mce-style="color:#b06410;font-size: 12px;">OFF</span>
            </div>
          </div>
          <div style="margin-top: 5px;font-size: 15px; color: #ff2f4b;" data-mce-style="margin-top: 5px;font-size: 15px; color: #ff2f4b;">2 <span style="color: #AE6002;" data-mce-style="color: #AE6002;">ITEMS+</span></div>
          <div style="margin-top: 5px;color: #AE6002;font-size: 12px;opacity: 0.3;" data-mce-style="margin-top: 5px;color: #AE6002;font-size: 12px;opacity: 0.3;">FOR ORDER OVER</div>
        </div>
      </div>
      <svg class="modal__discount-bg" width="166" height="104" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <defs>
          <filter x="-8.7%" y="-12.5%" width="117.3%" height="129.5%" filterUnits="objectBoundingBox" id="a">
            <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
            <feColorMatrix values="0 0 0 0 1 0 0 0 0 0 0 0 0 0 0.0980392157 0 0 0 0.5 0" in="shadowBlurOuter1"></feColorMatrix>
          </filter>
          <path d="M150 0v8a5 5 0 100 10v6a5 5 0 100 10v6a5 5 0 100 10v6a5 5 0 100 10v6a5 5 0 100 10v6H0v-6a5 5 0 000-10v-6a5 5 0 000-10v-6a5 5 0 000-10v-6a5 5 0 000-10v-6A5 5 0 000 8V0h150z" id="b"></path>
        </defs>
        <g fill="none" fill-rule="evenodd">
          <g transform="translate(8 6)">
            <use fill="#FFFBF2" xlink:href="#b"></use>
          </g>
          <path stroke="#AE6002" opacity=".196" stroke-dasharray="2.6" d="M142.5 12v76m-120-76v76"></path>
        </g>
      </svg>
    </div>
    <div class="modal__discount-layer layer-1">
      <div class="discount-layer__content d-flex flex-column justify-content-center align-items-center" style="transform: scale(0.987654); width: 107.325px; height: 81px;">
        <div style="color:#ff2f4b;font-family: Lato, Lato-Regular;white-space: nowrap;" data-mce-style="color:#ff2f4b;font-family: Lato, Lato-Regular;white-space: nowrap;">
          <div style="display: flex;justify-content: center;" data-mce-style="display: flex;justify-content: center;">
            <span style="font-size: 44px; color: #ff2f4b;" data-mce-style="display: block;font-size: 44px; color: inherit;">8</span>
            <div style="margin-left: 5px;display: flex;flex-direction: column;justify-content: center;" data-mce-style="margin-left: 5px;display: flex;flex-direction: column;justify-content: center;">
              <span style="font-size: 26px;display: block;" data-mce-style="display: block;font-size: 26px; color: #ff2f4b;">%</span>
              <span style="color:#b06410;font-size: 12px;" data-mce-style="color:#b06410;font-size: 12px;">OFF</span>
            </div>
          </div>
          <div style="margin-top: 5px;font-size: 15px; color: #ff2f4b;" data-mce-style="margin-top: 5px;font-size: 15px; color: #ff2f4b;">3 <span style="color: #AE6002;" data-mce-style="color: #AE6002;">ITEMS+</span></div>
          <div style="margin-top: 5px;color: #AE6002;font-size: 12px;opacity: 0.3;" data-mce-style="margin-top: 5px;color: #AE6002;font-size: 12px;opacity: 0.3;">FOR ORDER OVER</div>
        </div>
      </div>
      <div class="discount-layer__content_hidden d-flex flex-column justify-content-center align-items-center">
        <div style="color:#ff2f4b;font-family: Lato, Lato-Regular;white-space: nowrap;" data-mce-style="color:#ff2f4b;font-family: Lato, Lato-Regular;white-space: nowrap;">
          <div style="display: flex;justify-content: center;" data-mce-style="display: flex;justify-content: center;">
            <span style="font-size: 44px; color: #ff2f4b;" data-mce-style="display: block;font-size: 44px; color: inherit;">8</span>
            <div style="margin-left: 5px;display: flex;flex-direction: column;justify-content: center;" data-mce-style="margin-left: 5px;display: flex;flex-direction: column;justify-content: center;">
              <span style="font-size: 26px;display: block;" data-mce-style="display: block;font-size: 26px; color: #ff2f4b;">%</span>
              <span style="color:#b06410;font-size: 12px;" data-mce-style="color:#b06410;font-size: 12px;">OFF</span>
            </div>
          </div>
          <div style="margin-top: 5px;font-size: 15px; color: #ff2f4b;" data-mce-style="margin-top: 5px;font-size: 15px; color: #ff2f4b;">3 <span style="color: #AE6002;" data-mce-style="color: #AE6002;">ITEMS+</span></div>
          <div style="margin-top: 5px;color: #AE6002;font-size: 12px;opacity: 0.3;" data-mce-style="margin-top: 5px;color: #AE6002;font-size: 12px;opacity: 0.3;">FOR ORDER OVER</div>
        </div>
      </div>
      <svg class="modal__discount-bg" width="166" height="104" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <defs>
          <filter x="-8.7%" y="-12.5%" width="117.3%" height="129.5%" filterUnits="objectBoundingBox" id="a">
            <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
            <feColorMatrix values="0 0 0 0 1 0 0 0 0 0 0 0 0 0 0.0980392157 0 0 0 0.5 0" in="shadowBlurOuter1"></feColorMatrix>
          </filter>
          <path d="M150 0v8a5 5 0 100 10v6a5 5 0 100 10v6a5 5 0 100 10v6a5 5 0 100 10v6a5 5 0 100 10v6H0v-6a5 5 0 000-10v-6a5 5 0 000-10v-6a5 5 0 000-10v-6a5 5 0 000-10v-6A5 5 0 000 8V0h150z" id="b"></path>
        </defs>
        <g fill="none" fill-rule="evenodd">
          <g transform="translate(8 6)">
            <use fill="#FFFBF2" xlink:href="#b"></use>
          </g>
          <path stroke="#AE6002" opacity=".196" stroke-dasharray="2.6" d="M142.5 12v76m-120-76v76"></path>
        </g>
      </svg>
    </div>
    <div class="modal__discount-layer layer-2">
      <div class="discount-layer__content d-flex flex-column justify-content-center align-items-center" style="transform: scale(0.987654); width: 107.325px; height: 81px;">
        <div style="color:#ff2f4b;font-family: Lato, Lato-Regular;white-space: nowrap;" data-mce-style="color:#ff2f4b;font-family: Lato, Lato-Regular;white-space: nowrap;">
          <div style="display: flex;justify-content: center;" data-mce-style="display: flex;justify-content: center;">
            <span style="font-size: 44px; color: #ff2f4b;" data-mce-style="display: block;font-size: 44px; color: inherit;">10</span>
            <div style="margin-left: 5px;display: flex;flex-direction: column;justify-content: center;" data-mce-style="margin-left: 5px;display: flex;flex-direction: column;justify-content: center;">
              <span style="font-size: 26px;display: block;" data-mce-style="display: block;font-size: 26px; color: #ff2f4b;">%</span>
              <span style="color:#b06410;font-size: 12px;" data-mce-style="color:#b06410;font-size: 12px;">OFF</span>
            </div>
          </div>
          <div style="margin-top: 5px;font-size: 15px; color: #ff2f4b;" data-mce-style="margin-top: 5px;font-size: 15px; color: #ff2f4b;">4 <span style="color: #AE6002;" data-mce-style="color: #AE6002;">ITEMS+</span></div>
          <div style="margin-top: 5px;color: #AE6002;font-size: 12px;opacity: 0.3;" data-mce-style="margin-top: 5px;color: #AE6002;font-size: 12px;opacity: 0.3;">FOR ORDER OVER</div>
        </div>
      </div>
      <div class="discount-layer__content_hidden d-flex flex-column justify-content-center align-items-center">
        <div style="color:#ff2f4b;font-family: Lato, Lato-Regular;white-space: nowrap;" data-mce-style="color:#ff2f4b;font-family: Lato, Lato-Regular;white-space: nowrap;">
          <div style="display: flex;justify-content: center;" data-mce-style="display: flex;justify-content: center;">
            <span style="font-size: 44px; color: #ff2f4b;" data-mce-style="display: block;font-size: 44px; color: inherit;">10</span>
            <div style="margin-left: 5px;display: flex;flex-direction: column;justify-content: center;" data-mce-style="margin-left: 5px;display: flex;flex-direction: column;justify-content: center;">
              <span style="font-size: 26px;display: block;" data-mce-style="display: block;font-size: 26px; color: #ff2f4b;">%</span>
              <span style="color:#b06410;font-size: 12px;" data-mce-style="color:#b06410;font-size: 12px;">OFF</span>
            </div>
          </div>
          <div style="margin-top: 5px;font-size: 15px; color: #ff2f4b;" data-mce-style="margin-top: 5px;font-size: 15px; color: #ff2f4b;">4 <span style="color: #AE6002;" data-mce-style="color: #AE6002;">ITEMS+</span></div>
          <div style="margin-top: 5px;color: #AE6002;font-size: 12px;opacity: 0.3;" data-mce-style="margin-top: 5px;color: #AE6002;font-size: 12px;opacity: 0.3;">FOR ORDER OVER</div>
        </div>
      </div>
      <svg class="modal__discount-bg" width="166" height="104" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <defs>
          <filter x="-8.7%" y="-12.5%" width="117.3%" height="129.5%" filterUnits="objectBoundingBox" id="a">
            <feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
            <feColorMatrix values="0 0 0 0 1 0 0 0 0 0 0 0 0 0 0.0980392157 0 0 0 0.5 0" in="shadowBlurOuter1"></feColorMatrix>
          </filter>
          <path d="M150 0v8a5 5 0 100 10v6a5 5 0 100 10v6a5 5 0 100 10v6a5 5 0 100 10v6a5 5 0 100 10v6H0v-6a5 5 0 000-10v-6a5 5 0 000-10v-6a5 5 0 000-10v-6a5 5 0 000-10v-6A5 5 0 000 8V0h150z" id="b"></path>
        </defs>
        <g fill="none" fill-rule="evenodd">
          <g transform="translate(8 6)">
            <use fill="#FFFBF2" xlink:href="#b"></use>
          </g>
          <path stroke="#AE6002" opacity=".196" stroke-dasharray="2.6" d="M142.5 12v76m-120-76v76"></path>
        </g>
      </svg>
    </div>
  </div>
  <div class="modal__button" style="background-color: #fff3be; border-color: #fff3be; "><span style="color: #FF0022; font-size: 16px; font-weight: bold;font-family: Lato, Lato-Regular;"
      data-mce-style="color: #FF0022; font-size: 16px; font-weight: bold;font-family: Lato, Lato-Regular;">COLLECT ALL</span></div>
  <div class="modal__close-icon d-block d-md-none notranslate">
    <svg width="30" height="30" xmlns="http://www.w3.org/2000/svg">
      <g fill="#FFF" fill-rule="nonzero">
        <path d="M15 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15C0 6.716 6.716 0 15 0zm0 2C7.82 2 2 7.82 2 15s5.82 13 13 13 13-5.82 13-13S22.18 2 15 2z"></path>
        <path
          d="M19.905 9.505a.7.7 0 01.073.903l-.073.087-4.211 4.209 4.21 4.21a.7.7 0 01-.903 1.064l-.086-.073-4.211-4.211-4.209 4.21a.7.7 0 01-1.064-.903l.074-.086 4.21-4.211-4.21-4.209a.7.7 0 01.903-1.064l.087.074 4.209 4.21 4.21-4.21a.7.7 0 01.99 0z">
        </path>
      </g>
    </svg>
  </div>
  <svg class="modal__close-icon d-md-block d-none" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200">
    <defs>
      <style></style>
    </defs>
    <path d="M238.36 863.697L863.696 238.36a46.545 46.545 0 00-65.815-65.815L172.544 797.882a46.545 46.545 0 1065.815 65.815zM172.543 238.36l625.338 625.338a46.545 46.545 0 0065.815-65.815L238.36 172.544a46.545 46.545 0 10-65.815 65.815z"
      fill="#fff"></path>
  </svg>
  <div class="modal__footer">
    <span style="font-size: 14px; color: #ffffff;font-family: Lato, Lato-Regular;" data-mce-style="font-size: 14px; color: #fff;font-family: Lato, Lato-Regular;">*Discounts would automatically apply when placing an order</span>
  </div>
</form>

POST //translate.googleapis.com/translate_voting?client=te

<form id="goog-gt-votingForm" action="//translate.googleapis.com/translate_voting?client=te" method="post" target="votingFrame" class="VIpgJd-yAWNEb-hvhgNd-aXYTce"><input type="text" name="sl" id="goog-gt-votingInputSrcLang"><input type="text"
    name="tl" id="goog-gt-votingInputTrgLang"><input type="text" name="query" id="goog-gt-votingInputSrcText"><input type="text" name="gtrans" id="goog-gt-votingInputTrgText"><input type="text" name="vote" id="goog-gt-votingInputVote"></form>

Text Content

 * Free Worldwide Shipping Over 59USD

 * Black Friday✨UP TO 50% OFF

 * Free Worldwide Shipping Over 59USD

 * Black Friday✨UP TO 50% OFF

 * Free Worldwide Shipping Over 59USD

 * Black Friday✨UP TO 50% OFF

 * Free Worldwide Shipping Over 59USD

 * Black Friday✨UP TO 50% OFF


Powered by Google Übersetzer
English,简体中文,Español,Français,Italiano,Deutsch,Polski,Nederlands,svenska,norsk,Suomalainen,Ελληνικά,dansk,Magyar
EUR
 * United States Dollars (USD)
 * Euro (EUR)
 * United Kingdom Pounds (GBP)
 * Canadian Dollars (CAD)
 * Australian Dollars (AUD)
 * Danish Kroner (DKK)
 * Colombian Peso (COP)
 * Hong Kong Dollars (HKD)
 * Hungarian Forint (HUF)
 * Mexican Pesos (MXN)
 * Netherlands Antillean Guilder (ANG)
 * New Zealand Dollars (NZD)
 * Norwegian Kroner (NOK)
 * Polish Zlotych (PLN)
 * Romanian Lei (RON)
 * Swedish Kronor (SEK)
 * Swiss Francs (CHF)


Search

JUJUZERO


English,简体中文,Español,Français,Italiano,Deutsch,Polski,Nederlands,svenska,norsk,Suomalainen,Ελληνικά,dansk,Magyar
EUR
 * United States Dollars (USD)
 * Euro (EUR)
 * United Kingdom Pounds (GBP)
 * Canadian Dollars (CAD)
 * Australian Dollars (AUD)
 * Danish Kroner (DKK)
 * Colombian Peso (COP)
 * Hong Kong Dollars (HKD)
 * Hungarian Forint (HUF)
 * Mexican Pesos (MXN)
 * Netherlands Antillean Guilder (ANG)
 * New Zealand Dollars (NZD)
 * Norwegian Kroner (NOK)
 * Polish Zlotych (PLN)
 * Romanian Lei (RON)
 * Swedish Kronor (SEK)
 * Swiss Francs (CHF)

Search Search
Account
 * Log in
 * Create an account

0 Cart
Close

 * Home
 * SHOP BY SERIES
    * SHOP BY SERIES
    * J.J.K.
    * A.O.T.
    * B.C.
    * B.L.
    * N.R.T.
    * O.P.
    * D.B.
    * D.S.
    * H.X.H.
    * B.H.
    * B.K.
    * C.M.
    * D.N.

 * SHOP BY STYLE
    * SHOP BY STYLE
    * T-SHIRTS
      * T-SHIRTS
      * Basic T-shirt
      * Retro T-shirt
      * Acid Wash T-shirt
      * Gym T-shirts
      * Anime Shirt
      * Tank Top
    * SHORTS
      * SHORTS
      * SHORTS
      * Single Layer Printed Shorts
      * Double Layer Print Shorts
      * Printed Performance Shorts

 * FLEECE CLOTHES
    * FLEECE CLOTHES
    * Fleece Hoodies
    * Anime Hoodies
    * Anime Jacket
    * Anime Set
    * Anime Knitted Blanket

 * PHONE CASE
    * PHONE CASE
    * IOS Phone Case
    * Samsung Phone Case

 * ACCESSORY
    * ACCESSORY
    * Anime Light Box
    * Rings & Necklaces
    * Credit Card Stickers
    * 3D Motion Stickers
    * Wrist Wraps
    * Hats

 * Track_Order
   Log in
   
   English,简体中文,Español,Français,Italiano,Deutsch,Polski,Nederlands,svenska,norsk,Suomalainen,Ελληνικά,dansk,Magyar
   EUR
    * United States Dollars (USD)
    * Euro (EUR)
    * United Kingdom Pounds (GBP)
    * Canadian Dollars (CAD)
    * Australian Dollars (AUD)
    * Danish Kroner (DKK)
    * Colombian Peso (COP)
    * Hong Kong Dollars (HKD)
    * Hungarian Forint (HUF)
    * Mexican Pesos (MXN)
    * Netherlands Antillean Guilder (ANG)
    * New Zealand Dollars (NZD)
    * Norwegian Kroner (NOK)
    * Polish Zlotych (PLN)
    * Romanian Lei (RON)
    * Swedish Kronor (SEK)
    * Swiss Francs (CHF)

 * Home
 * SHOP BY SERIES
   J.J.K.
   A.O.T.
   B.C.
   B.L.
   N.R.T.
   O.P.
   D.B.
   D.S.
   H.X.H.
   B.H.
   B.K.
   C.M.
   D.N.
 * SHOP BY STYLE
    * T-SHIRTS Basic T-shirt Retro T-shirt Acid Wash T-shirt Gym T-shirts Anime
      Shirt Tank Top
    * SHORTS SHORTS Single Layer Printed Shorts Double Layer Print Shorts
      Printed Performance Shorts

 * FLEECE CLOTHES
   Fleece Hoodies
   Anime Hoodies
   Anime Jacket
   Anime Set
   Anime Knitted Blanket
 * PHONE CASE
   IOS Phone Case
   Samsung Phone Case
 * ACCESSORY
   Anime Light Box
   Rings & Necklaces
   Credit Card Stickers
   3D Motion Stickers
   Wrist Wraps
   Hats
 * Track_Order
 * More links






UP TO 50% OFF

2024 NEW TREND

2024 NEW TREND

Shop Now



Explore unique designs at No. 1 Anime Streetwear that express your love for
anime culture through trendy streetwear.✨

🔥HOT SALE🔥

€40.67
Kenjaku's Curse Vintage Hoodie
€40.67 €81.34 Save €40.67
€36.05
Sukuna Embroidered Hoodie
€36.05 €68.40 Save €32.35
€46.23
Gojo Cat Knit - JJK
€46.23 €92.46 Save €46.23
€44.38
Kaneki Ken X Kamishiro Rize Knit - T.G.
€44.38 €92.46 Save €48.08
€40.67
Kenjaku's Curse Vintage Hoodie
€40.67 €81.34 Save €40.67
€36.05
Sukuna Embroidered Hoodie
€36.05 €68.40 Save €32.35
€46.23
Gojo Cat Knit - JJK
€46.23 €92.46 Save €46.23
€44.38
Kaneki Ken X Kamishiro Rize Knit - T.G.
€44.38 €92.46 Save €48.08
View more

GOMU GEAR 5TH SHERPA FLEECE JACKET

00
Days
:
23
Hours
:
59
Minutes
:
56
Seconds
Sold 18 only 18 item(s)left
Price
€118.33
€59.16
Save  €59.16
Size
Small
Medium
Large
XLarge
XXLarge
XXXLarge
Please select a size
Quantity

Add to cart - €59.16 Buy it now



T-SHIRTS

View all
 * SALE
   
   
   BLACK VINTAGE TEE
   
   €24.95 €49.91
   Save €24.95
   
 * SALE
   
   
   WORLD OF PAIN VINTAGE TEE
   
   €24.95 €49.91
   Save €24.95
   
 * SALE
   
   
   SUKUNA SHRINE VINTAGE TEE
   
   €24.95 €49.91
   Save €24.95
   
 * SALE
   
   
   SOLO KING I.U. 2-SIDED VINTAGE TEE
   
   €24.95 €49.91
   Save €24.95
   
 * SALE
   
   
   DBZ "POWER COUPLE" 2-SIDED VINTAGE TEE
   
   €24.95 €49.91
   Save €24.95
   
 * SALE
   
   
   DBZ "POWER COUPLE" 2-SIDED VINTAGE TEE
   
   €24.95 €49.91
   Save €24.95
   


SHORTS

View all
 * SALE
   
   
   GOJO MEN'S CASUAL DRAWSTRING PRINT SHORTS
   
   €27.72 €55.45
   Save €27.72
   
 * SALE
   
   
   MEN'S CASUAL DRAWSTRING PRINT SHORTS
   
   €27.72 €55.45
   Save €27.72
   
 * SALE
   
   
   I.U. MEN'S CASUAL DRAWSTRING PRINT SHORTS
   
   €27.72 €55.45
   Save €27.72
   
 * SALE
   
   
   VEGETA CAPSULE CORP "ANIME × GYM" SHORTS
   
   €27.72 €55.45
   Save €27.72
   
 * SALE
   
   
   D. B.-SON
   
   €27.72 €55.45
   Save €27.72
   
 * SALE
   
   
   CLOUDS MESH 2-IN-1 SHORTS PERFORMANCE SHORTS
   
   €27.72 €55.45
   Save €27.72
   




COLLECTION LIST


FLEECE CLOTHES




SHERPA JACKETS




FASHION HOODIES




RETRO T-SHIRT




GYM SHORTS

PHONE CASE

€20.33
Payne iOS Phone Case【Buy 2 Free 1】
€20.33 €40.66 Save €20.33
€20.33
Kakashi iOS Phone Case【Buy 2 Free 1】
€20.33 €40.66 Save €20.33
€20.33
Pain iOS Phone Case【Buy 2 free 1】
€20.33 €40.66 Save €20.33
€20.33
Kakashi Black & White iOS Phone Case【Buy 2 free 1】
€20.33 €40.66 Save €20.33
€20.33
Payne iOS Phone Case【Buy 2 Free 1】
€20.33 €40.66 Save €20.33
€20.33
Kakashi iOS Phone Case【Buy 2 Free 1】
€20.33 €40.66 Save €20.33
€20.33
Pain iOS Phone Case【Buy 2 free 1】
€20.33 €40.66 Save €20.33
€20.33
Kakashi Black & White iOS Phone Case【Buy 2 free 1】
€20.33 €40.66 Save €20.33
View more



Subscribe today to hear first about our sales
Subscribe
Thanks for subscribing

We accept
Visa Mastercard Maestro JCB American Express Diners Club Discover Klarna

© 2024 Jujuzero
Terms of service
Privacy Policy
About Us
Refund Policy
Shipping policy
Contact Us
INTELLECTUAL PROPERTY RIGHTS
Limited Preorder Offer


SIGN UP AND SAVE

Entice customers to sign up for your mailing list with discounts or exclusive
offers. Include an image for extra impact.
Subscribe
Thanks for subscribing
Optional button




×

WAIT! DON'T MISS OUT!
Get $5 Off
On your first order
Invalid email

Continue
NO,I'LL PAY FULL PRICE
* Ihre persönlichen Daten werden strengstens vor Offenlegung geschützt.
By signing up you agree with our Privacy Policy.

111
GIFTS

POINTS




Item has been added
${(function(){ const products = data.products; const getDefaultVariant =
function(product){ if (product.min_price_variant.available){ return
product.min_price_variant; }else { const avail_variants =
product.variants.filter(function(variant){ return variant.available; }); if
(avail_variants.length) { return avail_variants[0]; } } }; const toQuery = obj
=> Object.keys(obj) .map(k => Array.isArray(obj[k]) ? obj[k].map(v =>
`${k}[]=${encodeURIComponent(v)}`).join('&') :
`${k}=${encodeURIComponent(obj[k])}` ) .join('&'); const getDefaultTrackParams =
function(product, index){ const variant = getDefaultVariant(product); const
params = { aid: 'smart_recommend.2.' + data.id, scm: product.scm || data.scm ||
'', spm: data.spmBase + '.' + index, ssp: data.ssp || '', }; const trackParams =
Object.keys(params).map(function(key){ return params[key]; }).join('__'); return
trackParams; }; const hasMore = (data.products.length -
data.target_top_product_num - data.page * data.limit) === 0; return `
${(function(){ return `
${data.config.pop_title}

${data.rebate_tips || ''}
`; })()}
${product.title}
Added




`; })()}

class SpzCustomComponent extends SPZ.BaseElement { constructor(element) {
super(element); this.templates_ = null; this.container_ = null;
this._atcLineItem = {}; this.cart_ = {}; this.top_product_ids_ = [];
this.products_ = []; this.activityId_ = null; this.rendered_ = false;
this.myInterceptor_ = null; this.i18n_ = {}; this.config_ = {}; this.page_ = 1;
this.limit_ = 10; this.loading_ = false; } static deferredMount() { return
false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER;
} buildCallback() { this.templates_ = SPZServices.templatesForDoc(this.element);
this.setAction_(); } mountCallback() { console.log('pop mounted'); this.i18n_ =
window.smartRecommendI18n &&
window.smartRecommendI18n[document.documentElement.lang || 'en-US'] || {}; const
cartPopRenderEl = document.getElementById("smart_cart_pop_render"); const
modalEl = document.getElementById("smart_cart_pop_modal"); const spmBase =
`smart_recommend_2`; const extra = { spmBase: spmBase, i18n: this.i18n_, };
const that = this; document.addEventListener('dj.addToCart', (event) => { try {
const e = event.detail; if (e.source === 'buy_now' || window.__upsell_block ||
this.rendered_) return; that.fetchActivityData({product_id: e.product_id,
variant_id: e.variant_id}).then(data => { if (!data || !data.products ||
!data.products.length) return; that.config_ = data.config; const recommendStyle
= document.createElement('style'); recommendStyle.innerHTML = `
#plugin_recommend_atc_pop { display: none !important; } `;
document.head.appendChild(recommendStyle); if (data.config.pop_frequency ===
'once' && window.sessionStorage.getItem('smart_pop_times') > 0) return;
SPZ.whenApiDefined(cartPopRenderEl).then(function(api){
api.render(Object.assign({}, data, extra), true).then(function() {
that.rendered_ = true; if (data.products.length) { const headEl =
document.getElementById("smart_cart_pop_head_render"); if (headEl) {
SPZ.whenApiDefined(headEl).then(function(head){ head.render({ data: data }); });
} SPZ.whenApiDefined(modalEl).then(function(api){
that.impressListen('#smart_cart_pop_activity', function(){
that.trackPluginImpression_(data); }); api.open(); const intersectionObserver =
new IntersectionObserver( function (entries) { if (entries[0].intersectionRatio
> 0){ !that.loading_ && (that.products_.length - that.target_top_product_num_)
=== that.page_ * that.limit_ && that.viewMore(); } }, { threshold: [0.1] } );
intersectionObserver.observe(
document.querySelector('#smart_cart_pop_view_more_text') ); }); } }) }); }) }
catch (e) { console.error(e); } }); } unmountCallback() { } viewMore () { const
cartPopRenderEl = document.getElementById("smart_cart_pop_render"); const that =
this; const data = {}; SPZ.whenApiDefined(cartPopRenderEl).then(function(api){
that.fetchActivityData({ page: that.page_ + 1, limit: that.limit_
}).then(function(data) { data.products = that.products_;
data.target_top_product_num = that.target_top_product_num_; data.i18n =
that.i18n_; data.spmBase = `smart_recommend_2`; api.render(data); }) }) }
fetchActivityData(data) { const that = this; if (data.product_id) {
that._atcLineItem = data; } that.loading_ = true; return
that.getCart().then(cart => { that.cart_ = cart.cart; return
fetch(window.SHOPLAZZA.routes.root + "/api/possum/recommend_activities", {
method: "POST", headers: { "Content-Type": "application/json", "store-id":
window.SHOPLAZZA.shop.shop_id, }, body: JSON.stringify({ "show_type": 2,
"line_item": { "product_id": that._atcLineItem.product_id, "variant_id":
that._atcLineItem.variant_id, }, line_items: cart.cart.line_items, "page":
data.page || 1, "limit": data.limit || 10, }) }).then(function(res){ if(res.ok){
return res.json(); } }).then(function(data){ data.cart = cart.cart; if
(data.page === 1) { that.target_top_product_num_ = data.target_top_product_num
|| 0; } that.products_ = that.products_.concat(data.products || []); that.page_
= data.page || 1; that.limit_ = data.limit || 10; return data;
}).catch(function(e){ console.log(e); }).finally(function(){ that.loading_ =
false; }) }); }; setAction_() { this.registerAction('changeBannerColor', (data)
=> { if (!data.args.data || !data.args.data.data || !data.args.data.data.data)
return false; const config = data.args.data.data.data.config; const bannerBgEl =
document.querySelector('.smart_cart_pop_banner_bg'); if (bannerBgEl && config) {
bannerBgEl.style.background = config.banner_bg_color; bannerBgEl.style.color =
config.banner_text_color; } }); this.registerAction('handleProductChange',
(data) => { const that = this; const imageEl =
document.getElementById(`smart_cart_pop_image_${data.args.data.product_id}`);
SPZ.whenApiDefined(imageEl).then(function(api){ api.render({ data:
data.args.data, config: that.config_ }); }); const atcTextEl =
document.getElementById(`smart_cart_pop_atc_${data.args.data.product_id}`);
SPZ.whenApiDefined(atcTextEl).then(function(api){ api.render({ data:
data.args.data, defaultText: data.args.defaultText, soldOutText:
that.i18n_.sold_out }); }); if (data.args.data.variant.available) {
document.getElementById(`smart_cart_pop_atc_btn_${data.args.data.product_id}`).classList.remove('zb-pointer-events-none');
} else {
document.getElementById(`smart_cart_pop_atc_btn_${data.args.data.product_id}`).classList.add('zb-pointer-events-none');
} }); this.registerAction('handleProduct', (detail) => { const that = this;
this.renderProductsForm_(detail.args.data.data); });
this.registerAction('addATCHook', (data) => { const params = data.args;
this.myInterceptor_ = window.djInterceptors && window.djInterceptors.track.use({
event: 'dj.addToCart', params: { aid: 'smart_recommend.2.' + params.activity_id,
ssp: params.ssp, scm: params.scm, cfb: params.cfb, spm:
`..${window.SHOPLAZZA.meta.page.template_name}.${params.spm}`, }, once: true });
}); this.registerAction('handleAtcSuccess', (detail) => {
detail.args.data.product = detail.args.data.product || {};
detail.args.data.variant = detail.args.data.variant || {}; const defParams =
detail.args.product.split('__'); const product_id = detail.args.data.product.id;
const product_title = detail.args.data.product.title; const variant_id =
detail.args.data.variant.id; const price = detail.args.data.variant.price; const
aid = defParams[0]; const ifb = detail.args.data.product.ifb; const cfb =
detail.args.data.product.cfb; const scm = defParams[1]; const spm =
defParams[2]; const ssp = defParams[3]; const params = { id: product_id,
product_id: product_id, number: 1, name: product_title, variant_id: variant_id,
childrenId: variant_id, item_price: price, source: 'add_to_cart', _extra: { aid:
aid, ifb: ifb, cfb: cfb, scm: scm, spm:
`..${window.SHOPLAZZA.meta.page.template_name}.${spm}`, ssp: ssp, } }; const
activity_id = `${detail.args.activity_id}`; const target_drive_way =
detail.args.target_drive_way;
document.getElementById(`smart_cart_pop_loading_${product_id}`).classList.add('zb-hidden');
document.getElementById(`smart_cart_pop_added_${product_id}`).classList.remove('zb-hidden');
setTimeout(() => {
document.getElementById(`smart_cart_pop_added_${product_id}`).classList.add('zb-hidden');
document.getElementById(`smart_cart_pop_atc_${product_id}`).classList.remove('zb-hidden');
document.getElementById(`smart_cart_pop_atc_btn_${product_id}`).classList.remove('zb-pointer-events-none');
}, 1000); this.tranckAddToCart(params); if (target_drive_way === 'rebate') {
const bannerEl = document.getElementById(`smart_cart_pop_banner`);
this.getRecommendInfo(activity_id).then(res => { if (res && res.rebate_tips) {
bannerEl.innerHTML = res.rebate_tips; } }) } });
this.registerAction('handleCartSummary', (event) => { const that = this; const
checkoutButtonEle = document.getElementById("smart_cart_pop_checkout_button");
if (checkoutButtonEle) {
SPZ.whenApiDefined(checkoutButtonEle).then(function(api){ api.render({ i18n:
that.i18n_ }, false); }); } const tipEl =
document.getElementById("smart_cart_pop_tip_info"); const cart = event &&
event.args && event.args.data && event.args.data.data; if (!tipEl || !cart)
return; let total_price = cart.total_price; if (!total_price) {
SPZ.whenApiDefined(tipEl).then(function(api){ api.render({ total_price:
total_price, i18n: that.i18n_ }, false); }); } else {
this.getBindDiscount_(cart.line_items).then(res => { if (res &&
res.discount_code){ const total = cart.line_price - cart.total_discount -
res.bundle_discount_value; if (total > 0) { total_price = total; } else {
total_price = 0; } } SPZ.whenApiDefined(tipEl).then(function(api){ api.render({
total_price: total_price, i18n: that.i18n_ }, false); }); }) } });
this.registerAction('open', () => {
window.sessionStorage.setItem('smart_pop_times',
Number(window.sessionStorage.getItem('smart_pop_times')) + 1); });
this.registerAction('close', () => { this.rendered_ = false; this.products_ =
[]; window.djInterceptors &&
window.djInterceptors.track.eject(this.myInterceptor_); }); } getCart() { return
fetch(`${window.SHOPLAZZA.routes.root || ''}/api/cart`, { method: 'GET',
headers: { 'Content-Type': 'application/json; charset=UTF-8', }, }).then(res =>
res.json()) } getRecommendInfo (activity_id) { return this.getCart().then(cart
=> { this.cart_ = cart.cart; return fetch(`${window.SHOPLAZZA.routes.root ||
''}/api/possum/recommend_info`, { method: 'POST', headers: { 'Content-Type':
'application/json; charset=UTF-8', }, body: JSON.stringify({ show_type: 2,
rule_id: `${activity_id}`, line_items: cart.cart.line_items, line_item:
this._atcLineItem, }) }).then(res => res.json()) }) } renderProductsForm_(data)
{ const products = data.products; const listPopRenderEl =
document.getElementById("smart_cart_pop_render"); if (!listPopRenderEl) return;
listPopRenderEl.querySelectorAll('.smart_cart_pop_atc_btn_bg').forEach(function(el){
el.style.background = data.config.add_to_cart_button_color; });
products.forEach(function(product){ const productId = product.id; const
productFormEls =
listPopRenderEl.querySelectorAll(`ljs-product-form[product-id="${productId}"]`);
let variantsEl =
listPopRenderEl.querySelectorAll(`ljs-product-form[product-id="${productId}"]
#smart_cart_pop_variant_${productId}_mobile ljs-variants`); if
(window.innerWidth > 768) { variantsEl =
listPopRenderEl.querySelectorAll(`ljs-product-form[product-id="${productId}"]
#smart_cart_pop_variant_${productId}_pc ljs-variants`); }
productFormEls.forEach(function(el){ SPZ.whenApiDefined(el).then(function(api){
api.setProduct(product); }); }); variantsEl.forEach(function(el){
SPZ.whenApiDefined(el).then(function(api){ api.handleRender(product); }); }) });
} tranckAddToCart(detail) { if (window.$) {
window.$(document.body).trigger('dj.addToCart', detail); } }
trackPluginImpression_(rule){ if (window.sa && window.sa.track) {
window.sa.track("module_impressions", { aid: `smart_recommend.2.${rule.id}` });
} } getBindDiscount_(carts) { let bundle_sale_ids = []; try { bundle_sale_ids =
sessionStorage['bundle_sale_ids'] &&
JSON.parse(sessionStorage['bundle_sale_ids']).filter((item, index, arr) =>
arr.indexOf(item, 0) === index).slice(-5); } catch (err) { console.error(err); }
if (!carts.length) { Promise.resolve(); } return
fetch(`${window.SHOPLAZZA.routes.root || ''}/api/bundle-sales/cart`, { method:
'POST', headers: { 'Content-Type': 'application/json; charset=UTF-8',
'store-id': window.SHOPLAZZA.shop.shop_id, }, body: JSON.stringify({ cart:
carts, action_type: 'cart', bundle_sale_ids }) }).then(res => res.json()) }
impressListen(selector, cb) { const el = document.querySelector(selector); const
onImpress = (e) => { if (e) { e.stopPropagation(); } cb(); }; if (el &&
!el.getAttribute('imprsd')) { el.addEventListener('impress', onImpress) } else
if (el) { onImpress(); } } } SPZ.defineElement('spz-custom-smart',
SpzCustomComponent); ${function(){ return `
${data.data.rebate_tips || ''}
`; }()} ${function(){ const getImageHeight = function(image){ const width =
image.width || 500; const height = image.height || 500; const image_size =
data.config.image_size || 0; let ratio = 0; if(image_size == 0){ ratio = (height
/ width).toFixed(2); }else if(image_size == 1){ ratio = 1.5; } return 132 *
ratio; }; const image = data.data.variant.image || data.data.product.image;
return ` `; }()}
${(function(){ const product = data.product; const avail_variants =
product.variants.filter(function(variant){ return variant.available; }); const
selected_variant = product.min_price_variant.available ?
product.min_price_variant : avail_variants.length && avail_variants[0]; return `
${option.name}
${ option.values.map(function(value, index){ const checked =
selected_variant["option"+option.position] == value ? "checked": ""; return `
${value}
` }).join("") }
` })()}
${(function(){ const variant = data.variant; return `

`; })()} ${(function(){ const variant = data.variant; return `
${ variant.options.map(function(option){ return option.value; }).join("/") ||
'Not exist' }
`; })()} ${(function(){ const variant = data.data && data.data.variant; const
defaultText = data.defaultText || 'Add To Cart'; const text = (!variant ||
variant.available) ? defaultText: data.soldOutText; return `
${text}
`; })()} ${(function(){ let cart = data; if(data.data) { cart = data.data; }
return `
${cart.item_count >=0 ? cart.item_count : '..'}
`; })()} ${(function(){ return `
${data.i18n.checkout}
`; })()}

SPECIAL OFFER
5
% OFF
2 ITEMS+
FOR ORDER OVER
5
% OFF
2 ITEMS+
FOR ORDER OVER
8
% OFF
3 ITEMS+
FOR ORDER OVER
8
% OFF
3 ITEMS+
FOR ORDER OVER
10
% OFF
4 ITEMS+
FOR ORDER OVER
10
% OFF
4 ITEMS+
FOR ORDER OVER
COLLECT ALL

*Discounts would automatically apply when placing an order
Originaltext

Diese Übersetzung bewerten
Mit deinem Feedback können wir Google Übersetzer weiter verbessern