Official JOANN™ Fabric and Craft Stores Online

<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>

🎁STORE CLOSING CLEARANCE, UP TO 90% OFF 🎁 🎁Free shipping on orders over $70 !🎁 Each order amount cannot exceed $100

Best Selling

Red Heart Super Saver Brushed 260yds Worsted Acrylic Yarn 6 Bundle

Red Heart Super Saver Brushed 260yds Worsted Acrylic Yarn 6 Bundle

Red Heart Super Saver Brushed 260yds Worsted Acrylic Yarn 6 Bundle

$ 2.51 $ 26.99

Dimensions 6 Be the Light Counted Cross Stitch Kit With Hoop

Dimensions 6 Be the Light Counted Cross Stitch Kit With Hoop

$ 1.36 $ 16.99

DMC Quality 10 Triangle Embroidery Hoop

DMC Quality 10 Triangle Embroidery Hoop

$ 0.80 $ 9.99

Design Works 12 Kitty Trio Counted Cross Stitch Kit

Design Works 12 Kitty Trio Counted Cross Stitch Kit

$ 2.24 $ 27.99

Macrame 100yds Cord 6mm

Macrame 100yds Cord 6mm

Macrame 100yds Cord 6mm

$ 0.88 $ 10.99

130yds Alpaca Super Bulky Acrylic Blend Solid Yarn by K+C

130yds Alpaca Super Bulky Acrylic Blend Solid Yarn by K+C

130yds Alpaca Super Bulky Acrylic Blend Solid Yarn by K+C

$ 0.96 $ 11.99

Jack Dempsey Needle Art 18 Golden Sunflower Stamped Quilt Blocks 6pk

Jack Dempsey Needle Art 18 Golden Sunflower Stamped Quilt Blocks 6pk

Jack Dempsey Needle Art 18 Golden Sunflower Stamped Quilt Blocks 6pk

$ 1.44 $ 17.99

Youth American Spartan T-Shirt - Black

Youth American Spartan T-Shirt - Black

Youth American Spartan T-Shirt - Black

$ 4.89 $ 29.95

Dimensions Rainbow Fringe Latch Hook Kit 12 x 9

Dimensions Rainbow Fringe Latch Hook Kit 12 x 9

Dimensions Rainbow Fringe Latch Hook Kit 12 x 9

$ 21.99

DMC Pearl Cotton Thread 27 Yds Size 5

DMC Pearl Cotton Thread 27 Yds Size 5

DMC Pearl Cotton Thread 27 Yds Size 5

$ 0.16 $ 1.99

Caron One Pound 812yds Worsted Acrylic Yarn 2 Bundle

Caron One Pound 812yds Worsted Acrylic Yarn 2 Bundle

Caron One Pound 812yds Worsted Acrylic Yarn 2 Bundle

$ 1.92 $ 23.99

RIOLIS 10 Hedgehogs in Lingonberries Counted Cross Stitch Kit

RIOLIS 10 Hedgehogs in Lingonberries Counted Cross Stitch Kit

$ 2.48 $ 30.99

Premier Yarns Puzzle 349yds Worsted Cotton Blend Yarn

Premier Yarns Puzzle 349yds Worsted Cotton Blend Yarn

Premier Yarns Puzzle 349yds Worsted Cotton Blend Yarn

$ 1.40 $ 13.99

Knittng Board All N One Loom

Knittng Board All N One Loom

Knittng Board All N One Loom

$ 4.00 $ 49.99

DMC 8.7yd 6 Strand Satin Embroidery Floss

DMC 8.7yd 6 Strand Satin Embroidery Floss

$ 0.12 $ 1.49

Jack Dempsey Needle Art 18 XX Stars Stamped Sampler Quilt Blocks 12ct

Jack Dempsey Needle Art 18 XX Stars Stamped Sampler Quilt Blocks 12ct

Jack Dempsey Needle Art 18 XX Stars Stamped Sampler Quilt Blocks 12ct

$ 3.44 $ 42.99

Macrame 100' Cotton Cord 2mm

Macrame 100' Cotton Cord 2mm

Macrame 100' Cotton Cord 2mm

$ 0.44 $ 5.49

Clover 5 Bamboo 3/3.25mm Double Point Knitting Needle Set 5ct

Clover 5 Bamboo 3/3.25mm Double Point Knitting Needle Set 5ct

$ 0.88 $ 10.99

Lion Brand Yarn Vanna's Choice Worsted Acrylic Yarn 3 Bundle

$ 1.28 $ 15.99

Edmunds Split Rail Scroll Frame 6X12

Edmunds Split Rail Scroll Frame 6X12

$ 1.52 $ 18.99

Sewing Machine Sale

Brother GX37 Sewing Machine

Brother GX37 Sewing Machine

Brother GX37 Sewing Machine

$ 11.00 $ 199.99

Brother SE625 Computerized Sewing and Embroidery Machine

Brother SE625 Computerized Sewing and Embroidery Machine

Brother SE625 Computerized Sewing and Embroidery Machine

$ 35.00 $ 349.99

Brother XS2080 Computerized Sewing Machine

Brother XS2080 Computerized Sewing Machine

Brother XS2080 Computerized Sewing Machine

$ 20.00 $ 199.99

Brother GX37 Sewing Machine

Brother GX37 Sewing Machine

Brother GX37 Sewing Machine

$ 11.00 $ 199.99

Janome Sew Fresh Sewing Machine

Janome Sew Fresh Sewing Machine

Janome Sew Fresh Sewing Machine

$ 12.00 $ 299.99

JUKI HZL 355ZW A Sewing Machine

JUKI HZL 355ZW A Sewing Machine

$ 37.90 $ 379.00

SINGER 4432 Heavy Duty Sewing Machine

SINGER 4432 Heavy Duty Sewing Machine

SINGER 4432 Heavy Duty Sewing Machine

$ 26.90 $ 269.99

Juki MO 104D Overlock Sewing Machine

Juki MO 104D Overlock Sewing Machine

Juki MO 104D Overlock Sewing Machine

$ 79.90 $ 799.00

Brother CP80X Sewing Machine

Brother CP80X Sewing Machine

Brother CP80X Sewing Machine

$ 15.00 $ 149.99

Brother CS7000X Computerized Sewing & Quilting Machine

Brother CS7000X Computerized Sewing & Quilting Machine

Brother CS7000X Computerized Sewing & Quilting Machine

$ 24.00 $ 239.99

JUKI HZL 355ZW A Sewing Machine

JUKI HZL 355ZW A Sewing Machine

$ 37.90 $ 379.00

Brother PQ1500SL High Speed Straight Stitch Sewing Machine

Brother PQ1500SL High Speed Straight Stitch Sewing Machine

Brother PQ1500SL High Speed Straight Stitch Sewing Machine

$ 75.00 $ 749.99

Hot Selling Yarn & Needle Arts

Red Heart Super Saver Brushed 260yds Worsted Acrylic Yarn 6 Bundle

Red Heart Super Saver Brushed 260yds Worsted Acrylic Yarn 6 Bundle

Red Heart Super Saver Brushed 260yds Worsted Acrylic Yarn 6 Bundle

$ 2.51 $ 26.99

Dimensions 6 Be the Light Counted Cross Stitch Kit With Hoop

Dimensions 6 Be the Light Counted Cross Stitch Kit With Hoop

$ 1.36 $ 16.99

DMC Quality 10 Triangle Embroidery Hoop

DMC Quality 10 Triangle Embroidery Hoop

$ 0.80 $ 9.99

Design Works 12 Kitty Trio Counted Cross Stitch Kit

Design Works 12 Kitty Trio Counted Cross Stitch Kit

$ 2.24 $ 27.99

Macrame 100yds Cord 6mm

Macrame 100yds Cord 6mm

Macrame 100yds Cord 6mm

$ 0.88 $ 10.99

130yds Alpaca Super Bulky Acrylic Blend Solid Yarn by K+C

130yds Alpaca Super Bulky Acrylic Blend Solid Yarn by K+C

130yds Alpaca Super Bulky Acrylic Blend Solid Yarn by K+C

$ 0.96 $ 11.99

Jack Dempsey Needle Art 18 Golden Sunflower Stamped Quilt Blocks 6pk

Jack Dempsey Needle Art 18 Golden Sunflower Stamped Quilt Blocks 6pk

Jack Dempsey Needle Art 18 Golden Sunflower Stamped Quilt Blocks 6pk

$ 1.44 $ 17.99

Dimensions Rainbow Fringe Latch Hook Kit 12 x 9

Dimensions Rainbow Fringe Latch Hook Kit 12 x 9

Dimensions Rainbow Fringe Latch Hook Kit 12 x 9

$ 21.99

DMC Pearl Cotton Thread 27 Yds Size 5

DMC Pearl Cotton Thread 27 Yds Size 5

DMC Pearl Cotton Thread 27 Yds Size 5

$ 0.16 $ 1.99

Caron One Pound 812yds Worsted Acrylic Yarn 2 Bundle

Caron One Pound 812yds Worsted Acrylic Yarn 2 Bundle

Caron One Pound 812yds Worsted Acrylic Yarn 2 Bundle

$ 1.92 $ 23.99

RIOLIS 10 Hedgehogs in Lingonberries Counted Cross Stitch Kit

RIOLIS 10 Hedgehogs in Lingonberries Counted Cross Stitch Kit

$ 2.48 $ 30.99

Premier Yarns Puzzle 349yds Worsted Cotton Blend Yarn

Premier Yarns Puzzle 349yds Worsted Cotton Blend Yarn

Premier Yarns Puzzle 349yds Worsted Cotton Blend Yarn

$ 1.40 $ 13.99

Craft Machines & Materials

Cricut Wavy Blade

Cricut Wavy Blade

Cricut Wavy Blade

$ 2.47 $ 32.99

Cricut 25 x 5' Holographic Smart Iron On Transfer Roll

Cricut 25 x 5' Holographic Smart Iron On Transfer Roll

Cricut 25 x 5' Holographic Smart Iron On Transfer Roll

$ 4.87 $ 64.99

Cricut Joy 5.5 x 18 Metallic Permanent Smart Vinyl Samplers 3ct

Cricut Joy 5.5 x 18 Metallic Permanent Smart Vinyl Samplers 3ct

Cricut Joy 5.5 x 18 Metallic Permanent Smart Vinyl Samplers 3ct

$ 0.90 $ 11.99

Cricut Steel True Control Knife

Cricut Steel True Control Knife

Cricut Steel True Control Knife

$ 1.27 $ 16.99

Cricut 12x12 Patterned Premium Vinyl Sampler Finding Dory

Cricut 12x12 Patterned Premium Vinyl Sampler Finding Dory

Cricut 12x12 Patterned Premium Vinyl Sampler Finding Dory

$ 1.12 $ 14.99

Cricut 4 Plastic Machine Tool Organizer

Cricut 4 Plastic Machine Tool Organizer

Cricut 4 Plastic Machine Tool Organizer

$ 2.47 $ 32.99

Cricut 19 x 14 Infusible Ink Tote Bag Blank

Cricut 19 x 14 Infusible Ink Tote Bag Blank

$ 1.09 $ 14.49

Cricut Joy 5.5 x 48 Holographic Crystals Permanent Smart Vinyl Roll

Cricut Joy 5.5 x 48 Holographic Crystals Permanent Smart Vinyl Roll

Cricut Joy 5.5 x 48 Holographic Crystals Permanent Smart Vinyl Roll

$ 0.75 $ 9.99

Cricut 13 x 12' Permanent Smart Vinyl Roll

Cricut 13 x 12' Permanent Smart Vinyl Roll

Cricut 13 x 12' Permanent Smart Vinyl Roll

$ 2.06 $ 27.49

Cricut 3pk Black & White Polyester Trucker Hats With Mesh Back

Cricut 3pk Black & White Polyester Trucker Hats With Mesh Back

Cricut 3pk Black & White Polyester Trucker Hats With Mesh Back

$ 3.30 $ 32.99

Cricut 12 x 24 Precious Metals Metallic Premium Vinyl Samplers 3ct

Cricut 12 x 24 Precious Metals Metallic Premium Vinyl Samplers 3ct

$ 0.97 $ 12.99

Cricut 0.4mm Black Infusible Ink Pens 5ct

Cricut 0.4mm Black Infusible Ink Pens 5ct

Cricut 0.4mm Black Infusible Ink Pens 5ct

$ 1.27 $ 16.99

Best Selling Floral

6 Terracotta Flower Pot by Bloom Room

6 Terracotta Flower Pot by Bloom Room

6 Terracotta Flower Pot by Bloom Room

$ 0.52 $ 12.99

22 Cream Lavender Bush by Bloom Room

22 Cream Lavender Bush by Bloom Room

22 Cream Lavender Bush by Bloom Room

$ 0.28 $ 6.99

12oz Seaside Glass Gem Bowl Fillers by Bloom Room

12oz Seaside Glass Gem Bowl Fillers by Bloom Room

$ 0.32 $ 3.99

OASIS 5.5 Spring Table Crystal Vase Set 3pc

OASIS 5.5 Spring Table Crystal Vase Set 3pc

OASIS 5.5 Spring Table Crystal Vase Set 3pc

$ 3.68 $ 45.99

41.5 White Real Touch Lily Stem by Bloom Room

41.5 White Real Touch Lily Stem by Bloom Room

41.5 White Real Touch Lily Stem by Bloom Room

$ 1.20 $ 19.99

Nearly Natural 54 Lemon Artificial Tree in S& Colored Planter

Nearly Natural 54 Lemon Artificial Tree in S& Colored Planter

$ 26.53 $ 378.99

Flora Bunda 6ct Artificial Green Bell Peppers

Flora Bunda 6ct Artificial Green Bell Peppers

$ 2.80 $ 34.99

Nearly Natural 19 Eucalyptus Plant in Brown Decorative Planter

Nearly Natural 19 Eucalyptus Plant in Brown Decorative Planter

$ 4.76 $ 67.99

37 Green Faux Fern Stem by Bloom Room

37 Green Faux Fern Stem by Bloom Room

37 Green Faux Fern Stem by Bloom Room

$ 1.28 $ 6.99

Nearly Natural 32 Agave Plant with Stem

Nearly Natural 32 Agave Plant with Stem

Nearly Natural 32 Agave Plant with Stem

$ 97.98 $ 139.99

Nearly Natural Senecio Artificial Succulent Plant

Nearly Natural Senecio Artificial Succulent Plant

Nearly Natural Senecio Artificial Succulent Plant

$ 7.35 $ 104.99

39.5'' Red Maple Leaf Branch by Bloom Room

39.5'' Red Maple Leaf Branch by Bloom Room

39.5'' Red Maple Leaf Branch by Bloom Room

$ 0.28 $ 6.99

our mission

To inspire the creative spirit in each of us -our customers and ourselves

Shopping Cart