<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="{{empty_loading.png|public_asset_abs_dir_url}}"  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="{{empty_loading.png|public_asset_abs_dir_url}}"  />
            {%- 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" 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="{{empty_loading.png|public_asset_abs_dir_url}}"  />
            {% 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="{{empty_loading.png|public_asset_abs_dir_url}}" style="width: 40px;height: 40px;object-fit: contain;"/>
                      {% 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="{{empty_loading.png|public_asset_abs_dir_url}}"  />
              {%- 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 %}
						, {{lang.coupons.discount_rule_extra}}
						{% 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>

0

Home / Saint Laurent Bags

Saint Laurent Bags

Filter

Vendor

101 Products

Saint Laurent YSL LE5 À 7 Lined Handbag Small&Mini Shoulder Bag

Saint Laurent YSL LE5 À 7 Lined Handbag Small&Mini Shoulder Bag

Saint Laurent YSL LE5 À 7 Lined Handbag Small&Mini Shoulder Bag

$ 532.67 $ 130.21

Save $ 402.46

【Flash Sale】YSL denim bag collection

【Flash Sale】YSL denim bag collection

$ 499.00 $ 123.90

Save $ 375.10

YSL Suede Shopper Tote 31cm Spacious Travel Essential

YSL Suede Shopper Tote 31cm Spacious Travel Essential

YSL Suede Shopper Tote 31cm Spacious Travel Essential

$ 3,000.00 $ 188.00

Save $ 2,812.00

YSL Saint Laurent Gaby Vanity Shoulder Bag Crossbody Bag

YSL Saint Laurent Gaby Vanity Shoulder Bag Crossbody Bag

YSL Saint Laurent Gaby Vanity Shoulder Bag Crossbody Bag

$ 609.45 $ 148.97

Save $ 460.48

YSL Soft Structured Shoulder Bag

YSL Soft Structured Shoulder Bag

YSL Soft Structured Shoulder Bag

$ 999.00 $ 153.00

Save $ 846.00

Saint Laurent YSL Loulou Toy Mini 20 Shoulder Bag

Saint Laurent YSL Loulou Toy Mini 20 Shoulder Bag

Saint Laurent YSL Loulou Toy Mini 20 Shoulder Bag

$ 560.21 $ 136.94

Save $ 423.27

YSL Jamie Mini Chain Bag

YSL Jamie Mini Chain Bag

YSL Jamie Mini Chain Bag

$ 3,000.00 $ 188.00

Save $ 2,812.00

YSL Sunset V 24cm Quilted Leather Crossbody Bag

YSL Sunset V 24cm Quilted Leather Crossbody Bag

YSL Sunset V 24cm Quilted Leather Crossbody Bag

$ 3,000.00 $ 188.00

Save $ 2,812.00

YSL Hobo Suede Underarm Bag 21cm

YSL Hobo Suede Underarm Bag 21cm

YSL Hobo Suede Underarm Bag 21cm

$ 3,000.00 $ 171.00

Save $ 2,829.00

YSL LE5A7 Shoulder Bag

YSL LE5A7 Shoulder Bag

YSL LE5A7 Shoulder Bag

$ 3,000.00 $ 181.00

Save $ 2,819.00

YSL Chain Bag 19cm Edgy Style

YSL Chain Bag 19cm Edgy Style

YSL Chain Bag 19cm Edgy Style

$ 3,000.00 $ 188.00

Save $ 2,812.00

Saint Laurent YSL Caivar Zipper Long Wallet Purse

Saint Laurent YSL Caivar Zipper Long Wallet Purse

Saint Laurent YSL Caivar Zipper Long Wallet Purse

$ 376.52 $ 126.36

Save $ 250.16

YSL Saint Laurent CASSANDRA Bag Shoulder Bag Crossbody Bag

YSL Saint Laurent CASSANDRA Bag Shoulder Bag Crossbody Bag

YSL Saint Laurent CASSANDRA Bag Shoulder Bag Crossbody Bag

$ 813.60 $ 213.88

Save $ 599.72

YSL Saint Laurent Calypso Shoulder Bag Crossbody Bag

YSL Saint Laurent Calypso Shoulder Bag Crossbody Bag

YSL Saint Laurent Calypso Shoulder Bag Crossbody Bag

$ 642.87 $ 172.15

Save $ 470.72

Saint Laurent YSL Suede Envelope Bag

Saint Laurent YSL Suede Envelope Bag

Saint Laurent YSL Suede Envelope Bag

$ 186.26

YSL Baby Icare 43cm Lambskin Tote Le Cassandre Quilting Crossbody 10A

YSL Baby Icare 43cm Lambskin Tote Le Cassandre Quilting Crossbody 10A

YSL Baby Icare 43cm Lambskin Tote Le Cassandre Quilting Crossbody 10A

$ 3,000.00 $ 249.00

Save $ 2,751.00

SAINT LAURENT YSL New

SAINT LAURENT YSL New

SAINT LAURENT YSL New

$ 220.00 $ 185.09

Save $ 34.91

Saint Laurent YSL Icar Maxi Shopping Bag In Quilted Lambkin Shoulder Bag Handbag

Saint Laurent YSL Icar Maxi Shopping Bag In Quilted Lambkin Shoulder Bag Handbag

Saint Laurent YSL Icar Maxi Shopping Bag In Quilted Lambkin Shoulder Bag Handbag

$ 844.92 $ 206.54

Save $ 638.38

YSL Cassandra Mini Bag 20cm Rotating Y-Lock Chevron Grain

YSL Cassandra Mini Bag 20cm Rotating Y-Lock Chevron Grain

YSL Cassandra Mini Bag 20cm Rotating Y-Lock Chevron Grain

$ 3,000.00 $ 188.00

Save $ 2,812.00

YSL Sunset V 24cm Quilted Leather Crossbody Bag

YSL Sunset V 24cm Quilted Leather Crossbody Bag

YSL Sunset V 24cm Quilted Leather Crossbody Bag

$ 3,000.00 $ 188.00

Save $ 2,812.00

YSL Gaby 6102 Quilted Lambskin Double Zip Clutch

YSL Gaby 6102 Quilted Lambskin Double Zip Clutch

YSL Gaby 6102 Quilted Lambskin Double Zip Clutch

$ 999.00 $ 153.00

Save $ 846.00

YSL Nolita 16cm Lambskin Crossbody Bag

YSL Nolita 16cm Lambskin Crossbody Bag

YSL Nolita 16cm Lambskin Crossbody Bag

$ 3,000.00 $ 188.00

Save $ 2,812.00

Saint Laurent YSL Manhattan Large & Medium & Mini Shoulder Bag Handbag

Saint Laurent YSL Manhattan Large & Medium & Mini Shoulder Bag Handbag

Saint Laurent YSL Manhattan Large & Medium & Mini Shoulder Bag Handbag

$ 787.50 $ 192.50

Save $ 595.00

Saint Laurent YSL Sunset Shouder Bag

Saint Laurent YSL Sunset Shouder Bag

Saint Laurent YSL Sunset Shouder Bag

$ 615.29 $ 150.40

Save $ 464.89

YSL 8016 Textured Leather Shoulder Bag

YSL 8016 Textured Leather Shoulder Bag

YSL 8016 Textured Leather Shoulder Bag

$ 999.00 $ 167.70

Save $ 831.30

YSL Sunset 8856 Croc-Embossed Leather Top Handle Chain Bag

YSL Sunset 8856 Croc-Embossed Leather Top Handle Chain Bag

YSL Sunset 8856 Croc-Embossed Leather Top Handle Chain Bag

$ 999.00 $ 160.80

Save $ 838.20

Sait Laurent YSL Suede Camera Bag

Sait Laurent YSL Suede Camera Bag

Sait Laurent YSL Suede Camera Bag

$ 165.39

Saint Laurent YSL Straw Hand Shoulder Bag

Saint Laurent YSL Straw Hand Shoulder Bag

Saint Laurent YSL Straw Hand Shoulder Bag

$ 541.85 $ 147.45

Save $ 394.40

YSL Tote Bag 30cm Calfskin

YSL Tote Bag 30cm Calfskin

YSL Tote Bag 30cm Calfskin

$ 3,000.00 $ 188.00

Save $ 2,812.00

YSL Niki 25cm Crinkled Leather Crossbody Bag

YSL Niki 25cm Crinkled Leather Crossbody Bag

YSL Niki 25cm Crinkled Leather Crossbody Bag

$ 3,000.00 $ 188.00

Save $ 2,812.00

Saint Laurent YSL Envelope Shouder Bag Small Handbag

Saint Laurent YSL Envelope Shouder Bag Small Handbag

Saint Laurent YSL Envelope Shouder Bag Small Handbag

$ 460.32 $ 138.77

Save $ 321.55

YSL Sunset 22cm Patent Leather Shoulder Bag

YSL Sunset 22cm Patent Leather Shoulder Bag

YSL Sunset 22cm Patent Leather Shoulder Bag

$ 3,000.00 $ 189.00

Save $ 2,811.00

YSL Logo-Clasp Hobo Bucket Bag Soft Leather

$ 3,000.00 $ 188.00

Save $ 2,812.00

YSL Niki 28cm Crinkled Leather Crossbody Bag

YSL Niki 28cm Crinkled Leather Crossbody Bag

YSL Niki 28cm Crinkled Leather Crossbody Bag

$ 3,000.00 $ 188.00

Save $ 2,812.00

【Flash Sale】YSL Loulou Bag In Matelasse “Y” Leather

【Flash Sale】YSL Loulou Bag In Matelasse “Y” Leather

【Flash Sale】YSL Loulou Bag In Matelasse “Y” Leather

$ 499.00 $ 132.61

Save $ 366.39

Saint Laurent YSL Small Puffer Shoulder Bag 35cm 10A quality 577475-1

Saint Laurent YSL Small Puffer Shoulder Bag 35cm 10A quality 577475-1

Saint Laurent YSL Small Puffer Shoulder Bag 35cm 10A quality 577475-1

$ 1,930.50 $ 271.82

Save $ 1,658.68

Saint Laurent YSL Le 5 À 7 Bea suede tote bag

Saint Laurent YSL Le 5 À 7 Bea suede tote bag

Saint Laurent YSL Le 5 À 7 Bea suede tote bag

$ 715.50 $ 189.90

Save $ 525.60

Saint Laurent YSL Gold Logo Crossbody Shoulder Bag

$ 535.50 $ 145.90

Save $ 389.60

Saint Laurent YSL Caviar Leather Card bags

Saint Laurent YSL Caviar Leather Card bags

Saint Laurent YSL Caviar Leather Card bags

$ 247.95 $ 60.61

Save $ 187.34

SAINT LAURENT YSL vinyle

SAINT LAURENT YSL vinyle

SAINT LAURENT YSL vinyle

$ 183.00 $ 153.41

Save $ 29.59

YSL Sunset 5551 Smooth Calfskin Chain Crossbody Bag

YSL Sunset 5551 Smooth Calfskin Chain Crossbody Bag

YSL Sunset 5551 Smooth Calfskin Chain Crossbody Bag

$ 999.00 $ 153.00

Save $ 846.00

YSL Saint Laurent LE37 Mini Tote Bag Shoulder Bag Handbag

YSL Saint Laurent LE37 Mini Tote Bag Shoulder Bag Handbag

YSL Saint Laurent LE37 Mini Tote Bag Shoulder Bag Handbag

$ 592.65 $ 159.87

Save $ 432.78

YSL Large Hobo Bucket Bag 26cm

YSL Large Hobo Bucket Bag 26cm

YSL Large Hobo Bucket Bag 26cm

$ 3,000.00 $ 188.00

Save $ 2,812.00

YSL Niki 28cm Crinkled Leather Messenger Crossbody

YSL Niki 28cm Crinkled Leather Messenger Crossbody

YSL Niki 28cm Crinkled Leather Messenger Crossbody

$ 3,000.00 $ 188.00

Save $ 2,812.00

YSL Saint Laurent Le37 Tote Bag Shoulder Bag Handbag

YSL Saint Laurent Le37 Tote Bag Shoulder Bag Handbag

YSL Saint Laurent Le37 Tote Bag Shoulder Bag Handbag

$ 759.58 $ 200.68

Save $ 558.90

YSL Calypso Calfskin Chain Bag 26cm Elephant Grain 10A

YSL Calypso Calfskin Chain Bag 26cm Elephant Grain 10A

YSL Calypso Calfskin Chain Bag 26cm Elephant Grain 10A

$ 3,000.00 $ 249.00

Save $ 2,751.00

Saint Laurent YSL Kate Tassel Crocodile Leather Shoulder Bag

Saint Laurent YSL Kate Tassel Crocodile Leather Shoulder Bag

Saint Laurent YSL Kate Tassel Crocodile Leather Shoulder Bag

$ 532.67 $ 130.21

Save $ 402.46

YSL Suede Chain Bag 30cm Vintage

YSL Suede Chain Bag 30cm Vintage

YSL Suede Chain Bag 30cm Vintage

$ 3,000.00 $ 188.00

Save $ 2,812.00

YSL Nappa Leather Underarm Bag

YSL Nappa Leather Underarm Bag

YSL Nappa Leather Underarm Bag

$ 3,000.00 $ 163.00

Save $ 2,837.00

SAINT LAURENT YSL LouLou Medium 32- Quilted Leather Shoulder Bag

SAINT LAURENT YSL LouLou Medium 32- Quilted Leather Shoulder Bag

SAINT LAURENT YSL LouLou Medium 32- Quilted Leather Shoulder Bag

$ 589.51 $ 144.10

Save $ 445.41

YSL Sunset 22cm Structured Leather Bag

YSL Sunset 22cm Structured Leather Bag

YSL Sunset 22cm Structured Leather Bag

$ 3,000.00 $ 157.00

Save $ 2,843.00

Saint Laurent YSL Rive Gauche Canvas Tote bag Handbag

Saint Laurent YSL Rive Gauche Canvas Tote bag Handbag

Saint Laurent YSL Rive Gauche Canvas Tote bag Handbag

$ 508.75 $ 151.78

Save $ 356.97

YSL Jamie Large Pochon Tote Bag 34cm 10A

YSL Jamie Large Pochon Tote Bag 34cm 10A

YSL Jamie Large Pochon Tote Bag 34cm 10A

$ 3,000.00 $ 249.00

Save $ 2,751.00

YSL Shopper Tote Bag 37cm Luxury Calfskin

YSL Shopper Tote Bag 37cm Luxury Calfskin

YSL Shopper Tote Bag 37cm Luxury Calfskin

$ 3,000.00 $ 178.00

Save $ 2,822.00

YSL Solferino 11cm Phone Case Crossbody Bag

YSL Solferino 11cm Phone Case Crossbody Bag

YSL Solferino 11cm Phone Case Crossbody Bag

$ 3,000.00 $ 167.00

Save $ 2,833.00

YSL Sunset V 24cm Quilted Leather Crossbody

YSL Sunset V 24cm Quilted Leather Crossbody

YSL Sunset V 24cm Quilted Leather Crossbody

$ 3,000.00 $ 188.00

Save $ 2,812.00

YSL Cassandra 20cm Messenger Bag

YSL Cassandra 20cm Messenger Bag

YSL Cassandra 20cm Messenger Bag

$ 3,000.00 $ 188.00

Save $ 2,812.00

YSL Bea Suede Hobo Tote 30cm Detachable Straps Laptop Compartment

YSL Bea Suede Hobo Tote 30cm Detachable Straps Laptop Compartment

YSL Bea Suede Hobo Tote 30cm Detachable Straps Laptop Compartment

$ 3,000.00 $ 189.00

Save $ 2,811.00

YSL LE 5 À 7 Alligator-Embossed Hobo Bag

YSL LE 5 À 7 Alligator-Embossed Hobo Bag

YSL LE 5 À 7 Alligator-Embossed Hobo Bag

$ 3,000.00 $ 185.00

Save $ 2,815.00

YSL Manhattan Box Bag Calfskin Leather Professional Tote

YSL Manhattan Box Bag Calfskin Leather Professional Tote

YSL Manhattan Box Bag Calfskin Leather Professional Tote

$ 3,000.00 $ 222.00

Save $ 2,778.00

YSL ICARE Raffia Tote Bag 2025-1

YSL ICARE Raffia Tote Bag 2025-1

YSL ICARE Raffia Tote Bag 2025-1

$ 3,000.00 $ 188.00

Save $ 2,812.00

YSL Baby Icare 26cm Quilted Lambskin Bag Le Cassandre Embroidery

YSL Baby Icare 26cm Quilted Lambskin Bag Le Cassandre Embroidery

YSL Baby Icare 26cm Quilted Lambskin Bag Le Cassandre Embroidery

$ 3,000.00 $ 167.00

Save $ 2,833.00

Saint Laurent YSL Niki Chain Wallet Shouder Bag

Saint Laurent YSL Niki Chain Wallet Shouder Bag

Saint Laurent YSL Niki Chain Wallet Shouder Bag

$ 523.49 $ 155.76

Save $ 367.73

YSL Suede Chain Bucket Bag 39cm Vintage Elegance Spacious Interior

YSL Suede Chain Bucket Bag 39cm Vintage Elegance Spacious Interior

YSL Suede Chain Bucket Bag 39cm Vintage Elegance Spacious Interior

$ 3,000.00 $ 188.00

Save $ 2,812.00

Saint Laurent YSL Cassandra Shoulder Bag Mini

Saint Laurent YSL Cassandra Shoulder Bag Mini

Saint Laurent YSL Cassandra Shoulder Bag Mini

$ 516.82 $ 153.96

Save $ 362.86

YSL Saint Laurent hobo patent leather underarm bag

YSL Saint Laurent hobo patent leather underarm bag

YSL Saint Laurent hobo patent leather underarm bag

$ 621.00 $ 166.80

Save $ 454.20

YSL Messenger Bag 36cm Chain Strap Retro Color 10A

YSL Messenger Bag 36cm Chain Strap Retro Color 10A

YSL Messenger Bag 36cm Chain Strap Retro Color 10A

$ 3,000.00 $ 215.00

Save $ 2,785.00

Saint Laurent YSL Solferino Box Bag

Saint Laurent YSL Solferino Box Bag

Saint Laurent YSL Solferino Box Bag

$ 231.00 $ 193.30

Save $ 37.70

YSL 8805 Soft Lambskin Jewelry Hardware Tote

YSL 8805 Soft Lambskin Jewelry Hardware Tote

YSL 8805 Soft Lambskin Jewelry Hardware Tote

$ 999.00 $ 160.80

Save $ 838.20

YSL Saint Laurent Bucket Shoulder Bag Crossbody Bag

YSL Saint Laurent Bucket Shoulder Bag Crossbody Bag

YSL Saint Laurent Bucket Shoulder Bag Crossbody Bag

$ 693.09 $ 184.42

Save $ 508.67

YSL Suede Tote Bag 32cm Ultra-Soft Microfiber

YSL Suede Tote Bag 32cm Ultra-Soft Microfiber

YSL Suede Tote Bag 32cm Ultra-Soft Microfiber

$ 3,000.00 $ 188.00

Save $ 2,812.00

Saint Laurent YSL Kate Splicing leather Shouder Bag

Saint Laurent YSL Kate Splicing leather Shouder Bag

Saint Laurent YSL Kate Splicing leather Shouder Bag

$ 193.00 $ 160.45

Save $ 32.55

Saint Laurent YSL Camera lunchbox bag

Saint Laurent YSL Camera lunchbox bag

Saint Laurent YSL Camera lunchbox bag

$ 266.00 $ 197.99

Save $ 68.01

Saint Laurent YSL Hobo Rose Shoulder Bag Handbag

Saint Laurent YSL Hobo Rose Shoulder Bag Handbag

Saint Laurent YSL Hobo Rose Shoulder Bag Handbag

$ 697.95 $ 185.61

Save $ 512.34

Saint Laurent YSL Le 5 à 7 Tote hobo Supple large in suede

Saint Laurent YSL Le 5 à 7 Tote hobo Supple large in suede

Saint Laurent YSL Le 5 à 7 Tote hobo Supple large in suede

$ 895.50 $ 218.90

Save $ 676.60

YSL Saint Laurent Tote Shoulder Bag Handbag

YSL Saint Laurent Tote Shoulder Bag Handbag

YSL Saint Laurent Tote Shoulder Bag Handbag

$ 723.20 $ 191.78

Save $ 531.42

YSL Black Tote Bag 30cm

YSL Black Tote Bag 30cm

YSL Black Tote Bag 30cm

$ 3,000.00 $ 185.00

Save $ 2,815.00

【Flash Sale】YSL Crossbody Shoulder Bags

【Flash Sale】YSL Crossbody Shoulder Bags

【Flash Sale】YSL Crossbody Shoulder Bags

$ 499.00 $ 123.90

Save $ 375.10

YSL Saint Laurent LouLou Bag Shoulder Bag Crossbody Bag

YSL Saint Laurent LouLou Bag Shoulder Bag Crossbody Bag

YSL Saint Laurent LouLou Bag Shoulder Bag Crossbody Bag

$ 994.41 $ 243.08

Save $ 751.33

SAINT LAURENT YSL Envelope Shouder Bag Large

SAINT LAURENT YSL Envelope Shouder Bag Large

SAINT LAURENT YSL Envelope Shouder Bag Large

$ 500.68 $ 134.63

Save $ 366.05

1 2

Shopping Cart