<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=51ba92483a4282450a82bd1e58a7b541102012"  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=51ba92483a4282450a82bd1e58a7b541102012"  />
            {%- 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=51ba92483a4282450a82bd1e58a7b541102012"  />
            {% 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=51ba92483a4282450a82bd1e58a7b541102012" 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=51ba92483a4282450a82bd1e58a7b541102012"  />
              {%- 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 og krus

Kopper og krus

Filter

Sorter etter

1788 Produkter

Sorter etter

Teema kopp 30 cl skogsgrønn

Teema kopp 30 cl skogsgrønn

Kr 47.80 Kr 239.00

PANTONE kopp med hank 37,5 cl oransje

PANTONE kopp med hank 37,5 cl oransje

Kr 59.80 Kr 299.00

Renaissance Gold tekopp & asjett

Renaissance Gold tekopp & asjett

Renaissance Gold tekopp & asjett

Kr 253.80 Kr 1,269.00

Creatures of Curiosity tekopp med fat 20 cl dark floral

Creatures of Curiosity tekopp med fat 20 cl dark floral

Creatures of Curiosity tekopp med fat 20 cl dark floral

Kr 133.80 Kr 669.00

Perfect Imperfection espressokopp 10 cl 2 stk hvit

Perfect Imperfection espressokopp 10 cl 2 stk hvit

Kr 60.00 Kr 300.00

Senja espressokopp med fat 9 cl hvit

Senja espressokopp med fat 9 cl hvit

Senja espressokopp med fat 9 cl hvit

Kr 23.80 Kr 119.00

PANTONE kopp med hank 37,5 cl gul

PANTONE kopp med hank 37,5 cl gul

Kr 59.80 Kr 299.00

PANTONE tekopp med hank 47,5 cl violett

PANTONE tekopp med hank 47,5 cl violett

Kr 69.80 Kr 349.00

PANTONE espressokopp med hank 12 cl sølv

PANTONE espressokopp med hank 12 cl sølv

Kr 49.80 Kr 249.00

Pura kaffekopp 15 cl hvit

Pura kaffekopp 15 cl hvit

Pura kaffekopp 15 cl hvit

Kr 43.00 Kr 215.00

Gio Platinum tekopp & asjett

Gio Platinum tekopp & asjett

Gio Platinum tekopp & asjett

Kr 188.00 Kr 940.00

Suomi espressokopp 10 cl hvit

Suomi espressokopp 10 cl hvit

Kr 119.80 Kr 599.00

Fågel krus 30 cl Jubilee

Fågel krus 30 cl Jubilee

Fågel krus 30 cl Jubilee

Kr 63.00 Kr 315.00

Caffé Latte krus 36 cl 2 stk svart

Caffé Latte krus 36 cl 2 stk svart

Caffé Latte krus 36 cl 2 stk svart

Kr 107.80 Kr 539.00

Fågel krus 50 cl Jubilee

Fågel krus 50 cl Jubilee

Fågel krus 50 cl Jubilee

Kr 75.00 Kr 375.00

Solare krus 30 cl stålgrå

Solare krus 30 cl stålgrå

Solare krus 30 cl stålgrå

Kr 57.80 Kr 289.00

Solare krus 30 cl hvit

Solare krus 30 cl hvit

Solare krus 30 cl hvit

Kr 57.80 Kr 289.00

Denim skål til kopp 15 cm

Denim skål til kopp 15 cm

Denim skål til kopp 15 cm

Kr 24.00 Kr 120.00

Angelina Platinum espressokopp

Angelina Platinum espressokopp

Kr 75.80 Kr 379.00

Wonderlust tekopp & asjett sapphire garden

Wonderlust tekopp & asjett sapphire garden

Wonderlust tekopp & asjett sapphire garden

Kr 196.00 Kr 980.00

Solan 60 år kopp 33 cl

Solan 60 år kopp 33 cl

Solan 60 år kopp 33 cl

Kr 39.80 Kr 199.00

Play krus 35 cl lilla/oliven

Play krus 35 cl lilla/oliven

Kr 65.80 Kr 329.00

Riflet Contrast krus 35 cl dahlia

Riflet Contrast krus 35 cl dahlia

Riflet Contrast krus 35 cl dahlia

Kr 85.80 Kr 429.00

Pura espressokopp 5 cl hvit

Pura espressokopp 5 cl hvit

Pura espressokopp 5 cl hvit

Kr 41.00 Kr 205.00

Play krus 35 cl prikket elfenben-oliven

Play krus 35 cl prikket elfenben-oliven

Play krus 35 cl prikket elfenben-oliven

Kr 65.80 Kr 329.00

Vera Wang Lace Gold tekopp & asjett

Vera Wang Lace Gold tekopp & asjett

Vera Wang Lace Gold tekopp & asjett

Kr 156.00 Kr 780.00

Teema krus 30 cl kirsebær

Teema krus 30 cl kirsebær

Teema krus 30 cl kirsebær

Kr 47.80 Kr 239.00

Strisce Salvia kopp 28 cl grønn

Strisce Salvia kopp 28 cl grønn

Kr 114.80 Kr 574.00

Swedish Grace Winter krus 30 cl

Swedish Grace Winter krus 30 cl

Swedish Grace Winter krus 30 cl

Kr 49.00 Kr 245.00

Plissé kopp 29 cl hvit

Plissé kopp 29 cl hvit

Plissé kopp 29 cl hvit

Kr 51.80 Kr 259.00

Mercato Della Frutta kopp 7 cl 4 stk multi

Mercato Della Frutta kopp 7 cl 4 stk multi

Mercato Della Frutta kopp 7 cl 4 stk multi

Kr 69.80 Kr 349.00

PANTONE kopp med hank 37,5 cl lys rosa

PANTONE kopp med hank 37,5 cl lys rosa

Kr 59.80 Kr 299.00

Gio tekopp & asjett 26 cl hvit

Gio tekopp & asjett 26 cl hvit

Gio tekopp & asjett 26 cl hvit

Kr 110.00 Kr 550.00

Julemorgen Story kopp 20 cl

Julemorgen Story kopp 20 cl

Julemorgen Story kopp 20 cl

Kr 69.80 Kr 349.00

Sunnuntai krus 35 cl

Sunnuntai krus 35 cl

Sunnuntai krus 35 cl

Kr 59.00 Kr 295.00

Voyage kopp 22 cl hvit/svart

Voyage kopp 22 cl hvit/svart

Voyage kopp 22 cl hvit/svart

Kr 59.80 Kr 299.00

Arctica krus 28 cl

Arctica krus 28 cl

Kr 39.00 Kr 195.00

Alveskog tekopp 40 cl

Alveskog tekopp 40 cl

Alveskog tekopp 40 cl

Kr 61.80 Kr 309.00

Bridgerton espressokopp 6 cl 6 stk med stativ blå/gull

Bridgerton espressokopp 6 cl 6 stk med stativ blå/gull

Bridgerton espressokopp 6 cl 6 stk med stativ blå/gull

Kr 139.80 Kr 699.00

Linen krus 35 cl

Linen krus 35 cl

Linen krus 35 cl

Kr 55.80 Kr 279.00

Origo krus med hank 40 cl oransje

Origo krus med hank 40 cl oransje

Kr 57.80 Kr 289.00

Pacific krus 28 cl 6 deler

Pacific krus 28 cl 6 deler

Kr 205.80 Kr 1,029.00

Swedish Grace krus 50 cl Jubilee

Swedish Grace krus 50 cl Jubilee

Kr 53.00 Kr 265.00

Wonderlust tekopp & asjett menagerie

Wonderlust tekopp & asjett menagerie

Wonderlust tekopp & asjett menagerie

Kr 196.00 Kr 980.00

Play krus 35 cl mint/lilla

Play krus 35 cl mint/lilla

Kr 65.80 Kr 329.00

Fleur soleil fat til kaffekopp 14,8 cm hvit/gul

Fleur soleil fat til kaffekopp 14,8 cm hvit/gul

Fleur soleil fat til kaffekopp 14,8 cm hvit/gul

Kr 34.00 Kr 170.00

Toy's Delight kaffekopp 18 cl

Toy's Delight kaffekopp 18 cl

Kr 47.80 Kr 239.00

Platinum kaffekopp 20 cm

Platinum kaffekopp 20 cm

Platinum kaffekopp 20 cm

Kr 75.80 Kr 379.00

Extreme kaffekopp 20 cl

Extreme kaffekopp 20 cl

Kr 83.80 Kr 419.00

24h krus 34 cl Piennar

24h krus 34 cl Piennar

Kr 53.00 Kr 265.00

Lungo krus 23 cl 2 stk grå

Lungo krus 23 cl 2 stk grå

Lungo krus 23 cl 2 stk grå

Kr 89.80 Kr 449.00

Taika krus 40 cl Sato gul

Taika krus 40 cl Sato gul

Kr 69.80 Kr 349.00

Teema krus 40 cl vintage blå

Teema krus 40 cl vintage blå

Teema krus 40 cl vintage blå

Kr 55.80 Kr 279.00

Fleur bleu kaffekopp 16 cl blå

Fleur bleu kaffekopp 16 cl blå

Fleur bleu kaffekopp 16 cl blå

Kr 39.80 Kr 199.00

Tokyo Origami kaffekopp 20 cl

Tokyo Origami kaffekopp 20 cl

Tokyo Origami kaffekopp 20 cl

Kr 51.80 Kr 259.00

Caffé Latte krus 36 cl 2 stk marmor grå

Caffé Latte krus 36 cl 2 stk marmor grå

Caffé Latte krus 36 cl 2 stk marmor grå

Kr 107.80 Kr 539.00

Musselmalt Riflet kopp 25 cl

Musselmalt Riflet kopp 25 cl

Musselmalt Riflet kopp 25 cl

Kr 299.80 Kr 1,499.00

Spring Awakening krus 39 cl flerfarget

Spring Awakening krus 39 cl flerfarget

Spring Awakening krus 39 cl flerfarget

Kr 59.80 Kr 299.00

Riflet Contrast krus 35 cl nordlys blå

Riflet Contrast krus 35 cl nordlys blå

Riflet Contrast krus 35 cl nordlys blå

Kr 85.80 Kr 429.00

Riflet Contrast Marmor krus 35 cl morgenhimmel

Riflet Contrast Marmor krus 35 cl morgenhimmel

Riflet Contrast Marmor krus 35 cl morgenhimmel

Kr 85.80 Kr 429.00

24h krus 0,34L Tuokio kobolt blå

24h krus 0,34L Tuokio kobolt blå

24h krus 0,34L Tuokio kobolt blå

Kr 55.00 Kr 275.00

Origo krus med dekor 25 cl oransje

Origo krus med dekor 25 cl oransje

Kr 53.80 Kr 269.00

Colourful Spring kaffekopp 23 cl

Colourful Spring kaffekopp 23 cl

Colourful Spring kaffekopp 23 cl

Kr 51.00 Kr 255.00

Teema krus 40 cl perlegrå

Teema krus 40 cl perlegrå

Kr 55.80 Kr 279.00

Sort Mega Riflet kopp m/hank 33 cl

Sort Mega Riflet kopp m/hank 33 cl

Sort Mega Riflet kopp m/hank 33 cl

Kr 205.80 Kr 1,029.00

Annual Easter 2027 årsutgave krus 39 cl

Annual Easter 2027 årsutgave krus 39 cl

Kr 71.80 Kr 359.00

24h krus 34 cl hvit

24h krus 34 cl hvit

24h krus 34 cl hvit

Kr 49.00 Kr 245.00

Fleur bleu fat til kaffekopp 14,8 cm blå

Fleur bleu fat til kaffekopp 14,8 cm blå

Fleur bleu fat til kaffekopp 14,8 cm blå

Kr 34.00 Kr 170.00

Taika kopp 30 cl hvit

Taika kopp 30 cl hvit

Kr 51.80 Kr 259.00

Lucia kopp med fat 15 cl hvit/rød/grønn

Lucia kopp med fat 15 cl hvit/rød/grønn

Lucia kopp med fat 15 cl hvit/rød/grønn

Kr 99.80 Kr 499.00

Swedish Grace krus 30 cl Jubilee

Swedish Grace krus 30 cl Jubilee

Kr 47.00 Kr 235.00

Sonetto kombikopp 30 cl gull

Sonetto kombikopp 30 cl gull

Kr 75.80 Kr 379.00

Rifet Contrast Marmor krus 35 cl havtåke

Rifet Contrast Marmor krus 35 cl havtåke

Rifet Contrast Marmor krus 35 cl havtåke

Kr 85.80 Kr 429.00

Junto café au lait-kopp 40 cl perlegrå

Junto café au lait-kopp 40 cl perlegrå

Kr 113.80 Kr 569.00

Fleur soleil cappuccinokopp 30 cl gul

Fleur soleil cappuccinokopp 30 cl gul

Fleur soleil cappuccinokopp 30 cl gul

Kr 49.80 Kr 249.00

Gio espressokopp & asjett hvit

Gio espressokopp & asjett hvit

Gio espressokopp & asjett hvit

Kr 110.00 Kr 550.00

Swedish Grace Gala krus 30 cl hvit

Swedish Grace Gala krus 30 cl hvit

Swedish Grace Gala krus 30 cl hvit

Kr 63.00 Kr 315.00

Taika krus 30 cl hvit

Taika krus 30 cl hvit

Kr 57.80 Kr 289.00

Sort Mega Riflet kopp med høy hank fat 24 cl

Sort Mega Riflet kopp med høy hank fat 24 cl

Sort Mega Riflet kopp med høy hank fat 24 cl

Kr 219.80 Kr 1,099.00

Stjerne Riflet Jul kopp 33 cl

Stjerne Riflet Jul kopp 33 cl

Stjerne Riflet Jul kopp 33 cl

Kr 179.80 Kr 899.00

1 ... 7 8 9 10 11 12 13 14 ... 23

Handlekurv