<form action="/cart" class="cart_form layer-add-cart-success" method="post" novalidate="">
      <div class="cart-header">
        <svg class="icon" height="24" p-id="2883" t="1634190661535" version="1.1" viewbox="0 0 1024 1024" width="24" xmlns="http://www.w3.org/2000/svg">
          <path d="M512 512H0A512 512 0 1 0 512 0 512 512 0 0 0 0 512z" fill="#29BB9D" p-id="2884"></path>
          <path d="M779.221333 341.333333l31.445334 31.274667-377.258667 375.466667L213.333333 529.024l55.04-54.741333 180.736 117.290666z" fill="#FFFFFF" p-id="2885"></path>
        </svg>
        <span>{{lang.product.add_cart_succeed}}</span>
        <svg class="cart-header-claer popup-claer" class="icon" height="24" p-id="3072" t="1634191042040" version="1.1" viewbox="0 0 1024 1024" width="24" xmlns="http://www.w3.org/2000/svg">
          <path d="M571.008 511.936l313.088-311.04a42.688 42.688 0 0 0 0-58.816l-2.496-2.496a40.384 40.384 0 0 0-56.704 0l-313.088 313.6-313.088-311.04a40.384 40.384 0 0 0-56.704 0l-2.496 2.496a42.688 42.688 0 0 0 0 58.816l313.088 308.608-313.088 311.04a42.688 42.688 0 0 0 0 58.816l2.496 2.496a40.384 40.384 0 0 0 56.704 0l313.088-313.6 313.088 311.04a40.384 40.384 0 0 0 56.704 0l2.496-2.496a42.688 42.688 0 0 0 0-58.816z" fill="#1D1F21" p-id="3073"></path>
        </svg>
      </div>
      <div class="cart-product-warp">
        <div class="cart-product">
          <a href="javascript:;" style="position: relative;align-self: flex-start;">
            <img  data-src="{{option.src|public_front_asset_url}}"  src="/assets/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541101712"  class="cart-product-img">
            {% if isProperty %}
              <svg class="icon" height="16" p-id="4311" style="position: absolute;bottom: 0;right: 0;background-color: #e8e8e8;padding: 3px;border-radius: 50%;" version="1.1" viewbox="0 0 1024 1024" width="16" xmlns="http://www.w3.org/2000/svg">
                <path d="M789.49999971 512l138.75000029-138.75000029c37.50000029-37.50000029 37.50000029-97.49999971 0-131.24999971L782 95.75c-33.75-33.75-97.49999971-33.75-131.24999971 0L512 234.50000029 373.24999971 95.75C339.49999971 62 275.75 62 242 95.75L95.75 242c-37.50000029 37.50000029-37.50000029 97.49999971 0 131.24999971L234.50000029 512 174.5 568.25c-11.25 11.25-18.74999971 22.5-22.5 37.50000029L69.49999971 834.49999971c-11.25 29.99999971-3.75000029 60.00000029 11.25 82.50000029 18.74999971 22.5 45 37.50000029 75.00000058 37.50000029 11.25 0 18.74999971 0 29.99999971-3.75000029l228.75000029-82.50000029c15.00000029-3.75000029 26.25000029-11.25 37.49999942-22.5l56.25-56.25 138.75000029 138.75000029c18.74999971 18.74999971 41.24999971 26.25000029 67.5 26.25000029s48.75000029-11.25 67.5-26.25000029l146.25-146.25c37.50000029-37.50000029 37.50000029-97.49999971 0-131.24999971L789.49999971 512z m-71.24999942-371.25c3.75000029 0 11.25 3.75000029 14.99999942 3.75000029l146.25 146.25c7.49999971 7.49999971 7.49999971 18.74999971 0 26.24999942l-52.49999971 52.50000058-172.50000029-172.50000029 52.50000058-52.49999971s3.75000029-3.75000029 11.25-3.75000029zM238.24999971 410.75l67.5-67.5c11.25-11.25 11.25-29.99999971 0-41.24999971s-29.99999971-11.25-41.24999971 0L197 369.50000029 148.24999971 320.75c-7.49999971-7.49999971-7.49999971-18.74999971 0-26.25000029l146.25-146.25c3.75000029-3.75000029 7.49999971-3.75000029 15.00000029-3.74999942s11.25 3.75000029 15.00000029 3.74999942L459.50000029 287 287 459.50000029 238.24999971 410.75z m165.00000058 386.25000029s-3.75000029 3.75000029-7.50000058 3.74999942l-228.74999942 82.50000029c-7.49999971 3.75000029-15.00000029 0-18.75000058-7.49999971-3.75000029-3.75000029-3.75000029-7.49999971-3.74999942-15.00000029l82.49999942-228.75000029c0-3.75000029 3.75000029-3.75000029 3.75000029-7.49999971l82.50000029-82.50000029 225-225 74.99999971-74.99999971 172.50000029 172.50000029-75.00000058 74.99999971-225 225-82.49999942 82.50000029z m472.5-67.5l-146.25 146.25c-7.49999971 7.49999971-18.74999971 7.49999971-26.25000029 0l-48.75000029-48.75000029 67.5-67.5c11.25-11.25 11.25-29.99999971 0-41.24999971s-29.99999971-11.25-41.24999971 0l-67.5 67.5-48.75000029-48.75000029 172.50000029-172.50000029 138.75000029 138.75000029c7.49999971 7.49999971 7.49999971 18.74999971 0 26.25000029z" p-id="4312"></path>
              </svg>
            {% endif %}
          </a>
          <div class="cart-product-info">
            <div class="cart-product-name">
              <span class="line-clamp2" style="text-align: left;">{{option.productTitle}}</span>
            </div>
            {% if storeConfig.sku_spu_set == "4" %}
            {% elsif storeConfig.sku_spu_set == "2" %}
              <div class="cart-product-skuName" >{{lang.account.orders_detail.spu}}: {{option.spu | default:"-" }}</div>
            {% elsif storeConfig.sku_spu_set == "3" %}
              <div class="cart-product-skuName" >{{lang.account.orders_detail.sku}}: {{option.sku | default:"-" }}</div>
            {% elsif storeConfig.sku_spu_set == "1" %}
              <div class="cart-product-skuName" >{{lang.account.orders_detail.spu}}: {{option.spu | default:"-" }}, {{lang.account.orders_detail.sku}}: {{option.sku | default:"-" }}</div>
            {% else %}
            {% endif %}
    
            {% if option.sku_value %}
              <div class="cart-product-skuName">{{option.sku_value | replace : "<br/>", ";" }}</div>
            {% endif %}
            {% for item in option.custom_attr %}
                <div class="cart-product-skuName">
                  <span>
                    {{ item.name }}
                    :
                  </span>
                  {% if item.type == "file" %}
                    <a href="{{ item.urls }}" target="_blank" download class="custom-option-download">
                      {{ lang.account.orders.property_detail }}
                    </a>
                    {%- unless item.price == '0' -%}
                      <span>
                         (
                        {%- if item.price > 0 -%}
                          +
                        {%- else -%}
                          -
                        {%- endif -%}
                        {{ item.price | money }}
                        )
                      </span>
                    {%- endunless -%}
                  {%- elsif item.type == "image_group" -%}
                    {%- for el in item.value -%}
                      <a href="{{ el.urls }}" target="_blank" download class="custom-option-download">
                        {{ el.value }}
                      </a>
                      {%- unless el.price == '0' -%}
                        <span>
                           (
                          {%- if el.price > 0 -%}
                            +
                          {%- else -%}
                            -
                          {%- endif -%}
                          {{ el.price | money }}
                          )
                        </span>
                      {%- endunless -%}
                      {%- unless forloop.last -%}
                        , 
                      {%- endunless -%}
                    {%- endfor -%}
                     {% elsif item.type == "public_image" %}
                      {%- if item.price_type == '1' -%}
                        {%- for el in item.value -%}
                          <span>{{el.value}}
                             
                            {%- if el.price != 0  -%}(
                              {%- if el.price > 0 -%}+{%- else -%}-
                              {%- endif -%}
                              {{el.price | money }}
                              )
                            {%- endif -%}
                          </span>
                          {%- unless forloop.last  -%}, 
                          {%- endunless -%}
                        {%- endfor -%}
                      {%- else -%}
                        {%- for el in item.value -%}
                          <span>{{el.value}}
                            {%- if forloop.last -%}
                               
                              {%- if item.price != 0  -%}(
                                {%- if item.price > 0 -%}+{%- else -%}-
                                {%- endif -%}
                                {{ item.price | money }}
                                )
                              {%- endif -%}
                            {%- endif -%}
                          </span>
                          {%- unless forloop.last  -%}, 
                          {%- endunless -%}
                        {%- endfor -%}
                      {%- endif -%}
                  {% elsif item.type == "image_gallery" %}
                    <a href="{{ item.urls }}" target="_blank" download class="custom-option-download">
                      {{ item.value }}
                    </a>
                    {%- unless item.price == '0' -%}
                      <span>
                         (
                        {%- if item.price > 0 -%}
                          +
                        {%- else -%}
                          -
                        {%- endif -%}
                        {{ item.price | money }}
                        )
                      </span>
                    {%- endunless -%}
                  {%- elsif item.type == "checkbox" or item.type == "block_text" or item.type == "image" -%}
                    {%- for el in item.value -%}
                      <span>
                        {{ el.value }}
                        {%- unless el.price == '0' -%}
                           (
                          {%- if item.price > 0 -%}
                            +
                          {%- else -%}
                            -
                          {%- endif -%}
                          {{ el.price | money }}
                          )
                        {%- endunless -%}
                      </span>
                      {%- unless forloop.last -%}
                        ,
                      {%- endunless -%}
                    {%- endfor -%}
                  {% else %}
                    <span>
                      {{ item.value }}
                      {%- unless item.price == '0' -%}
                         (
                        {%- if item.price > 0 -%}
                          +
                        {%- else -%}
                          -
                        {%- endif -%}
                        {{ item.price | money }}
                        )
                      {%- endunless -%}
                    </span>
                  {% endif %}
                </div>
            {% endfor %}
            
          </div>
        </div>
      </div>

<div class="cart-price">
        <span class="cart-content-label">{{lang.product.subtotal}}:</span>
        <span class="cart-content-value">{{subtotalPrice}}</span>
      </div>
      <div class="cart-operate">
        <a class="cart-button main_btn cart-buyNow" href="javascript:;" id="submit">
          <span>{{ lang.cart.list.checkout }}</span>
          <svg class="icon" fill="#fff" height="24" p-id="2600" style="margin-left:6px" t="1642570805735" version="1.1" viewbox="0 0 1024 1024" width="24" xmlns="http://www.w3.org/2000/svg">
            <path d="M938.666667 511.957333l-320 256 0-213.333333L0 554.624l0-85.333333L618.666667 469.290667l0-213.333334z" p-id="2601"></path>
          </svg>
        </a>
        <a class="cart-button cart-button-plan" href="/cart">{{lang.product.view_cart}}</a>
      </div>
    </form>

{% for sku in skus %}
      {% assign keyIndex = forloop.index %}
      <div class="moi-product-option"  data-sku-name="{{ sku.name }}">
      <div class="cell-item moi-product-sku-label" data-type="key">
      <span class="product-sku-name">{{ sku.name }}
        {%- if sku.isImg -%}
            {%- if productSkuStyle == "image" or productSkuStyle == "color" -%}
            :<span style="font-weight: bold;color:#333;">{{sku.selected_value_label}}</span>
            {%- endif -%}
        {%- endif -%}
     
      </span>
      </div>
      <div class="cell-item moi-product-sku-value" data-type="values">
      <div class="product-sku-values">

{% for val in sku.value %}
        {%- capture className -%}
        {% if val.available == 0 %}product-sku-values-item-disable{% endif %}
        {% if sku.selected_value == val.value %}product-sku-values-item-active{% endif %}
        {%- endcapture -%}
        
        {%- capture imageClassName -%}
        {%- if val.image != "" and sku.isImg -%}
        product-sku-values-item-image
        {%- endif -%}
        {%- endcapture -%}

{%- capture imageSizeClassName -%}
        {%- if val.image != "" and sku.isImg -%}
        {%- if productSkuStyle == "image" or productSkuStyle == "image_text" -%}
        {{productSkuSize}}
        {%- endif -%}
        {%- endif -%}
        {%- endcapture -%}

{%- capture colorClassName -%}
        {%- if productSkuStyle == "color" and sku.isImg -%}product-sku-value-color{%- endif -%}
        {%- endcapture -%}

<div class="product-sku-values-item {{imageSizeClassName}} {{imageClassName}} {{className}}  {{colorClassName}} {{ 'skyStyle-' | append: theme_config.global.product_sku_style }}   {% if productSkuStyle == "color" and sku.isImg  %}colorRender{% endif %}" data-index="{{ keyIndex }}" data-idx="{{ forloop.index }}" data-value='{{ val | json | escape }}' is_deleteProduct="{{ val.deleteItem }}">
          {%- if val.available == 0 -%}
            <div class="product-sku-values-item-disable-mask"></div>
          {%- endif -%}
         {%- if productSkuStyle == "color" and sku.isImg  -%}
            <div class="product-sku-value-color-item" style='background-color:{{val.colorValue}}'></div>
         {%- elsif  val.image != "" and sku.isImg -%}
          <img data-src="{{val.image.src|public_front_asset_url}}"  src="/assets/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541101712"  />
            {%- if productSkuStyle == "image_text" -%}
              <span>{{ val.name }}</span>
            {%- endif -%}
          {%- else -%}
            {{ val.name }}
          {%- endif -%}
        </div>
        {% endfor %}
      </div>
      </div>
      </div>
      {% endfor %}

{% for sku in skus %}
      {% assign keyIndex = forloop.index %}
      <div class="moi-product-option"  data-sku-name="{{ sku.name }}">

<div class="sku-item-col">
      <div class="cell-item moi-product-sku-label" data-type="key">
      <span class="product-sku-name">{{ sku.name }}</span>
      </div>
      <div class="cell-item moi-product-sku-value" data-type="values">
      <div class="product-sku-values">
        <label class="product-sku-select" >
        <select class="product-sku-unselect">
            {% if checkedFirstSku == '2' %}
              <option  value="0" {% if sku.selected_value == "" %}selected="selected"{% endif %} disabled >{{lang.product.please_select}}</option>
            {% endif %}
            
            {% for val in sku.value %}

{%- capture disabled -%}
            {% if val.available == 0 %}disabled{% endif %}
            {% if sku.selected_value == val.value %} selected{% endif %}
            {%- endcapture -%}

<option value='{{val.value}}' {{disabled}}  data-index="{{ keyIndex }}" data-value='{{ val | json | escape }}'>{{ val.name }}</option>
            {% endfor %}
        </select>

<svg class="product-sku-select-delete" data-index="{{ keyIndex }}" viewBox="0 0 1024 1024" {% if sku.selected_value == "" or checkedFirstSku != '2' %}style="display: none;"{% endif %} version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4673" width="20" height="20"><path d="M804.992 838.229333L240.896 274.133333l33.237333-33.237333 564.096 564.096z" fill="#1D1F21" p-id="4674"></path><path d="M274.133333 838.229333l-33.237333-33.237333L804.992 240.896l33.237333 33.237333z" fill="#1D1F21" p-id="4675"></path></svg>
        <div class="mo-edge" {% if checkedFirstSku == '2' and sku.selected_value != "" %}style="display: none;"{% endif %}></div>
        </label>
      </div>
      </div>
      </div>
      </div>
      {% endfor %}

<div class="sku_option-template_all">
      {% for item in variant %}
      <div class="sku_option-template_all-cell {% if item.available ==0 %} --template-all-disable {% endif %}">
        <input type="radio" {% if item.checked %} checked {% endif %} {% if item.available ==0 %} disabled {% endif %} name="sku_option-template_all_{{templateId}}" value="{{item.sku_code}}" id="template-{{item.id}}" hidden>
        <label for="template-{{item.id}}" class="sku_option-template_all-item">
          <div class="--template-all-left">
            <span class="sku_option-template_all-item-icon"></span>

{%- if productSkuStyle == "color" and item.colorCard  -%}
              <div class="--template-all-color" style='background-color:{{item.colorValue}}'></div>
            {%- elsif  item.image and item.colorCard -%}
              <img class="--template-all-img" data-src="{{item.image.src|public_front_asset_url}}"  src="/assets/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541101712"  />
            {% endif %}
            <span class="--template-all-left_text">{{item.name}}</span>
            
            {% comment %} <span class="--template-all-left_tag">Free Shipping</span> {% endcomment %}
          </div>
          <div class="--template_all-right">
            <span class="--template_all-price">{{item.price |  money}}</span>
            {% if item.price < item.compare_at_price %}
              <span class="--template_all-compare_at_price">{{item.compare_at_price |  money}}</span>
            {% endif %}
          </div>
          {% if item.ext1 and item.ext1 != '' %}
          <div class="--template_all-tag">{{item.ext1}}</div>
          {% endif %}
        </label>
      </div>

{% endfor %}
    </div>

</div>

{% for sku in skus %}
      {% assign keyIndex = forloop.index %}
      {% assign index = forloop.index0 %}
      {% if sku.type == "multiple" %}
      <div class="moi-product-option"  data-sku-name="{{ sku.name }}">
        <div class="cell-item moi-product-sku-value" style="margin-top:16px">
          <div class="moi-product-sku-multiple">
            <table class="moi-product-sku-multiple-table">
              <thead>
                <tr>
                  <td class="multiple-md-width40 "><span>{{sku.name}}</span></td>
                 
                  <td class="multiple-md-hidden">{{lang.account.orders_detail.price | default:"Price"}}</td>
                  {% if theme_config.global.product_inventory_status and inventory_tracking != 0 %}
                  <td class="multiple-md-hidden">{{lang.general.stock | default:"Stock"}}</td>
                  {% endif %}
                  <td  style='    text-align: right;' class="step-items-end">
                    <div class="step-items-center">
                    <span {% if unlimited %}class="stock-sotes"{% endif %}>{{lang.general.qty | default:"QTY"}}</span>
                    <span class="multiple-reset">

<svg t="1725352112242" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4300" width="16" height="16"><path d="M896 192v110.72A448 448 0 0 0 544 128 455.04 455.04 0 0 0 128 403.2l64 25.6A391.04 391.04 0 0 1 544 192a388.48 388.48 0 0 1 330.88 192H704v64h256V192zM544 832a388.48 388.48 0 0 1-330.88-192H384V576H128v256h64v-110.72A448 448 0 0 0 544 896 455.04 455.04 0 0 0 960 620.8l-64-25.6A391.04 391.04 0 0 1 544 832z" fill="currentColor" p-id="4301"></path></svg>
                    <span class="multiple-reset-text">{{lang.general.reset | default:"Reset"}}</span>
                    </span>
                    </div>

</td>
                </tr>
              </thead>
              <tbody>
              {% for val in sku.value %}
                {% assign idx = forloop.index0 %}
                  <tr>
                    <td>
                   <div style="display: flex;align-items: center;gap: 10px;">
                        {% if sku.isImg %}
                    {% if productSkuStyle == "color" %}
                     {% if val.colorValue != "" %}
                      <div style="width: 24px;height: 24px;border-radius: 50%;border:1px solid #e2e2e2;background-color: {{val.colorValue | remove: ' ' | remove: "'"}};"></div>
                     {% endif %}
                    {% else %}
                      {% if val.image != "" %}
                      <img data-src="{{val.image.src|public_front_asset_url}}" src="/assets/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541101712" style="width: 40px;height: 40px;object-fit: contain;cursor: pointer;" onclick="moi.pictureImages(['{{val.image.src|public_front_asset_url}}'], 0, $(this))"/>
                      {% endif %}
                    {% endif %}
                  {% endif %}
                   <div style="display: flex;flex-direction: column;">
                     <span class="{% if val.available != 0 %}font-bold{% endif %} df-flex-text-wrap"   {% if val.available == 0 %}style="text-decoration: line-through;color: #999 !important;"{% endif %}>{{val.name}}</span>
                     <span class="multiple-md-block df-flex-text-wrap">{{val.formatPrice}}{% if theme_config.global.product_inventory_status and inventory_tracking != 0 %} | {{lang.general.stock | default:"Stock"}} {{val.quantity}}{% endif %}</span>
                   </div>
                      </div>
                    </td>
                    <td class="multiple-md-hidden">{{val.formatPrice}}</td>
                    {% if theme_config.global.product_inventory_status and inventory_tracking != 0 %}
                    <td class="multiple-md-hidden">{{val.quantity}}</td>
                    {% endif %}
                    <td style='text-align: right;' class="step-items-end sp_table_content">
                      <div class="step-items-center">
                        {% if val.available == 0 %}
                          <span>{{lang.account.wishlist.product_offline}}</span>
                        {% else %}
                        <div class="step-warp" data-keys="{{index}},{{idx}}">
                            <div class="step-warp-handle" data-type='minus' {% if val.add_quantity == 0 %}disabled{% endif %} ></div>
                            <input class="step-warp-value notranslate"   min="1"  type="number" value="{{val.add_quantity}}"/>
                            <div class="step-warp-handle" {% if val.available == 0 %}disabled{% endif %} data-type='plus'></div>
                        </div>
                        {% endif %}
                      </div>
                    </td>
                  </tr>
              {% endfor %}
                
              </tbody>
            </table>
            <div class="multiple-total">
              <div class="multiple-total-lable" style="color: #999999;">
                <span class="font-bold" >{{lang.cart.list.total | default:"Total"}}</span>  (<span class="font-bold variant">0</span> {{lang.general.variations | default:"variations"}} <span class="font-bold item">0</span> {{lang.promotions.piece | default:"items"}}) 
              </div>
              <div class="multiple-total-value">{{0|money}}</div>
            </div>
          </div>        
        </div>
      </div>

{% else %}
      <div class="moi-product-option"  data-sku-name="{{ sku.name }}">
        <div class="cell-item moi-product-sku-label" data-type="key">
        <span class="product-sku-name">{{ sku.name }}
          {%- if sku.isImg -%}
              {%- if productSkuStyle == "image" or productSkuStyle == "color" -%}
              :<span style="font-weight: bold;color:#333;">{{sku.selected_value_label}}</span>
              {%- endif -%}
          {%- endif -%}
      
        </span>
        </div>
        <div class="cell-item moi-product-sku-value" style="margin-top:8px" data-type="values">
        <div class="product-sku-values">

{% for val in sku.value %}
          {%- capture className -%}
          {% if val.available == 0 %}product-sku-values-item-disable{% endif %}
          {% if sku.selected_value == val.value %}product-sku-values-item-active{% endif %}
          {%- endcapture -%}
          
          {%- capture imageClassName -%}
          {%- if val.image != "" and sku.isImg -%}
          product-sku-values-item-image
          {%- endif -%}
          {%- endcapture -%}

{%- capture imageSizeClassName -%}
          {%- if val.image != "" and sku.isImg -%}
          {%- if productSkuStyle == "image" or productSkuStyle == "image_text" -%}
          {{productSkuSize}}
          {%- endif -%}
          {%- endif -%}
          {%- endcapture -%}

{%- capture colorClassName -%}
          {%- if productSkuStyle == "color" and sku.isImg -%}product-sku-value-color{%- endif -%}
          {%- endcapture -%}

<div style="position: relative;" class="product-sku-values-item {{imageSizeClassName}} {{imageClassName}} {{className}}  {{colorClassName}} {{ 'skyStyle-' | append: theme_config.global.product_sku_style }}   {% if productSkuStyle == "color" and sku.isImg  %}colorRender{% endif %}" data-index="{{ keyIndex }}" data-idx="{{ forloop.index }}"  is_deleteProduct="{{ val.deleteItem }}">
            <div class="multiple-angle" data-id="{{val.value}}"></div>
            {%- if val.available == 0 -%}
              <div class="product-sku-values-item-disable-mask"></div>
            {%- endif -%}
          {%- if productSkuStyle == "color" and sku.isImg  -%}
              <div class="product-sku-value-color-item" style='background-color:{{val.colorValue}}'></div>
          {%- elsif  val.image != "" and sku.isImg -%}
            <img data-src="{{val.image.src|public_front_asset_url}}"  src="/assets/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541101712"  />
              {%- if productSkuStyle == "image_text" -%}
                <span>{{ val.name }}</span>
              {%- endif -%}
            {%- else -%}
              {{ val.name }}
            {%- endif -%}
          </div>
          {% endfor %}

</div>
        </div>
      </div>

{% endif %}

{% endfor %}

<div class="coupons-record-box" style="--coupons-color:{{storeConfig.pay_color}};{% if coupons.size > 6 %}height:220px;{% endif %}">
    <div class="coupons-record-title">{{lang.coupons.available_num | replace: '{number}',coupons.size}}</div>
    <div class="coupons-record-wrap">
      {% for coupon in coupons %}
      <div class="coupons-record-item {% if showCouponCode == coupon.coupon_code %}coupons-record-item-active{% endif %}" data-code="{{coupon.coupon_code}}">
        <div class="coupons-record-item-body">
          <div class="coupons-record-item-header">
            <div class="coupons-record-item-riado"></div>
            <div class="coupons-record-item-code">
              {{coupon.coupon_code}}
              {%- if coupon.customer_range != 0 -%}
              <div class="coupons-exclusive-label">
                🎁 {{ lang.coupon.exclusive }}
              </div>
              {%- endif -%}
            </div>
          </div>
          <div class="coupons-record-item-label">
            {%- if coupon.rule.discount.type == 1 -%}
            <span>{{ coupon.rule.discount.value }}%</span> OFF
            {%- else -%}
            <span>-{{ coupon.rule.discount.value | money }}</span> 
            {%- endif -%}
            {% if coupon.rule.condition.type == 0 %}
						{% comment %} , {{lang.coupons.discount_rule_extra}} {% endcomment %}
						{% elsif coupon.rule.condition.type == 1  %}
            {% assign coupon_value = coupon.rule.condition.value %}
						, {{lang.coupons.discount_rule_count | replace: '{condition}',coupon_value }}
						{% else %}
              {%- capture coupon_value -%}
                {%- if coupon.rule.condition.max_value and coupon.rule.condition.value != 0 -%}
                  {{ coupon.rule.condition.value | money }} - {{ coupon.rule.condition.max_value | money }}
                {%- endif -%}
                {%- if coupon.rule.condition.max_value and coupon.rule.condition.value == 0 -%}
                    ≤ {{ coupon.rule.condition.max_value | money }}
                {%- endif -%}
                {%- unless coupon.rule.condition.max_value -%}
                  {{ coupon.rule.condition.value | money }} +
                {%- endunless -%}
              {%- endcapture -%}
						, {{lang.coupons.discount_rule_amount | replace: '{condition}',coupon_value }}
						{% endif %}
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
    {% if coupons.size > 6 %}
      <div class="coupons-record-more">
        <div class="coupons-record-more-btn">{{lang.base.show_more}}</div>
      </div>
    {% endif %}
</div>

Hjem / Kopper

Kopper

Filter

Sorter etter

590 Produkter

Sorter etter

Teema espressokopp 10 cl rav

Teema espressokopp 10 cl rav

Kr 37.80 Kr 189.00

Blue Italian Christmas Tree kopp 34 cl blå/hvit

Blue Italian Christmas Tree kopp 34 cl blå/hvit

Blue Italian Christmas Tree kopp 34 cl blå/hvit

Kr 87.80 Kr 439.00

Espressokopp 10 cl white

Espressokopp 10 cl white

Espressokopp 10 cl white

Kr 37.80 Kr 189.00

Jumbo kaffekopp 40 cl Deep teal

Jumbo kaffekopp 40 cl Deep teal

Jumbo kaffekopp 40 cl Deep teal

Kr 55.80 Kr 279.00

Gres espressokopp 10 cl hvit

Gres espressokopp 10 cl hvit

Gres espressokopp 10 cl hvit

Kr 21.80 Kr 109.00

Everyday Alice tekopp 40 cl dark red

Everyday Alice tekopp 40 cl dark red

Everyday Alice tekopp 40 cl dark red

Kr 43.80 Kr 219.00

Jumbo kaffekopp 40 cl Flint

Jumbo kaffekopp 40 cl Flint

Jumbo kaffekopp 40 cl Flint

Kr 55.80 Kr 279.00

Espressokopp 10 cl nectar

Espressokopp 10 cl nectar

Espressokopp 10 cl nectar

Kr 37.80 Kr 189.00

Everyday Alice kopp med fat 20 cl white

Everyday Alice kopp med fat 20 cl white

Kr 45.80 Kr 229.00

PANTONE tekopp med hank 47,5 cl aubergine

PANTONE tekopp med hank 47,5 cl aubergine

Kr 69.80 Kr 349.00

Espressokopp 10 cl azure

Espressokopp 10 cl azure

Espressokopp 10 cl azure

Kr 37.80 Kr 189.00

Espressokopp 10 cl shell pink

Espressokopp 10 cl shell pink

Espressokopp 10 cl shell pink

Kr 37.80 Kr 189.00

Paula kopp 27,5 cl brun

Paula kopp 27,5 cl brun

Paula kopp 27,5 cl brun

Kr 27.00 Kr 135.00

Everyday Alice lattekopp 35 cl creamy fudge

Everyday Alice lattekopp 35 cl creamy fudge

Kr 23.80 Kr 119.00

Jumbo kaffekopp 40 cl Bleu Riviera

Jumbo kaffekopp 40 cl Bleu Riviera

Jumbo kaffekopp 40 cl Bleu Riviera

Kr 53.80 Kr 269.00

Piccolo kopp 20 cl burgunder

Piccolo kopp 20 cl burgunder

Piccolo kopp 20 cl burgunder

Kr 46.00 Kr 230.00

Gres espressokopp 10 cl mørk grønn

Gres espressokopp 10 cl mørk grønn

Kr 21.80 Kr 109.00

Jumbo kaffekopp 40 cl Nectar

Jumbo kaffekopp 40 cl Nectar

Jumbo kaffekopp 40 cl Nectar

Kr 55.80 Kr 279.00

Paula kopp 27,5 cl oransje

Paula kopp 27,5 cl oransje

Paula kopp 27,5 cl oransje

Kr 27.00 Kr 135.00

Milani kopp 40 cl grønn

Milani kopp 40 cl grønn

Milani kopp 40 cl grønn

Kr 29.80 Kr 149.00

Espressokopp 10 cl meringue

Espressokopp 10 cl meringue

Espressokopp 10 cl meringue

Kr 37.80 Kr 189.00

Gres espressokopp 10 cl 6,5x6 cm rosa

Gres espressokopp 10 cl 6,5x6 cm rosa

Gres espressokopp 10 cl 6,5x6 cm rosa

Kr 21.80 Kr 109.00

PANTONE tekopp med hank 47,5 cl varm grå

PANTONE tekopp med hank 47,5 cl varm grå

PANTONE tekopp med hank 47,5 cl varm grå

Kr 69.80 Kr 349.00

Espressokopp 10 cl deep teal

Espressokopp 10 cl deep teal

Espressokopp 10 cl deep teal

Kr 37.80 Kr 189.00

Solare cappuccinokopp 40 cl sand

Solare cappuccinokopp 40 cl sand

Kr 59.80 Kr 299.00

Arenito espressokopp 7 cl mint

Arenito espressokopp 7 cl mint

Kr 25.80 Kr 129.00

Flora høyhankskopp 33 cl iris

Flora høyhankskopp 33 cl iris

Flora høyhankskopp 33 cl iris

Kr 171.80 Kr 859.00

Jumbo kaffekopp 40 cl Azure

Jumbo kaffekopp 40 cl Azure

Jumbo kaffekopp 40 cl Azure

Kr 55.80 Kr 279.00

Gres espressokopp 10 cl 6,5x6 cm blå

Gres espressokopp 10 cl 6,5x6 cm blå

Gres espressokopp 10 cl 6,5x6 cm blå

Kr 21.80 Kr 109.00

Lignano Sabbiadoro kopp og tallerken hvit

Lignano Sabbiadoro kopp og tallerken hvit

Lignano Sabbiadoro kopp og tallerken hvit

Kr 113.00 Kr 565.00

Lave Bleu kopp 19 cl

Lave Bleu kopp 19 cl

Lave Bleu kopp 19 cl

Kr 41.00 Kr 205.00

Colorit kopp 25 cl gul

Colorit kopp 25 cl gul

Colorit kopp 25 cl gul

Kr 33.80 Kr 169.00

Iris kopp 36 cl 2 stk grønn

Iris kopp 36 cl 2 stk grønn

Iris kopp 36 cl 2 stk grønn

Kr 189.80 Kr 949.00

Salam Fat til Frokost / Tekopp 18 cm hvit

Salam Fat til Frokost / Tekopp 18 cm hvit

Kr 29.80 Kr 149.00

Skål til kopp 16 cm

Skål til kopp 16 cm

Kr 25.80 Kr 129.00

Oiva Siirtolapuutarha tekopp 25 cl hvit/svart

Oiva Siirtolapuutarha tekopp 25 cl hvit/svart

Oiva Siirtolapuutarha tekopp 25 cl hvit/svart

Kr 51.00 Kr 255.00

Legio kaffekopp 20 cl

Legio kaffekopp 20 cl

Legio kaffekopp 20 cl

Kr 29.80 Kr 149.00

Legio Nova kopp 34 cl uten hank 2 stk truffle

Legio Nova kopp 34 cl uten hank 2 stk truffle

Legio Nova kopp 34 cl uten hank 2 stk truffle

Kr 99.80 Kr 499.00

Limone kopp 40 cl gul

Limone kopp 40 cl gul

Limone kopp 40 cl gul

Kr 31.80 Kr 159.00

Favourite kopp love 250 ml

Favourite kopp love 250 ml

Favourite kopp love 250 ml

Kr 59.80 Kr 299.00

Jumbo kaffekopp 40 cl Meringue

Jumbo kaffekopp 40 cl Meringue

Kr 55.80 Kr 279.00

Everyday Alice lattekopp 35 cl hasselnut brown

Everyday Alice lattekopp 35 cl hasselnut brown

Kr 23.80 Kr 119.00

Clay kombikopp 27 cl smoke

Clay kombikopp 27 cl smoke

Clay kombikopp 27 cl smoke

Kr 33.80 Kr 169.00

Legio Nova kopp 34 cl uten hank 2 stk sage

Legio Nova kopp 34 cl uten hank 2 stk sage

Legio Nova kopp 34 cl uten hank 2 stk sage

Kr 99.80 Kr 499.00

Jumbo kaffekopp 40 cl hvit

Jumbo kaffekopp 40 cl hvit

Kr 55.80 Kr 279.00

Skål til kopp 14 cm

Skål til kopp 14 cm

Skål til kopp 14 cm

Kr 39.80 Kr 199.00

Espressokopp 10 cl flint

Espressokopp 10 cl flint

Espressokopp 10 cl flint

Kr 37.80 Kr 189.00

Everyday Alice lattekopp 35 cl warm grey

Everyday Alice lattekopp 35 cl warm grey

Kr 23.80 Kr 119.00

Ceto kopp 17 cl grå

Ceto kopp 17 cl grå

Kr 37.80 Kr 189.00

Lumi kaffekopp 16 cl

Lumi kaffekopp 16 cl

Kr 55.00 Kr 275.00

Oiva Unikko kopp 20 cl hvit/grønn/beige

Oiva Unikko kopp 20 cl hvit/grønn/beige

Kr 46.00 Kr 230.00

Flora høyhankskopp 33 cl stemorsblomst

Flora høyhankskopp 33 cl stemorsblomst

Flora høyhankskopp 33 cl stemorsblomst

Kr 171.80 Kr 859.00

Wild Strawberry tekopp & asjett leigh

Wild Strawberry tekopp & asjett leigh

Wild Strawberry tekopp & asjett leigh

Kr 245.80 Kr 1,229.00

Anima Cielo kopp og tallerken rosa

Anima Cielo kopp og tallerken rosa

Anima Cielo kopp og tallerken rosa

Kr 126.20 Kr 631.00

Hibiscus tekopp & asjett iconic

Hibiscus tekopp & asjett iconic

Hibiscus tekopp & asjett iconic

Kr 254.00 Kr 1,270.00

Inka kopp med hank 27 cl vinrød pantone 202C

Inka kopp med hank 27 cl vinrød pantone 202C

Kr 29.80 Kr 149.00

Taika kopp 30 cl blå

Taika kopp 30 cl blå

Kr 51.80 Kr 259.00

Flora høyhankskopp 33 cl magnolia

Flora høyhankskopp 33 cl magnolia

Flora høyhankskopp 33 cl magnolia

Kr 171.80 Kr 859.00

Prinsesse høyhankskopp 33 cl

Prinsesse høyhankskopp 33 cl

Prinsesse høyhankskopp 33 cl

Kr 189.80 Kr 949.00

Manufacture Rock Blanc bolle 65 cl

Manufacture Rock Blanc bolle 65 cl

Manufacture Rock Blanc bolle 65 cl

Kr 53.00 Kr 265.00

Fleur soleil kaffekopp 16 cl gul

Fleur soleil kaffekopp 16 cl gul

Fleur soleil kaffekopp 16 cl gul

Kr 39.80 Kr 199.00

French Garden Fleurence frokostkopp 35 cl

French Garden Fleurence frokostkopp 35 cl

French Garden Fleurence frokostkopp 35 cl

Kr 65.00 Kr 325.00

Platebowlcup tefat 15 cm

Platebowlcup tefat 15 cm

Platebowlcup tefat 15 cm

Kr 29.80 Kr 149.00

Confetti kaffekopp 20 cl blueberry

Confetti kaffekopp 20 cl blueberry

Kr 27.80 Kr 139.00

Tekopp & Fat 0,28L Strawberry Thief

Tekopp & Fat 0,28L Strawberry Thief

Tekopp & Fat 0,28L Strawberry Thief

Kr 125.80 Kr 629.00

Confetti kaffekopp 20 cl apricot

Confetti kaffekopp 20 cl apricot

Kr 27.80 Kr 139.00

Mainio kopp 30 cl vinterblå

Mainio kopp 30 cl vinterblå

Mainio kopp 30 cl vinterblå

Kr 43.00 Kr 215.00

Perlemor sand fat til espressokopp 12 cm

Perlemor sand fat til espressokopp 12 cm

Perlemor sand fat til espressokopp 12 cm

Kr 24.00 Kr 120.00

New Wave skål til kaffekopp 18x15 cm

New Wave skål til kaffekopp 18x15 cm

Kr 26.00 Kr 130.00

Gastro espressokopp m/skål 7 cl grønn/svart

Gastro espressokopp m/skål 7 cl grønn/svart

Gastro espressokopp m/skål 7 cl grønn/svart

Kr 29.80 Kr 149.00

Verda kopp 25 cl gress grønn

Verda kopp 25 cl gress grønn

Verda kopp 25 cl gress grønn

Kr 31.80 Kr 159.00

Nordic Vanilla tekopp m/hank 40 cl kremhvit

Nordic Vanilla tekopp m/hank 40 cl kremhvit

Nordic Vanilla tekopp m/hank 40 cl kremhvit

Kr 37.80 Kr 189.00

Confetti kaffekopp 20 cl chili

Confetti kaffekopp 20 cl chili

Kr 27.80 Kr 139.00

Confetti kaffekopp 20 cl aqua

Confetti kaffekopp 20 cl aqua

Kr 27.80 Kr 139.00

Nordic Vanilla kopp m/underskål 25 cl kremhvit

Nordic Vanilla kopp m/underskål 25 cl kremhvit

Nordic Vanilla kopp m/underskål 25 cl kremhvit

Kr 47.80 Kr 239.00

Anmut Gold espressokopp 10 cl

Anmut Gold espressokopp 10 cl

Anmut Gold espressokopp 10 cl

Kr 59.80 Kr 299.00

Gray Pearl tekopp 20 cl

Gray Pearl tekopp 20 cl

Gray Pearl tekopp 20 cl

Kr 79.00 Kr 395.00

Viva kopp og fat 30 cl 2 stk

Viva kopp og fat 30 cl 2 stk

Viva kopp og fat 30 cl 2 stk

Kr 129.80 Kr 649.00

RAW Northern Green termokrus 25 cl

RAW Northern Green termokrus 25 cl

RAW Northern Green termokrus 25 cl

Kr 33.80 Kr 169.00

Verda kopp 25 cl dus blå

Verda kopp 25 cl dus blå

Verda kopp 25 cl dus blå

Kr 31.80 Kr 159.00

1 2 3 4 5 6 7 8

Handlekurv