<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_{{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="{{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>

CLEARANCE | UP TO 80% OFF. 30-DAY RETURNS.

Home / Wrangler 24 Hour Clearance Sale

Wrangler 24 Hour Clearance Sale

Filter

Sort by

1301 Products

Sort by

Women's Wrangler Bold Bucking Cowboy Western Snap Shirt in Scattered Rodeo Brown

Women's Wrangler Bold Bucking Cowboy Western Snap Shirt in Scattered Rodeo Brown

79% OFF

Women's Wrangler Bold Bucking Cowboy Western Snap Shirt in Scattered Rodeo Brown

$ 10.00 $ 49.99

Women's Western Unlined Denim Jacket in Dark Denim

Women's Western Unlined Denim Jacket in Dark Denim

79% OFF

Women's Western Unlined Denim Jacket in Dark Denim

$ 14.00 $ 69.99

Wrangler x Lainey Wilson Harlequin Western Snap Shirt in Harlequin

Wrangler x Lainey Wilson Harlequin Western Snap Shirt in Harlequin

79% OFF

Wrangler x Lainey Wilson Harlequin Western Snap Shirt in Harlequin

$ 14.00 $ 69.99

Southwest Print Mini Tote:Turquoise:One Size

Southwest Print Mini Tote:Turquoise:One Size

79% OFF

Southwest Print Mini Tote:Turquoise:One Size

$ 12.00 $ 59.99

79% OFF

Womens Retro Logo Arm Pullover Hoodie in Rust

$ 10.00 $ 49.99

Women's Denim Culotte in Shimmerstone

Women's Denim Culotte in Shimmerstone

79% OFF

Women's Denim Culotte in Shimmerstone

$ 20.00 $ 99.99

Wrangler Original Perfume:Bronze:One Size

Wrangler Original Perfume:Bronze:One Size

79% OFF

Wrangler Original Perfume:Bronze:One Size

$ 10.00 $ 49.99

Stone Heart Pendant Necklace Earring Bracelet Set:Turquoise:One Size

Stone Heart Pendant Necklace Earring Bracelet Set:Turquoise:One Size

79% OFF

Stone Heart Pendant Necklace Earring Bracelet Set:Turquoise:One Size

$ 10.00 $ 49.99

Slouchy Hobo Bag:Burgundy:One Size

Slouchy Hobo Bag:Burgundy:One Size

79% OFF

Slouchy Hobo Bag:Burgundy:One Size

$ 12.00 $ 59.99

Women's Femme Peplum Shirt in Light Hand

Women's Femme Peplum Shirt in Light Hand

79% OFF

Women's Femme Peplum Shirt in Light Hand

$ 20.00 $ 99.99

Women's Acid Wash Graphic Oversized Tee in Roan Rouge

Women's Acid Wash Graphic Oversized Tee in Roan Rouge

79% OFF

Women's Acid Wash Graphic Oversized Tee in Roan Rouge

$ 7.00 $ 34.99

Womens Cow Print Trucker Hat:Black:One Size

Womens Cow Print Trucker Hat:Black:One Size

79% OFF

Womens Cow Print Trucker Hat:Black:One Size

$ 6.00 $ 29.99

Cow Print Mini Cross Body:Brown:One Size

Cow Print Mini Cross Body:Brown:One Size

79% OFF

Cow Print Mini Cross Body:Brown:One Size

$ 8.00 $ 39.99

Zig Zag Print Wide Tote:Brown:One Size:

Zig Zag Print Wide Tote:Brown:One Size:

79% OFF

Zig Zag Print Wide Tote:Brown:One Size:

$ 14.00 $ 69.99

Women's Horse Bit Buckle Belt in Cognac

Women's Horse Bit Buckle Belt in Cognac

79% OFF

Women's Horse Bit Buckle Belt in Cognac

$ 5.40 $ 26.99

Wrangler® Western Sherpa Lined Denim Jacket in Denim

Wrangler® Western Sherpa Lined Denim Jacket in Denim

79% OFF

Wrangler® Western Sherpa Lined Denim Jacket in Denim

$ 18.00 $ 89.99

Men's Wrangler ATG™ Color Block Mock Neck Jacket in Grey/Black

Men's Wrangler ATG™ Color Block Mock Neck Jacket in Grey/Black

79% OFF

Men's Wrangler ATG™ Color Block Mock Neck Jacket in Grey/Black

$ 10.00 $ 49.99

Men's Wrangler® Heavyweight Quarter-Zip Sherpa Pullover in Vintage Indigo

Men's Wrangler® Heavyweight Quarter-Zip Sherpa Pullover in Vintage Indigo

79% OFF

Men's Wrangler® Heavyweight Quarter-Zip Sherpa Pullover in Vintage Indigo

$ 12.00 $ 59.99

Southwestern Print Small Tote:Black:One Size:

Southwestern Print Small Tote:Black:One Size:

79% OFF

Southwestern Print Small Tote:Black:One Size:

$ 12.00 $ 59.99

Womens Cow Festive Crew Socks Box Set 3 Pack:Black/White:One Size

Womens Cow Festive Crew Socks Box Set 3 Pack:Black/White:One Size

79% OFF

Womens Cow Festive Crew Socks Box Set 3 Pack:Black/White:One Size

$ 6.00 $ 29.99

Brushpopper Stripe Backpack:Hot Pink:One Size

Brushpopper Stripe Backpack:Hot Pink:One Size

79% OFF

Brushpopper Stripe Backpack:Hot Pink:One Size

$ 14.00 $ 69.99

Zig Zag Print Cross Body:Grey:One Size:

Zig Zag Print Cross Body:Grey:One Size:

79% OFF

Zig Zag Print Cross Body:Grey:One Size:

$ 10.00 $ 49.99

Wrangler x Coors Reworked Short in Golden Blue

Wrangler x Coors Reworked Short in Golden Blue

79% OFF

Wrangler x Coors Reworked Short in Golden Blue

$ 14.00 $ 69.99

Animal Print Small Tote:Brown:One Size

Animal Print Small Tote:Brown:One Size

79% OFF

Animal Print Small Tote:Brown:One Size

$ 12.00 $ 59.99

Women's Wrangler Pieced Denim Vintage Fit Snap Shirt in Denim

Women's Wrangler Pieced Denim Vintage Fit Snap Shirt in Denim

79% OFF

Women's Wrangler Pieced Denim Vintage Fit Snap Shirt in Denim

$ 13.00 $ 64.99

Beaded Sun Charm Circle Earrings:Khaki:One Size

Beaded Sun Charm Circle Earrings:Khaki:One Size

79% OFF

Beaded Sun Charm Circle Earrings:Khaki:One Size

$ 5.00 $ 24.99

Women's Ruffle Accent Maxi Dress in Brown

Women's Ruffle Accent Maxi Dress in Brown

79% OFF

Women's Ruffle Accent Maxi Dress in Brown

$ 14.00 $ 69.99

Wrangler® x Yellow Rose by Kendra Scott Rodeo Shirt in Mole Black

Wrangler® x Yellow Rose by Kendra Scott Rodeo Shirt in Mole Black

79% OFF

Wrangler® x Yellow Rose by Kendra Scott Rodeo Shirt in Mole Black

$ 22.00 $ 109.99

Women's Wrangler Wild West Crew Sweatshirt in Blue

Women's Wrangler Wild West Crew Sweatshirt in Blue

79% OFF

Women's Wrangler Wild West Crew Sweatshirt in Blue

$ 12.00 $ 59.99

Southwest Cross Body Bucket Bag:Dark Pink:One Size:

Southwest Cross Body Bucket Bag:Dark Pink:One Size:

79% OFF

Southwest Cross Body Bucket Bag:Dark Pink:One Size:

$ 10.00 $ 49.99

Women's Southwest Embroidered Belt in Multi

Women's Southwest Embroidered Belt in Multi

79% OFF

Women's Southwest Embroidered Belt in Multi

$ 15.00 $ 74.99

Women's Wrangler Embellished Denim Sleeveless Snap Shirt in Mid Denim

Women's Wrangler Embellished Denim Sleeveless Snap Shirt in Mid Denim

79% OFF

Women's Wrangler Embellished Denim Sleeveless Snap Shirt in Mid Denim

$ 9.00 $ 44.99

Women's Checotah Classic Western Snap Shirt in Bold Blue

Women's Checotah Classic Western Snap Shirt in Bold Blue

79% OFF

Women's Checotah Classic Western Snap Shirt in Bold Blue

$ 8.00 $ 39.99

Women's Wrangler Western Snap Slim Blouse in Green

Women's Wrangler Western Snap Slim Blouse in Green

79% OFF

Women's Wrangler Western Snap Slim Blouse in Green

$ 10.00 $ 49.99

Southwestern Print Backpack:Turquoise:One Size

Southwestern Print Backpack:Turquoise:One Size

79% OFF

Southwestern Print Backpack:Turquoise:One Size

$ 14.00 $ 69.99

Women's Wrangler Soutache Horse Crew Sweatshirt in White

Women's Wrangler Soutache Horse Crew Sweatshirt in White

79% OFF

Women's Wrangler Soutache Horse Crew Sweatshirt in White

$ 11.00 $ 54.99

Women's Wrangler Retro® Half-Snap Collared Pullover in Pink

Women's Wrangler Retro® Half-Snap Collared Pullover in Pink

79% OFF

Women's Wrangler Retro® Half-Snap Collared Pullover in Pink

$ 10.00 $ 49.99

Women's Wrangler Country Toile Western Slim Snap Shirt in White

Women's Wrangler Country Toile Western Slim Snap Shirt in White

79% OFF

Women's Wrangler Country Toile Western Slim Snap Shirt in White

$ 10.00 $ 49.99

Wrangler x Stranger Things Nancy Jacket in Classic Blue

Wrangler x Stranger Things Nancy Jacket in Classic Blue

79% OFF

Wrangler x Stranger Things Nancy Jacket in Classic Blue

$ 18.00 $ 89.99

Heart Pendant Beaded Necklace Earring Set:Turquoise:One Size

Heart Pendant Beaded Necklace Earring Set:Turquoise:One Size

79% OFF

Heart Pendant Beaded Necklace Earring Set:Turquoise:One Size

$ 8.00 $ 39.99

Womens Rodeo Print Duffle Bag:Tan:One Size

Womens Rodeo Print Duffle Bag:Tan:One Size

79% OFF

Womens Rodeo Print Duffle Bag:Tan:One Size

$ 15.00 $ 74.99

Women's Wrangler Country Toile Denim Relaxed Fit Jacket in White

Women's Wrangler Country Toile Denim Relaxed Fit Jacket in White

79% OFF

Women's Wrangler Country Toile Denim Relaxed Fit Jacket in White

$ 15.00 $ 74.99

Southwestern Print Tote Bag:Khaki:One Size:

Southwestern Print Tote Bag:Khaki:One Size:

79% OFF

Southwestern Print Tote Bag:Khaki:One Size:

$ 12.00 $ 59.99

Women's Turquoise Floral Cutout Belt in Tan

Women's Turquoise Floral Cutout Belt in Tan

79% OFF

Women's Turquoise Floral Cutout Belt in Tan

$ 6.00 $ 29.99

Tapestry Belt Bag:Brown:One Size

Tapestry Belt Bag:Brown:One Size

79% OFF

Tapestry Belt Bag:Brown:One Size

$ 8.00 $ 39.99

Women's Low Rise Baggy Jean in Stormy Indigo

Women's Low Rise Baggy Jean in Stormy Indigo

79% OFF

Women's Low Rise Baggy Jean in Stormy Indigo

$ 14.00 $ 69.99

Women's Wrangler Graphic Crew Sweatshirt in Brown Desert

Women's Wrangler Graphic Crew Sweatshirt in Brown Desert

79% OFF

Women's Wrangler Graphic Crew Sweatshirt in Brown Desert

$ 8.00 $ 39.99

Women's Wrangler Gauzy Knit Sweater in White

Women's Wrangler Gauzy Knit Sweater in White

79% OFF

Women's Wrangler Gauzy Knit Sweater in White

$ 14.00 $ 69.99

Animal Print Leather Trim Tote:Black:One Size

Animal Print Leather Trim Tote:Black:One Size

79% OFF

Animal Print Leather Trim Tote:Black:One Size

$ 12.00 $ 59.99

Zig Zag Print Wallet Card Set:Brown:One Size:

Zig Zag Print Wallet Card Set:Brown:One Size:

79% OFF

Zig Zag Print Wallet Card Set:Brown:One Size:

$ 6.00 $ 29.99

Camo Print Small Tote:Camo:One Size

Camo Print Small Tote:Camo:One Size

79% OFF

Camo Print Small Tote:Camo:One Size

$ 12.00 $ 59.99

Camo Print Satchel:Pink:One Size

Camo Print Satchel:Pink:One Size

79% OFF

Camo Print Satchel:Pink:One Size

$ 14.00 $ 69.99

Rodeo Print Backpack:Tan:One Size

Rodeo Print Backpack:Tan:One Size

79% OFF

Rodeo Print Backpack:Tan:One Size

$ 14.00 $ 69.99

Womens Americana Crew Socks Box Set 3 Pack:Americana:One Size

Womens Americana Crew Socks Box Set 3 Pack:Americana:One Size

79% OFF

Womens Americana Crew Socks Box Set 3 Pack:Americana:One Size

$ 6.00 $ 29.99

Wrangler x Kendra Scott Laurel Earrings:Turquoise Magnesite:One Size

84% OFF

Wrangler x Kendra Scott Laurel Earrings:Turquoise Magnesite:One Size

$ 22.90 $ 149.99

Stone Pendant Necklace Earring Bracelet Set:Beige:One Size

Stone Pendant Necklace Earring Bracelet Set:Beige:One Size

79% OFF

Stone Pendant Necklace Earring Bracelet Set:Beige:One Size

$ 10.00 $ 49.99

Cow Print Bucket Bag:Black:One Size

Cow Print Bucket Bag:Black:One Size

79% OFF

Cow Print Bucket Bag:Black:One Size

$ 12.00 $ 59.99

Wrangler Original Cologne:Bronze:One Size

Wrangler Original Cologne:Bronze:One Size

79% OFF

Wrangler Original Cologne:Bronze:One Size

$ 10.00 $ 49.99

79% OFF

Women's Wrangler Logo Fuzzy Zip Jacket in Teddy Brown

$ 19.00 $ 94.99

Women's Wrangler Retro® Quarter-Zip Sherpa Pullover in Brown Geo

Women's Wrangler Retro® Quarter-Zip Sherpa Pullover in Brown Geo

79% OFF

Women's Wrangler Retro® Quarter-Zip Sherpa Pullover in Brown Geo

$ 10.00 $ 49.99

Wrangler + STAUD The Minimal Jacket in Black

Wrangler + STAUD The Minimal Jacket in Black

90% OFF

Wrangler + STAUD The Minimal Jacket in Black

$ 26.80 $ 294.99

Women's Wrangler Retro® Sherpa Lined Western Denim Jacket in Denim

Women's Wrangler Retro® Sherpa Lined Western Denim Jacket in Denim

79% OFF

Women's Wrangler Retro® Sherpa Lined Western Denim Jacket in Denim

$ 20.00 $ 99.99

Women's Brushpopper Pajama Set in Primary Red

Women's Brushpopper Pajama Set in Primary Red

79% OFF

Women's Brushpopper Pajama Set in Primary Red

$ 7.00 $ 34.99

Wrangler x Lainey Wilson The Iconic Lainey Coat in Washed Black

Wrangler x Lainey Wilson The Iconic Lainey Coat in Washed Black

88% OFF

Wrangler x Lainey Wilson The Iconic Lainey Coat in Washed Black

$ 26.80 $ 224.99

Wrangler® Blues Relaxed Fit Jean in Antique Indigo

Wrangler® Blues Relaxed Fit Jean in Antique Indigo

79% OFF

Wrangler® Blues Relaxed Fit Jean in Antique Indigo

$ 8.00 $ 39.99

Wrangler x Stranger Things Eleven Hoodie in Strange Blue

Wrangler x Stranger Things Eleven Hoodie in Strange Blue

79% OFF

Wrangler x Stranger Things Eleven Hoodie in Strange Blue

$ 14.00 $ 69.99

Wrangler + STAUD The Everyday Jean in Indigo

Wrangler + STAUD The Everyday Jean in Indigo

88% OFF

Wrangler + STAUD The Everyday Jean in Indigo

$ 22.90 $ 194.99

Cow Print Wallet:Brown:One Size

Cow Print Wallet:Brown:One Size

79% OFF

Cow Print Wallet:Brown:One Size

$ 5.00 $ 24.99

Women's Wrangler Quilt Lined Jacquard Shacket in Pale Green

Women's Wrangler Quilt Lined Jacquard Shacket in Pale Green

79% OFF

Women's Wrangler Quilt Lined Jacquard Shacket in Pale Green

$ 23.00 $ 114.99

Wrangler® x Yellow Rose by Kendra Scott Bootcut Jean in Medium Wash

Wrangler® x Yellow Rose by Kendra Scott Bootcut Jean in Medium Wash

79% OFF

Wrangler® x Yellow Rose by Kendra Scott Bootcut Jean in Medium Wash

$ 20.00 $ 99.99

Women's Loose Straight Jean in Austin

Women's Loose Straight Jean in Austin

79% OFF

Women's Loose Straight Jean in Austin

$ 12.00 $ 59.99

Wrangler x Lainey Wilson Striped Flare Jeans in Yarn Dye Blue

Wrangler x Lainey Wilson Striped Flare Jeans in Yarn Dye Blue

79% OFF

Wrangler x Lainey Wilson Striped Flare Jeans in Yarn Dye Blue

$ 20.00 $ 99.99

Women's Wrangler® Ultimate Riding Jean Q-Baby in Tuff Buck

Women's Wrangler® Ultimate Riding Jean Q-Baby in Tuff Buck

79% OFF

Women's Wrangler® Ultimate Riding Jean Q-Baby in Tuff Buck

$ 15.00 $ 74.99

Women's Wrangler Allover Bandana Print Tank in Red

Women's Wrangler Allover Bandana Print Tank in Red

79% OFF

Women's Wrangler Allover Bandana Print Tank in Red

$ 7.00 $ 34.99

Mini Backpack with Cow Trim:Black:One Size

Mini Backpack with Cow Trim:Black:One Size

79% OFF

Mini Backpack with Cow Trim:Black:One Size

$ 10.00 $ 49.99

Beaded Necklace with Drop Earring Set:Turquoise:One Size

Beaded Necklace with Drop Earring Set:Turquoise:One Size

79% OFF

Beaded Necklace with Drop Earring Set:Turquoise:One Size

$ 8.00 $ 39.99

Aloha Cowboy Print Backpack:Tan:One Size:

Aloha Cowboy Print Backpack:Tan:One Size:

79% OFF

Aloha Cowboy Print Backpack:Tan:One Size:

$ 14.00 $ 69.99

Women's Floral Western Snap Dress in Black

Women's Floral Western Snap Dress in Black

79% OFF

Women's Floral Western Snap Dress in Black

$ 10.00 $ 49.99

Wrgr x STATE Racer Check Rodgers Lunch Box:Checkered Board:One Size:

Wrgr x STATE Racer Check Rodgers Lunch Box:Checkered Board:One Size:

79% OFF

Wrgr x STATE Racer Check Rodgers Lunch Box:Checkered Board:One Size:

$ 10.00 $ 49.99

Wrangler® Women's RIGGS Workwear® Technical Multiseason Work Pant in Kangaroo

Wrangler® Women's RIGGS Workwear® Technical Multiseason Work Pant in Kangaroo

79% OFF

Wrangler® Women's RIGGS Workwear® Technical Multiseason Work Pant in Kangaroo

$ 11.00 $ 54.99

1 2 3 4 5 ... 17

Shopping Cart