<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="/skins/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541052711"  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="/skins/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541052711"  />
            {%- 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="/skins/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541052711"  />
            {% 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="/skins/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541052711" 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="/skins/default/empty_loading.png?v=51ba92483a4282450a82bd1e58a7b541052711"  />
              {%- 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>

Limited Time: UP TO 80% OFF – Free Shipping Over CA$100

Automotive
- Automotive
- ATVs Snowmobiles Motorcycles Parts & Accessories
  - ATVs Snowmobiles Motorcycles Parts & Accessories
  - ATV & UTV Parts & Accessories
  - Motorcycle Parts & Accessories
  - Snowmobile Parts & Accessories
- Audio & Electronics
  - Audio & Electronics
  - 12V Car Chargers & Plug In Accessories
  - Auto GPS
  - Cameras
  - Car Audio
  - Key Fobs & Car Starters
- Auto Body Repair Paints & Accessories
  - Auto Body Repair Paints & Accessories
  - Adhesives & Sealants
  - Auto Body Protectants
  - Auto Body Repair
  - Auto Weatherstripping
  - Automotive Paint
- Auto Parts
- Auto Tools
- Batteries Maintenance & Accessories
  - Batteries Maintenance & Accessories
  - Battery Chargers Booster Packs & Power Inverters
  - Booster Cables
  - Car & Truck Batteries
  - Golf Cart Batteries
  - Heavy Duty Commercial Batteries
  - Lawn & Garden Batteries
  - Marine Batteries
  - Power Sports Batteries
  - RV Batteries
  - Sealed Lead Acid (SLA Batteries)
  - Solar & Deep Cycle Batteries
  - Wheelchair & Mobility Batteries
- Car Cleaning
- Car Safety & Security
  - Car Safety & Security
  - Block Heater Extension Cords
  - Car Security & Locks
  - Safety Kits & Accessories
- Carports & Portable Shelters
  - Carports & Portable Shelters
  - Carport Replacement Covers & Accessories
  - Carports & Shelters
- Exterior Accessories
  - Exterior Accessories
  - Blind Spot Mirrors
  - Car Covers
  - Decals & Stickers
  - Electric Winches & Accessories
  - Exterior Dress Up Accessories
  - License Plate Frames & Accessories
  - Mirrors
  - Roof Racks Carriers & Cargo Management
  - Splash & Mud Flaps
  - Vent Visors & Deflectors
- Interior Accessories
  - Interior Accessories
  - Car Air Fresheners
  - Car Warmers
  - Car Window Shades & Visors
  - Car Window Tint
  - Floor Mats & Liners
  - Interior Car Mirrors
  - Interior Car Organizers
  - Interior Dress Up Accessories
  - Keychains
  - Seat Covers & Cushions
  - Steering Wheel Covers
- Oils Fluids Additives & Chemicals
  - Oils Fluids Additives & Chemicals
  - Antifreeze & Coolant System Additives & Chemicals
  - Brake & Power Steering Fluids & Additives
  - Diesel Oil DEF & Fuel Additives
  - Engine Oils & Additives
  - Fuel System Additives & Cleaners
  - Grease Gear Oils & Lubricants
  - Stop Leaks
  - Transmission Fluids & Additives
  - Windshield Washer Fluids
- RV Parts & Accessories
  - RV Parts & Accessories
  - RV Covers
  - RV Exterior
  - RV Fresh Water Accessories
  - RV Interior
  - RV Leveling & Stabilization
  - RV Plumbing & Sanitation
  - RV Replacement Parts & Maintenance
- Tires & Wheels
  - Tires & Wheels
  - Tire & Wheel Accessories
  - Tire & Wheel Repair
  - Tires
  - Wheels
- Trailers & Towing Accessories
  - Trailers & Towing Accessories
  - ATV & UTV & Utility Trailers
  - Hitches Hitch Balls & Mounts
  - Towing Accessories
  - Towing Mirrors
  - Towing Security & Trailer Locks
  - Trailer Lights & Reflectors
  - Trailer Parts Tires & Wheels
  - Trailer Winches Jacks & Couplers
  - Trailer Wires Connectors & Adapters
- Truck Accessories
  - Truck Accessories
  - Cargo Management
  - Exterior Truck Protectors Covers & Liners
  - Jeep Accessories
  - Performance Truck Parts
  - Running Boards & Steps
  - Snow Plows & Accessories
  - Suspension
  - Tonneau Covers
  - Truck Lights
Home & Pets
- Home & Pets
- Appliances
- Baby & Toddler
  - Baby & Toddler
  - Baby Clothing
  - Baby Proofing & Home Safety
  - Baby Toys & Activities
  - Car Seats & Accessories
  - Diapering Potty & Bath
  - Feeding Essentials
  - Health & Grooming
  - Strollers & Travel
- Beauty Health & Wellness
  - Beauty Health & Wellness
  - Bath Body & Skin Care
  - Hair Care
  - Health Care Devices & Accessibility Equipment
  - Oral Care
  - Shavers Trimmers & Hair Removal
  - Spa Massage & Aromatherapy
- Bed & Bath
- Furniture & Décor
  - Furniture & Décor
  - Area Rugs & Flooring
  - Baby & Kids Furniture
  - Bedroom Furniture
  - Décor
  - Entryway Furniture
  - Kitchen & Dining Room Furniture
  - Living Room Furniture
  - Office Furniture
  - Window Treatments
- Heating Cooling & Air Quality
  - Heating Cooling & Air Quality
  - Air Conditioners & Fans
  - Air Purifiers & Filters
  - Controls & Accessories
  - Dehumidifiers
  - Fireplaces & Stoves
  - Furnace Filters
  - Heaters
  - Home Ventilation
  - Humidifiers & Accessories
- Home Electronics
- Home Safety & Security
  - Home Safety & Security
  - Carbon Monoxide Detectors
  - Fire Extinguishers
  - First Aid
  - Flashlights Lanterns & Headlamps
  - Safes
  - Security Cameras
  - Smoke Detectors
- Household & Cleaning Supplies
  - Household & Cleaning Supplies
  - Air Fresheners
  - Cleaners
  - Cleaning Tools & Supplies
  - Dish Cleaning
  - Floor Cleaning
  - Garbage Cans & Bags
  - Laundry Supplies
  - Paper Products
- Kitchen & Dining
  - Kitchen & Dining
  - Bakeware
  - Coffee & Tea
  - Cookware
  - Dining & Entertaining
  - Food Storage
  - Kitchen Linens
  - Kitchen Organization
  - Kitchen Tools & Gadgets
  - Knives Cutting Boards & Accessories
- Lighting
- Moving Supplies
  - Moving Supplies
  - Dollies & Hand Trucks
  - Moving Blankets
  - Moving Boxes
  - Stretch & Bubble Wrap & Packing Paper
  - Tape Guns & Tape
- Office & School Supplies
  - Office & School Supplies
  - Binders Folders & Dividers
  - Calculators
  - Coin Wrappers
  - Desk Organizers & Accessories
  - Glue Tape & Adhesives
  - Locks
  - Notebooks & Paper
  - Paper Punchers & Staplers
  - Paper Shredders
  - Pens Pencils & Markers
  - Scissors Sharpeners & Rulers
  - Sticky Notes
- Pantry & Grocery
  - Pantry & Grocery
  - Candy
  - Chips
  - Coffee & Pods
  - Drinks
  - Nuts Seeds & Dried Foods
  - Pectin & Mixes
- Party City
- Pet Care
  - Pet Care
  - Cat
  - Dog
  - Small Pets
  - Wild Bird
- Smart Home
- Storage & Organization
  - Storage & Organization
  - Closet Storage & Organization
  - Hanging Hooks
  - Laundry Storage & Organization
  - Shelving & Racks
  - Shoe Organization
  - Shopping Carts & Bags
  - Storage Bins & Baskets
  - Storage Drawers & Carts
  - Storage Furniture
  - Toy Storage
  - Vacuum Bags
Kitchen & Dining
- Kitchen & Dining
- Bakeware
  - Bakeware
  - Baking Dishes
  - Cake Pans
  - Cupcake & Muffin Pans
  - Loaf Pans
  - Pie Plates
  - Sheet Pans & Cookie Sheets
- Cookware
  - Cookware
  - Cookware Sets
  - Dutch Ovens & Casseroles
  - Frying Pans
  - Grill Pans & Griddles
  - Lids & Steamers
  - Pots & Sauce Pans
  - Roasters & Roasting Pans
  - Woks
- Dining & Entertaining
  - Dining & Entertaining
  - Barware
  - Cutlery
  - Dinnerware
  - Drinkware & Glassware
  - Serveware
- Kitchen Appliances
  - Kitchen Appliances
  - Blenders & Juicers
  - Coffee Grinders
  - Coffee Makers
  - Cookers
  - Electric Grills Griddles & Skillets
  - Espresso Machines & Makers
  - Food Mixers & Accessories
  - Food Processors & Choppers
  - Fryers
  - Kettles
  - Microwaves
  - Sparking Beverage Makers
  - Toasters & Toaster Ovens
  - Waffle Makers
Outdoor Living
- Outdoor Living
- BBQs Smokers & Accessories
  - BBQs Smokers & Accessories
  - BBQ Covers
  - BBQ Gazebos
  - BBQ Replacement Parts
  - BBQ Tools & Cooking Accessories
  - BBQs & Grills
  - Outdoor Cookers & Fryers
  - Propane Tanks & Charcoal
  - Smokers & Wood Pellet Grills
- Gazebos Pergolas & Canopies
  - Gazebos Pergolas & Canopies
  - Awnings
  - Canopies
  - Canopy Covers & Enclosure Kits
  - Canopy Parts & Accessories
  - Gazebo Covers & Netting
  - Gazebos & Pergolas
- Generators & Accessories
  - Generators & Accessories
  - Generator Covers & Accessories
  - Home Stand-By Generators
  - Inverter Generators
  - Portable Generators
  - Portable Power Stations
- Lawn & Garden
- Mosquito Insect & Pest Control
  - Mosquito Insect & Pest Control
  - Ant Spider & Crawling Insect Control
  - Bed Bug Control
  - Bug Zappers & Mosquito Repellents
  - Fly Traps & Swatters
  - Garden Insect Control
  - Pest & Rodent Control
  - Wasps & Hornet Control
- Outdoor Dining & Entertaining
  - Outdoor Dining & Entertaining
  - Beverage Carts Tubs & Coolers
  - Outdoor Dinnerware
  - Outdoor Drinkware
  - Outdoor Serveware
- Outdoor Heating
  - Outdoor Heating
  - Fire Tables
  - Firepits & Fire Bowls
  - Outdoor Fireplaces
  - Outdoor Heating Accessories
  - Patio Heaters
- Outdoor Lighting
- Outdoor Power Equipment
  - Outdoor Power Equipment
  - Chainsaws
  - Grass Trimmers
  - Hedge Trimmers
  - Lawn Mowers
  - Lawn Tractors Riding Mowers & Attachments
  - Leaf Blowers & Accessories
  - Log Splitters Wood Chippers & Shredders
  - Outdoor Power Tool Accessories
  - Pressure Washers Parts & Accessories
  - Tillers & Cultivators
- Patio Furniture & Décor
  - Patio Furniture & Décor
  - Bistro & Bar Sets
  - Hammocks & Patio Swings
  - Lounge & Conversation Sets
  - Outdoor Rugs & Flooring
  - Patio Cushions & Seat Pads
  - Patio Dining Sets
  - Patio Furniture Covers & Accessories
  - Patio Seating
  - Patio Tables
  - Patio Umbrellas & Bases
- Pools Spas & Accessories
  - Pools Spas & Accessories
  - Cleaning Equipment
  - Pool Parts & Accessories
  - Pools
  - Pools & Spas Chemicals
  - Spas & Accessories
- Sheds & Outdoor Storage
  - Sheds & Outdoor Storage
  - Deck Boxes & Storage Benches
  - Firewood Storage
  - Portable Storage Sheds
  - Sheds
  - Tarps
- Snow Removal Equipment & Tools
  - Snow Removal Equipment & Tools
  - Ice Choppers
  - Ice Melters
  - Snow Brushes & Ice Scrapers
  - Snow Shovels & Rakes
  - Snowblower Replacement Parts & Accessories
  - Snowblowers
- Solar Wind Power & Accessories
  - Solar Wind Power & Accessories
  - Solar Charge Controllers & Accessories
  - Solar Panels
Pet Care
- Pet Care
- Cat
  - Cat
  - Beds
  - Bowls & Feeder
  - Collars & Leashes
  - Crates Carriers & Doorflaps
  - Food
  - Grooming and Wellness
  - Litter & Waste Disposal
  - Scratchers
  - Toys
  - Treats
- Dog
Sports & Recreation
- Sports & Recreation
- Bikes & Accessories
  - Bikes & Accessories
  - Bike Accessories
  - Bike Parts & Components
  - Bike Racks Carriers & Storage
  - Bikes
  - Helmets & Safety Gear
- Camping & Hiking
- Clothing Shoes & Accessories
  - Clothing Shoes & Accessories
  - Clothing
  - Hats Gloves & Accessories
  - Luggage & Travel Accessories
  - Mosquito & Bug Net Gear
  - Rain Gear
  - Shoes & Boots
  - Winter Apparel
- Fishing
- Fitness & Exercise
  - Fitness & Exercise
  - Boxing & MMA
  - Ellipticals
  - Exercise Bikes
  - Fitness & Exercise Accessories
  - Fitness & Training Recovery
  - Fitness Trackers & Monitors
  - Rowing & Specialty Machines
  - Treadmills
  - Weightlifting & Strength Training
  - Yoga & Pilates
- Games Room
  - Games Room
  - Air Hockey
  - Billiards
  - Foosball
  - Table Tennis
- Golf & Precision Sports
  - Golf & Precision Sports
  - Air Guns & Accessories
  - Airsoft Guns & Accessories
  - Archery
  - Darts & Dartboards
  - Golf
  - Paintball & Guns
- Hunting
- Outdoor Recreation
- Racquet Sports
  - Racquet Sports
  - Badminton
  - Pickleball
  - Squash
  - Tennis
- Team Sports
  - Team Sports
  - Baseball & Softball
  - Basketball
  - Fan Zone
  - Football
  - Hockey
  - Lacrosse
  - Soccer
  - Volleyball
- Toys & Games
- Water Sports & Boating
  - Water Sports & Boating
  - Boating & Marine
  - Canoes & Kayaks
  - Paddles Oars & Accessories
  - Stand Up Paddle Boards & Accessories
  - Swimming
  - Tow Ropes & Accessories
  - Towable Tubes & Accessories
  - Wakeboards & Water Skis
  - Wetsuits & Water Shoes
- Winter Sports
  - Winter Sports
  - Curling
  - Ice Skating
  - Sleds Racers & Toboggans
  - Snow Goggles
  - Snow Helmets
  - Snowboarding
  - Snowshoeing
Storage & Organization
- Storage & Organization
- Garage Organization & Tool Storage
  - Garage Organization & Tool Storage
  - Garage Door Openers
  - Garage Stools
  - Garage Storage Cabinets
  - Garage Storage Shelves & Racks
  - Garage Wall & Ceiling Organization
  - Plastic Storage Containers & Totes
  - Tool Bags Boxes & Organizers
  - Tool Belts & Pouches
  - Tool Chests Cabinets & Accessories
  - Utility & Tool carts
  - Work Benches & Workstands
Tools & Hardware
- Tools & Hardware
- Air Tools & Compressors
  - Air Tools & Compressors
  - Air Chisel Hammers
  - Air Compressors
  - Air Drills
  - Air Grinders
  - Air Impact Wrenches
  - Air Nailers & Staplers
  - Air Ratchets & Wrenches
  - Air Sand Blasters
  - Air Spray & Grease Guns
  - Air Tool Accessories
  - Air Tool Kits
  - Specialty Air Tools
- Electrical
- Exterior Repair & Maintenance Supplies
  - Exterior Repair & Maintenance Supplies
  - Concrete & Driveway Repair
  - Eavestroughs & Accessories
  - Roof Repair & Maintenance
  - Screen Door Repair
  - Weatherstripping
- Garage Organization & Tool Storage
  - Garage Organization & Tool Storage
  - Garage Stools
  - Garage Storage Cabinets
  - Garage Storage Shelves & Racks
  - Garage Wall & Ceiling Organization
  - Plastic Storage Containers & Totes
  - Tool Bags Boxes & Organizers
  - Tool Belts & Pouches
  - Tool Chests Cabinets & Accessories
  - Utility & Tool Carts
  - Workbenches & Workstands
- Hand Tools
- Hardware
- Ladders & Scaffolding
  - Ladders & Scaffolding
  - Extension Ladders
  - Ladder & Scaffolding Accessories
  - Multi Position Ladders
  - Scaffolding
  - Step Ladders
  - Step Stools
- Paints & Stains
- Plumbing
- Power Tool Accessories
- Power Tools
  - Power Tools
  - Buffers & Polishers
  - Combo Kits
  - Drill Presses & Lathes
  - Drills & Accessories
  - Heat Guns
  - Impact Drivers
  - Impact Wrenches
  - Planers & Joiners
  - Rotary & Oscillating Tools
  - Routers
  - Sanders & Grinders
  - Saws
- Shop Vacuums
  - Shop Vacuums
  - Filters & Bags
  - Hose Accessories
- Sinks Faucets & Fixtures
  - Sinks Faucets & Fixtures
  - Bathroom Sinks & Faucets
  - Kitchen Sinks & Faucets
  - Laundry Tubs & Faucets
  - Toilets & Accessories
- Welding Soldering & Torches
  - Welding Soldering & Torches
  - Solders & Soldering Supplies
  - Torches & Accessories
  - Welders & Cutters
  - Welding Gloves & Apparel
  - Welding Helmets & Safety Glasses
  - Welding Wires Rods & Accessories
- Work Wear & Safety Gear
  - Work Wear & Safety Gear
  - Eye Protection
  - Hard Hats
  - Hearing Protection
  - Knee Pads
  - Protective Face Masks & Coverings
  - Safety Accessories
  - Work Apparel
  - Work Boots & Safety Shoes
  - Work Gloves
Party City
Baby & Toddler
Clothing Shoes & Accessories

Home / Shop by Department/Tools & Hardware/Garage Organization & Tool Storage/Garage Storage Shelves & Racks

Shop by Department/Tools & Hardware/Garage Organization & Tool Storage/Garage Storage Shelves & Racks

Filter

Sort by

25 Products

Sort by

Mastercraft Metal Wire Heavy Duty Wall Shelves, 15 x 45-in, Up to 181-kgs

Mastercraft Metal Wire Heavy Duty Wall Shelves, 15 x 45-in, Up to 181-kgs

CA$ 16.00 CA$ 79.99

Mastercraft All-in-1 Gear Storage Rack, 48 x 18 x 18-in, Up to 136-kgs

Mastercraft All-in-1 Gear Storage Rack, 48 x 18 x 18-in, Up to 136-kgs

CA$ 40.00 CA$ 199.99

Certified Adjustable 5-Shelf Resin/ Plastic Storage Rack/ Shelving Unit, 36 x 18 x 72-in

Certified Adjustable 5-Shelf Resin/ Plastic Storage Rack/ Shelving Unit, 36 x 18 x 72-in

CA$ 16.00 CA$ 79.99

Certified Adjustable 5-Shelf Resin/ Plastic Storage Rack/ Shelving Unit, 36 x 14 x 72-in

Certified Adjustable 5-Shelf Resin/ Plastic Storage Rack/ Shelving Unit, 36 x 14 x 72-in

CA$ 15.00 CA$ 74.99

Certified 5-Shelf Resin/ Plastic Storage Rack/ Shelving Unit, 36 x 18 x 72-in

Certified 5-Shelf Resin/ Plastic Storage Rack/ Shelving Unit, 36 x 18 x 72-in

CA$ 12.00 CA$ 59.99

MAXIMUM Adjustable 3-Shelf Heavy Duty Steel Metal Storage Rack / Shelving Unit, 48 x 24 x 48-in

MAXIMUM Adjustable 3-Shelf Heavy Duty Steel Metal Storage Rack / Shelving Unit, 48 x 24 x 48-in

CA$ 40.00 CA$ 199.99

Mastercraft Adjustable 5-Shelf Steel Metal & Wood Storage Rack / Shelving Unit, 41 x 18 x 72-in

Mastercraft Adjustable 5-Shelf Steel Metal & Wood Storage Rack / Shelving Unit, 41 x 18 x 72-in

CA$ 30.00 CA$ 149.99

Certified 4-Shelf Resin/ Plastic Storage Rack/ Shelving Unit, 23 x 12 x 52-in

Certified 4-Shelf Resin/ Plastic Storage Rack/ Shelving Unit, 23 x 12 x 52-in

CA$ 6.00 CA$ 29.99

Certified 5-Shelf Resin/ Plastic Storage Rack/ Shelving Unit, 36 x 24 x 72-in

Certified 5-Shelf Resin/ Plastic Storage Rack/ Shelving Unit, 36 x 24 x 72-in

CA$ 16.00 CA$ 79.99

Mastercraft Adjustable 5-Shelf Steel Metal & Wood Storage Rack / Shelving Unit, 36 x 16 x 72-in

Mastercraft Adjustable 5-Shelf Steel Metal & Wood Storage Rack / Shelving Unit, 36 x 16 x 72-in

CA$ 20.00 CA$ 99.99

MAXIMUM Adjustable 4-Shelf Heavy Duty Steel Metal Storage Rack / Shelving Unit, 48 x 24 x 72-in

MAXIMUM Adjustable 4-Shelf Heavy Duty Steel Metal Storage Rack / Shelving Unit, 48 x 24 x 72-in

CA$ 50.00 CA$ 249.99

Mastercraft Adjustable 5-Shelf Steel Metal & Wood Storage Rack / Shelving Unit, 48 x 24 x 72-in

Mastercraft Adjustable 5-Shelf Steel Metal & Wood Storage Rack / Shelving Unit, 48 x 24 x 72-in

CA$ 50.00 CA$ 249.99

1 2 3

Shopping Cart