<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

Gray Pearl espressokopp 10 cl

Gray Pearl espressokopp 10 cl

Gray Pearl espressokopp 10 cl

Kr 71.80 Kr 359.00

Marseille kaffekopp 22 cm

Marseille kaffekopp 22 cm

Kr 71.80 Kr 359.00

Makoto kaffekopp 21,5 cl Elephant Skin

Makoto kaffekopp 21,5 cl Elephant Skin

Makoto kaffekopp 21,5 cl Elephant Skin

Kr 43.80 Kr 219.00

Oiva Unikko kopp 20 cl 2 stk hvit/rød

Oiva Unikko kopp 20 cl 2 stk hvit/rød

Kr 90.00 Kr 450.00

Love kopp rosa sløyfe 35 cl svart

Love kopp rosa sløyfe 35 cl svart

Love kopp rosa sløyfe 35 cl svart

Kr 59.80 Kr 299.00

Everyday Alice lattekopp 35 cl pale green

Everyday Alice lattekopp 35 cl pale green

Kr 23.80 Kr 119.00

Everyday Alice lattekopp 35 cl dusty rose

Everyday Alice lattekopp 35 cl dusty rose

Kr 23.80 Kr 119.00

Arenito espressokopp 7 cl olive

Arenito espressokopp 7 cl olive

Kr 25.80 Kr 129.00

Everyday Alice lattekopp 35 cl pale pink

Everyday Alice lattekopp 35 cl pale pink

Kr 23.80 Kr 119.00

Elsa Beskow kopp med håndtak 20 cl Putte

Elsa Beskow kopp med håndtak 20 cl Putte

Elsa Beskow kopp med håndtak 20 cl Putte

Kr 19.40 Kr 97.00

Nature cappuccinokopp 27 cl sand

Nature cappuccinokopp 27 cl sand

Nature cappuccinokopp 27 cl sand

Kr 33.80 Kr 169.00

Morris & Co pimpernel kopp 34 cl

Morris & Co pimpernel kopp 34 cl

Morris & Co pimpernel kopp 34 cl

Kr 67.80 Kr 339.00

Rhombe tekopp m/skål 24 cl hvit

Rhombe tekopp m/skål 24 cl hvit

Rhombe tekopp m/skål 24 cl hvit

Kr 65.80 Kr 329.00

Kenya espressokopp 6,5 cl 2 stk

Kenya espressokopp 6,5 cl 2 stk

Kenya espressokopp 6,5 cl 2 stk

Kr 39.80 Kr 199.00

Alice tekopp 40 cl furugrønn

Alice tekopp 40 cl furugrønn

Kr 33.00 Kr 165.00

Toy's Delight fat til kaffekopp 17,5 cm

Toy's Delight fat til kaffekopp 17,5 cm

Toy's Delight fat til kaffekopp 17,5 cm

Kr 46.00 Kr 230.00

Clay kombikopp 27 cl earth

Clay kombikopp 27 cl earth

Clay kombikopp 27 cl earth

Kr 33.80 Kr 169.00

Pippi kopp med håndtk 20 cl Bursdag

Pippi kopp med håndtk 20 cl Bursdag

Pippi kopp med håndtk 20 cl Bursdag

Kr 19.80 Kr 99.00

Toy's Delight kaffe-tekopp med fat

Toy's Delight kaffe-tekopp med fat

Kr 93.80 Kr 469.00

Bamse kopp med håndtak 20 cl

Bamse kopp med håndtak 20 cl

Bamse kopp med håndtak 20 cl

Kr 19.80 Kr 99.00

Inka kopp med hank 27 cl grå pantone 2332C

Inka kopp med hank 27 cl grå pantone 2332C

Kr 35.80 Kr 179.00

Nordic Kitchen espressokopp m/fat 7 cl svart

Nordic Kitchen espressokopp m/fat 7 cl svart

Nordic Kitchen espressokopp m/fat 7 cl svart

Kr 79.80 Kr 399.00

Hammershøi kopp 20 cl antrasitt

Hammershøi kopp 20 cl antrasitt

Hammershøi kopp 20 cl antrasitt

Kr 49.80 Kr 249.00

Stålkopp 30 cl 4 stk Butterflies

Stålkopp 30 cl 4 stk Butterflies

Stålkopp 30 cl 4 stk Butterflies

Kr 107.80 Kr 539.00

Jumbokopp 40 cl volcanic

Jumbokopp 40 cl volcanic

Jumbokopp 40 cl volcanic

Kr 55.80 Kr 279.00

Clay kombikopp 27 cl sky

Clay kombikopp 27 cl sky

Clay kombikopp 27 cl sky

Kr 33.80 Kr 169.00

Nordic Sea espressokopp m/fat 5 cl

Nordic Sea espressokopp m/fat 5 cl

Kr 35.80 Kr 179.00

Rhythm kopp 22 cl

Rhythm kopp 22 cl

Rhythm kopp 22 cl

Kr 27.80 Kr 139.00

Inka kopp 27 cl Fudge

Inka kopp 27 cl Fudge

Inka kopp 27 cl Fudge

Kr 23.80 Kr 119.00

Mummi kopp med håndtak 20 cl Lille My hvit

Mummi kopp med håndtak 20 cl Lille My hvit

Mummi kopp med håndtak 20 cl Lille My hvit

Kr 19.40 Kr 97.00

Mummi kopp 25 cl mummifamilien hvit

Mummi kopp 25 cl mummifamilien hvit

Kr 39.80 Kr 199.00

RAW Titanium Black espressokopp 6,5 cl

RAW Titanium Black espressokopp 6,5 cl

RAW Titanium Black espressokopp 6,5 cl

Kr 21.80 Kr 109.00

Industrial kopp med tesil og lokk 41 cl gul

Industrial kopp med tesil og lokk 41 cl gul

Industrial kopp med tesil og lokk 41 cl gul

Kr 71.80 Kr 359.00

Perlemor sand kaffekopp 27 cl

Perlemor sand kaffekopp 27 cl

Perlemor sand kaffekopp 27 cl

Kr 41.00 Kr 205.00

Inka kopp med hank 27 cl blå

Inka kopp med hank 27 cl blå

Kr 35.80 Kr 179.00

Inka kopp med hank 27 cl hvit

Inka kopp med hank 27 cl hvit

Inka kopp med hank 27 cl hvit

Kr 29.80 Kr 149.00

The Lungo kopp 18 cl 2 stk beige

The Lungo kopp 18 cl 2 stk beige

The Lungo kopp 18 cl 2 stk beige

Kr 120.00 Kr 600.00

Tulipa kopp med hank 40 cl 2 stk verona green

Tulipa kopp med hank 40 cl 2 stk verona green

Kr 135.00 Kr 675.00

Morris & Co kopp og coaster-sett Strawberry Thief Indian Red

Morris & Co kopp og coaster-sett Strawberry Thief Indian Red

Morris & Co kopp og coaster-sett Strawberry Thief Indian Red

Kr 93.80 Kr 469.00

Mummi piknikk kopp 25 cl 4 stk lys gul

Mummi piknikk kopp 25 cl 4 stk lys gul

Kr 69.80 Kr 349.00

Legio Nova Palette kopp 34 cl 2 stk soft pink

Legio Nova Palette kopp 34 cl 2 stk soft pink

Legio Nova Palette kopp 34 cl 2 stk soft pink

Kr 139.80 Kr 699.00

Morris & Co Willow Bough kopp 34 cl

Morris & Co Willow Bough kopp 34 cl

Morris & Co Willow Bough kopp 34 cl

Kr 67.80 Kr 339.00

Morris & Co kopp og coaster-sett Strawberry Thief Madder

Morris & Co kopp og coaster-sett Strawberry Thief Madder

Morris & Co kopp og coaster-sett Strawberry Thief Madder

Kr 93.80 Kr 469.00

Everyday Alice lattekopp 35 cl sky blue

Everyday Alice lattekopp 35 cl sky blue

Kr 23.80 Kr 119.00

Everyday Alice lattekopp 35 cl dusty green

Everyday Alice lattekopp 35 cl dusty green

Kr 23.80 Kr 119.00

Espressokopp 10 cl black

Espressokopp 10 cl black

Kr 37.80 Kr 189.00

Everyday Alice lattekopp 35 cl lavender

Everyday Alice lattekopp 35 cl lavender

Kr 23.80 Kr 119.00

Gres espressokopp 10 cl 6,5x6 cm grå

Gres espressokopp 10 cl 6,5x6 cm grå

Gres espressokopp 10 cl 6,5x6 cm grå

Kr 21.80 Kr 109.00

Paula kopp 27,5 cl rosa

Paula kopp 27,5 cl rosa

Paula kopp 27,5 cl rosa

Kr 27.00 Kr 135.00

Gres espressokopp 10 cl 6,5x6 cm mint

Gres espressokopp 10 cl 6,5x6 cm mint

Gres espressokopp 10 cl 6,5x6 cm mint

Kr 21.80 Kr 109.00

Everyday Alice kopp med fat 20 cl pale pink

Everyday Alice kopp med fat 20 cl pale pink

Kr 45.80 Kr 229.00

Maple kopp 42 cl grønn

Maple kopp 42 cl grønn

Maple kopp 42 cl grønn

Kr 29.80 Kr 149.00

Lumi tekopp 26 cl

Lumi tekopp 26 cl

Kr 63.00 Kr 315.00

Everyday Alice lattekopp 35 cl white

Everyday Alice lattekopp 35 cl white

Kr 23.80 Kr 119.00

Espressokopp 10 cl volcanic

Espressokopp 10 cl volcanic

Espressokopp 10 cl volcanic

Kr 37.80 Kr 189.00

Heikki kopp 24 cl grønn

Heikki kopp 24 cl grønn

Heikki kopp 24 cl grønn

Kr 27.00 Kr 135.00

Clay kombikopp 27 cl rust

Clay kombikopp 27 cl rust

Kr 33.80 Kr 169.00

Everyday Alice lattekopp 35 cl honey mustard

Everyday Alice lattekopp 35 cl honey mustard

Kr 23.80 Kr 119.00

Everyday Alice kopp med fat 20 cl pale green

Everyday Alice kopp med fat 20 cl pale green

Kr 45.80 Kr 229.00

Everyday Alice kopp med fat 20 cl pale blue

Everyday Alice kopp med fat 20 cl pale blue

Kr 45.80 Kr 229.00

Tiiliskivi kopp 25 cl oransje

Tiiliskivi kopp 25 cl oransje

Tiiliskivi kopp 25 cl oransje

Kr 48.00 Kr 240.00

Everyday Alice lattekopp 35 cl dark red

Everyday Alice lattekopp 35 cl dark red

Everyday Alice lattekopp 35 cl dark red

Kr 23.80 Kr 119.00

Everyday Alice lattekopp 35 cl olive green

Everyday Alice lattekopp 35 cl olive green

Kr 25.80 Kr 129.00

Gres espressokopp 10 cl 6,5x6 cm gul

Gres espressokopp 10 cl 6,5x6 cm gul

Gres espressokopp 10 cl 6,5x6 cm gul

Kr 21.80 Kr 109.00

Everyday Alice lattekopp 35 cl pale blue

Everyday Alice lattekopp 35 cl pale blue

Kr 23.80 Kr 119.00

Everyday Alice tekopp 40 cl vintage rose

Everyday Alice tekopp 40 cl vintage rose

Kr 47.80 Kr 239.00

Espressokopp 10 cl cerise

Espressokopp 10 cl cerise

Espressokopp 10 cl cerise

Kr 37.80 Kr 189.00

Jumbo kaffekopp 40 cl Chambray

Jumbo kaffekopp 40 cl Chambray

Jumbo kaffekopp 40 cl Chambray

Kr 55.80 Kr 279.00

RAW Colour minikopp 5 cl Yellowish

RAW Colour minikopp 5 cl Yellowish

RAW Colour minikopp 5 cl Yellowish

Kr 19.80 Kr 99.00

PANTONE espressokopp med hank 12 cl bronse

PANTONE espressokopp med hank 12 cl bronse

Kr 49.80 Kr 249.00

PANTONE espressokopp med hank 12 cl gul

PANTONE espressokopp med hank 12 cl gul

Kr 49.80 Kr 249.00

Espressokopp 10 cl bamboo

Espressokopp 10 cl bamboo

Espressokopp 10 cl bamboo

Kr 37.80 Kr 189.00

Everyday Alice tekopp 40 cl oyster blue

Everyday Alice tekopp 40 cl oyster blue

Kr 47.80 Kr 239.00

Espressokopp 10 cl sea salt

Espressokopp 10 cl sea salt

Espressokopp 10 cl sea salt

Kr 37.80 Kr 189.00

PANTONE kopp med hank 37,5 cl kald grå

PANTONE kopp med hank 37,5 cl kald grå

Kr 59.80 Kr 299.00

Everyday Alice mini latte kopp 13 cl pale pink

Everyday Alice mini latte kopp 13 cl pale pink

Kr 17.80 Kr 89.00

RAW Colour minikopp 5 cl Roseish

RAW Colour minikopp 5 cl Roseish

Kr 19.80 Kr 99.00

Espressokopp 10 cl Bleu Riviera

Espressokopp 10 cl Bleu Riviera

Kr 35.80 Kr 179.00

Mummikopp & asjett sett Venner for alltid

Mummikopp & asjett sett Venner for alltid

Mummikopp & asjett sett Venner for alltid

Kr 117.80 Kr 589.00

Teema espressokopp 10 cl espresso

Teema espressokopp 10 cl espresso

Kr 37.80 Kr 189.00

1 2 3 4 5 6 7 8

Handlekurv