{"blocks":{"#mana_ajax_wrapper_mana_seo_query":0,"#mana_ajax_wrapper_category_products":1,"#mana_ajax_wrapper_category_products_list":2,"#mana_ajax_wrapper_main_mana_layered_nav":3,"#mana_ajax_wrapper_additional_mana_layered_nav":4,"#mana_ajax_wrapper_above_products_mana_layered_nav":5,"#mana_ajax_wrapper_mobile_mana_layered_nav":6},"query":"","url":"https:\/\/www.spiralbinding.com\/brands\/all-brands\/brodart\/brodart-cloth-wings","title":"Brodart Cloth Wings - Brodart - All Brands - Our Brands"}
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_mana_seo_query"><script>
    manadevSeoQuery = {};
</script></div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_category_products"><div id="mana_ajax_wrapper_mobile_mana_layered_nav">
    <div class="mana-filter-block mana-mobile" data-mage-init='{"Manadev_Core/js/StatefulCollapsibleWidget":{"id": "mobile.mana.layered_nav.title", "openedState": "active", "collapsible": true, "animate": 150, "active": false}, "Manadev_LayeredNavigation/js/NavigationView": {}}'>
        <dl class="filter-options" data-role="collapsible">
            <dt data-role="title">
                <div class="m-filter-title" data-role="trigger">
                    Filter                    <span class="collapse-indicator">&nbsp;</span>
                </div>
                                            </dt>
            <dd class="block-content" data-role="content" data-mage-init='{"Manadev_Core/js/StatefulAccordionWidget":{"id": "mobile.mana.layered_nav.filters", "openedState": "active", "active": "0", "animate": 150}}'>
<!--            >-->
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            Price                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-price" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/price/-20.36"data-action="+price=-20.36&p=" rel="nofollow">
                    $0 - $20                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/price/20.36-"data-action="+price=20.36-&p=" rel="nofollow">
                    $20+                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                        <dl data-role='collapsible'>
                        <dt data-role="title">
                            Book Care & Repair Type                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-ptype_bookcare_filter" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/book-care-&amp;-repair-type/book-care-/-protection"data-action="+ptype_bookcare_filter=4517&p=" rel="nofollow">
                    Book Care / Protection                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/book-care-&amp;-repair-type/book-repair"data-action="+ptype_bookcare_filter=4520&p=" rel="nofollow">
                    Book Repair                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/book-care-&amp;-repair-type/book-repair-tape"data-action="+ptype_bookcare_filter=4521&p=" rel="nofollow">
                    Book Repair Tape                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                        <dl data-role='collapsible'>
                        <dt data-role="title">
                            Color                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                
<div class="manadev-expandable-filter outer-container show-more-show-less">
    <div class="inner-container">
        <ol id="show_on_mobile-color_filter" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/white"data-action="+color_filter=4670&p=" rel="nofollow">
                    White                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/black"data-action="+color_filter=4669&p=" rel="nofollow">
                    Black                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/blue"data-action="+color_filter=4673&p=" rel="nofollow">
                    Blue                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/green"data-action="+color_filter=4674&p=" rel="nofollow">
                    Green                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/red"data-action="+color_filter=4675&p=" rel="nofollow">
                    Red                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/maroon"data-action="+color_filter=4676&p=" rel="nofollow">
                    Maroon                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/yellow"data-action="+color_filter=4679&p=" rel="nofollow">
                    Yellow                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/brown"data-action="+color_filter=4680&p=" rel="nofollow">
                    Brown                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
    </div>
</div>
    <div class="manadev-show-more custom-showmore">
        <a href="#" title="Show more">Show more</a>
    </div>
<script>
    require([
        'jquery',
        'Manadev_LayeredNavigationShowMore/js/showMoreShowLess'
    ], function($) {
        var options = {
    "number_of_visible_items": "4",
    "show_more_label": "Show more",
    "show_less_label": "Show less",
    "transition_duration_ms": "100"
};
        $("#show_on_mobile-color_filter").showMoreShowLess(options);
    });
</script>
                            </div>
                        </dd>
                    </dl>
                                        <dl data-role='collapsible'>
                        <dt data-role="title">
                            Material                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-material" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/material/tyvek"data-action="+material=533&p=" rel="nofollow">
                    Tyvek                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/material/11.5-mil-cloth"data-action="+material=534&p=" rel="nofollow">
                    11.5 mil Cloth                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/material/cloth"data-action="+material=536&p=" rel="nofollow">
                    Cloth                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                </dd>
        </dl>
    </div>
            <script type="text/x-magento-init">
            {
    ".mana-mobile": {
        "Manadev_LayeredNavigationMobile\/js\/manaMobileLayeredNavigation": {
            "max_width": "767"
        }
    }
}        </script>
            <script>
        require(['jquery'], function ($) {
            //console.log('window width: ' + $(window).width());
            if ($(window).width() <= 767) {
                $('body').addClass('mana-mobile-layered-navigation-enabled');
            }
        });
    </script>
    </div><div id="mana_ajax_wrapper_above_products_mana_layered_nav">
</div>    <div id="mana_ajax_wrapper_category_products_list">        <div class="toolbar toolbar-products" data-mage-init='{"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"list","directionDefault":"asc","orderDefault":"position","limitDefault":36,"url":"https:\/\/www.spiralbinding.com\/brands\/all-brands\/brodart\/brodart-cloth-wings","formKey":"Dmvz3qEjbXyOX7ts","post":false}}'>
        
        <p class="toolbar-amount" id="toolbar-amount">
            <span class="toolbar-number">2</span> Items    </p>
        
        
    
        
        
    
    

                     
 <div class="toolbar-sorter sorter">
    <label class="sorter-label" for="sorter">Sort By</label>


  <select id="sorter" data-role="sorter" class="sorter-options">
                     <option value="position&product_list_dir=asc" selected="selected"> Popularity </option>
                                                           <option value="price&product_list_dir=asc"
                >
         Price:Low To High</option>
       <option value="price&product_list_dir=desc"
       >
        Price:High To Low </option>
                <option value="bestseller&product_list_dir=desc"> Top Sellers: High to Low </option> 
                                    
</select> 
</div>
                

                  
        <div class="field limiter">
    <label class="label" for="limiter">
        <span>Show per Page</span>
    </label>
    <div class="control">
        <select id="limiter" data-role="limiter" class="limiter-options">
                            <option value="12">
                    12                </option>
                            <option value="24">
                    24                </option>
                            <option value="36"                    selected="selected">
                    36                </option>
                            <option value="48">
                    48                </option>
                            <option value="60">
                    60                </option>
                    </select>
    </div>
</div>
            </div>
    <script type="text/x-magento-init">
    {
        "body": {
            "addToWishlist": {"productType":["simple","virtual","bundle","downloadable","configurable","grouped"]}        }
    }
</script>
        <div class="products wrapper grid products-grid">
                <ol class="products grid list items product-items">
                                    <li class="item product product-item  list-item-3688">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/tyvek-cloth-wings"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-3688">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/c/l/clothwings_clean_850x850_1.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/c/l/clothwings_clean_850x850_1.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/c/l/clothwings_clean_850x850_1.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="Tyvek&#x20;Cloth&#x20;Wings&#x20;&#x7C;&#x20;Book&#x20;Protection&#x20;Spine&#x20;Cloth" loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-3688 {
    width: 320px;
}
.product-image-container-3688 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-3688");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-3688  span.product-image-wrapper"
);
for (var i = 0; i < prodImageContainersWrappers.length; i++) {
    prodImageContainersWrappers[i].style.paddingBottom = "100%";
}</script>                    </a>
                    </div>
                    <div class="col-right cell product details product-item-details">
                                                <div class="product-right-info">
<h2 class="product-name product name product-item-name">
  <a class="product-item-link"
  href="https://www.spiralbinding.com/tyvek-cloth-wings">
  Tyvek® Cloth Wings (Box of 24)  </a>
</h2>
<span class="product-sku">
</span>
<div class="product-review product-reviews-summary">
</div>

</div>
<div class="product-shop grouped_list">
<a href="https://www.spiralbinding.com/customer/account/login" class="login-pricing"><span>Log in for pricing</span></a><span class="alter-action">or</span><div class="choose-actions"><button class="action primary choose-options" name="quote_choose_opts" type="button" title="Choose Options" data-parent="https://www.spiralbinding.com/tyvek-cloth-wings"><span>Select Options</span></button></div><div class="quote-actions-primary">
<!-- Start Cart2Quote_Quotation -->
<!-- End Cart2Quote_Quotation -->
</div>
</div>
</div>
  </div>
  <div style="display: none">
  <div id='popup-modal' class="popup-modal">
  </div>
  </div>
  </li>
              <li class="item product product-item  last list-item-3689">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/book-aid-cloth-wings"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-3689">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/c/l/clothwings_clean_850x850.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/c/l/clothwings_clean_850x850.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/c/l/clothwings_clean_850x850.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="Book-Aid&#x20;Cloth&#x20;Wings&#x20;&#x7C;&#x20;Book&#x20;Protection&#x20;Cloth" loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-3689 {
    width: 320px;
}
.product-image-container-3689 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-3689");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-3689  span.product-image-wrapper"
);
for (var i = 0; i < prodImageContainersWrappers.length; i++) {
    prodImageContainersWrappers[i].style.paddingBottom = "100%";
}</script>                    </a>
                    </div>
                    <div class="col-right cell product details product-item-details">
                                                <div class="product-right-info">
<h2 class="product-name product name product-item-name">
  <a class="product-item-link"
  href="https://www.spiralbinding.com/book-aid-cloth-wings">
  Book-Aid® Cloth Wings (Box of 24)  </a>
</h2>
<span class="product-sku">
</span>
<div class="product-review product-reviews-summary">
</div>

</div>
<div class="product-shop grouped_list">
<a href="https://www.spiralbinding.com/customer/account/login" class="login-pricing"><span>Log in for pricing</span></a><span class="alter-action">or</span><div class="choose-actions"><button class="action primary choose-options" name="quote_choose_opts" type="button" title="Choose Options" data-parent="https://www.spiralbinding.com/book-aid-cloth-wings"><span>Select Options</span></button></div><div class="quote-actions-primary">
<!-- Start Cart2Quote_Quotation -->
<!-- End Cart2Quote_Quotation -->
</div>
</div>
</div>
  </div>
  <div style="display: none">
  <div id='popup-modal' class="popup-modal">
  </div>
  </div>
  </li>
    </ol>
  </div>
  <div class="toolbar-bottom">
      <div class="toolbar toolbar-products" data-mage-init='{"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"list","directionDefault":"asc","orderDefault":"position","limitDefault":36,"url":"https:\/\/www.spiralbinding.com\/brands\/all-brands\/brodart\/brodart-cloth-wings","formKey":"Dmvz3qEjbXyOX7ts","post":false}}'>
        
        <p class="toolbar-amount" id="toolbar-amount">
            <span class="toolbar-number">2</span> Items    </p>
        
        
    
        
        
    
    

                     
 <div class="toolbar-sorter sorter">
    <label class="sorter-label" for="sorter">Sort By</label>


  <select id="sorter" data-role="sorter" class="sorter-options">
                     <option value="position&product_list_dir=asc" selected="selected"> Popularity </option>
                                                           <option value="price&product_list_dir=asc"
                >
         Price:Low To High</option>
       <option value="price&product_list_dir=desc"
       >
        Price:High To Low </option>
                <option value="bestseller&product_list_dir=desc"> Top Sellers: High to Low </option> 
                                    
</select> 
</div>
                

                  
        <div class="field limiter">
    <label class="label" for="limiter">
        <span>Show per Page</span>
    </label>
    <div class="control">
        <select id="limiter" data-role="limiter" class="limiter-options">
                            <option value="12">
                    12                </option>
                            <option value="24">
                    24                </option>
                            <option value="36"                    selected="selected">
                    36                </option>
                            <option value="48">
                    48                </option>
                            <option value="60">
                    60                </option>
                    </select>
    </div>
</div>
            </div>
  </div>
            <script type="text/x-magento-init">
        {
            "[data-role=tocart-form], .form.map.checkout": {
                "catalogAddToCart": {
                    "product_sku": "CLOTHWINGSBOOKAID\u002DGRP"
                }
            }
        }
        </script>
    <script type="text/javascript">
window.baseUrl = "https:\/\/www.spiralbinding.com\/";
var categoryItems = [];
  categoryItems.push({'sku':"CLOTHWINGSTYVEK-GRP"});
  categoryItems.push({'sku':"CLOTHWINGSBOOKAID-GRP"});
if(typeof window.dataLayer !== 'undefined'){
    var dataLayerInfoCat = {};
    dataLayerInfoCat['category'] = {
      'products': categoryItems
    };
    window.dataLayer.push(dataLayerInfoCat); 
}
</script> 
</div></div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_category_products_list">        <div class="toolbar toolbar-products" data-mage-init='{"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"list","directionDefault":"asc","orderDefault":"position","limitDefault":36,"url":"https:\/\/www.spiralbinding.com\/brands\/all-brands\/brodart\/brodart-cloth-wings","formKey":"Dmvz3qEjbXyOX7ts","post":false}}'>
        
        <p class="toolbar-amount" id="toolbar-amount">
            <span class="toolbar-number">2</span> Items    </p>
        
        
    
        
        
    
    

                     
 <div class="toolbar-sorter sorter">
    <label class="sorter-label" for="sorter">Sort By</label>


  <select id="sorter" data-role="sorter" class="sorter-options">
                     <option value="position&product_list_dir=asc" selected="selected"> Popularity </option>
                                                           <option value="price&product_list_dir=asc"
                >
         Price:Low To High</option>
       <option value="price&product_list_dir=desc"
       >
        Price:High To Low </option>
                <option value="bestseller&product_list_dir=desc"> Top Sellers: High to Low </option> 
                                    
</select> 
</div>
                

                  
        <div class="field limiter">
    <label class="label" for="limiter">
        <span>Show per Page</span>
    </label>
    <div class="control">
        <select id="limiter" data-role="limiter" class="limiter-options">
                            <option value="12">
                    12                </option>
                            <option value="24">
                    24                </option>
                            <option value="36"                    selected="selected">
                    36                </option>
                            <option value="48">
                    48                </option>
                            <option value="60">
                    60                </option>
                    </select>
    </div>
</div>
            </div>
    <script type="text/x-magento-init">
    {
        "body": {
            "addToWishlist": {"productType":["simple","virtual","bundle","downloadable","configurable","grouped"]}        }
    }
</script>
        <div class="products wrapper grid products-grid">
                <ol class="products grid list items product-items">
                                    <li class="item product product-item  list-item-3688">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/tyvek-cloth-wings"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-3688">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/c/l/clothwings_clean_850x850_1.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/c/l/clothwings_clean_850x850_1.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/c/l/clothwings_clean_850x850_1.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="Tyvek&#x20;Cloth&#x20;Wings&#x20;&#x7C;&#x20;Book&#x20;Protection&#x20;Spine&#x20;Cloth" loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-3688 {
    width: 320px;
}
.product-image-container-3688 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-3688");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-3688  span.product-image-wrapper"
);
for (var i = 0; i < prodImageContainersWrappers.length; i++) {
    prodImageContainersWrappers[i].style.paddingBottom = "100%";
}</script>                    </a>
                    </div>
                    <div class="col-right cell product details product-item-details">
                                                <div class="product-right-info">
<h2 class="product-name product name product-item-name">
  <a class="product-item-link"
  href="https://www.spiralbinding.com/tyvek-cloth-wings">
  Tyvek® Cloth Wings (Box of 24)  </a>
</h2>
<span class="product-sku">
</span>
<div class="product-review product-reviews-summary">
</div>

</div>
<div class="product-shop grouped_list">
<a href="https://www.spiralbinding.com/customer/account/login" class="login-pricing"><span>Log in for pricing</span></a><span class="alter-action">or</span><div class="choose-actions"><button class="action primary choose-options" name="quote_choose_opts" type="button" title="Choose Options" data-parent="https://www.spiralbinding.com/tyvek-cloth-wings"><span>Select Options</span></button></div><div class="quote-actions-primary">
<!-- Start Cart2Quote_Quotation -->
<!-- End Cart2Quote_Quotation -->
</div>
</div>
</div>
  </div>
  <div style="display: none">
  <div id='popup-modal' class="popup-modal">
  </div>
  </div>
  </li>
              <li class="item product product-item  last list-item-3689">
                <div class="product-item-info" data-container="product-grid">
                                        <div class="col-left cell">
                                        <a href="https://www.spiralbinding.com/book-aid-cloth-wings"
                       class="product photo product-item-photo"
                       tabindex="-1">
                        <span class="product-image-container product-image-container-3689">
    <span class="product-image-wrapper">
            <picture>
        
                    <source type="image/webp"
                    srcset="https://www.spiralbinding.com/media/opti_image/webp/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/c/l/clothwings_clean_850x850.webp">
        
        <source type="image/jpg"
                srcset="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/c/l/clothwings_clean_850x850.jpg">

        <img class="product-image-photo"
                        src="https://www.spiralbinding.com/media/catalog/product/cache/1584d0ad9fff4dd097fdb1e695dea766/c/l/clothwings_clean_850x850.jpg"
            loading="lazy"
            width="320"
            height="320"
            alt="Book-Aid&#x20;Cloth&#x20;Wings&#x20;&#x7C;&#x20;Book&#x20;Protection&#x20;Cloth" loading="lazy" decoding="async" />    </picture>

</span>
</span>
<style>.product-image-container-3689 {
    width: 320px;
}
.product-image-container-3689 span.product-image-wrapper {
    padding-bottom: 100%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-3689");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "320px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-3689  span.product-image-wrapper"
);
for (var i = 0; i < prodImageContainersWrappers.length; i++) {
    prodImageContainersWrappers[i].style.paddingBottom = "100%";
}</script>                    </a>
                    </div>
                    <div class="col-right cell product details product-item-details">
                                                <div class="product-right-info">
<h2 class="product-name product name product-item-name">
  <a class="product-item-link"
  href="https://www.spiralbinding.com/book-aid-cloth-wings">
  Book-Aid® Cloth Wings (Box of 24)  </a>
</h2>
<span class="product-sku">
</span>
<div class="product-review product-reviews-summary">
</div>

</div>
<div class="product-shop grouped_list">
<a href="https://www.spiralbinding.com/customer/account/login" class="login-pricing"><span>Log in for pricing</span></a><span class="alter-action">or</span><div class="choose-actions"><button class="action primary choose-options" name="quote_choose_opts" type="button" title="Choose Options" data-parent="https://www.spiralbinding.com/book-aid-cloth-wings"><span>Select Options</span></button></div><div class="quote-actions-primary">
<!-- Start Cart2Quote_Quotation -->
<!-- End Cart2Quote_Quotation -->
</div>
</div>
</div>
  </div>
  <div style="display: none">
  <div id='popup-modal' class="popup-modal">
  </div>
  </div>
  </li>
    </ol>
  </div>
  <div class="toolbar-bottom">
      <div class="toolbar toolbar-products" data-mage-init='{"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"list","directionDefault":"asc","orderDefault":"position","limitDefault":36,"url":"https:\/\/www.spiralbinding.com\/brands\/all-brands\/brodart\/brodart-cloth-wings","formKey":"Dmvz3qEjbXyOX7ts","post":false}}'>
        
        <p class="toolbar-amount" id="toolbar-amount">
            <span class="toolbar-number">2</span> Items    </p>
        
        
    
        
        
    
    

                     
 <div class="toolbar-sorter sorter">
    <label class="sorter-label" for="sorter">Sort By</label>


  <select id="sorter" data-role="sorter" class="sorter-options">
                     <option value="position&product_list_dir=asc" selected="selected"> Popularity </option>
                                                           <option value="price&product_list_dir=asc"
                >
         Price:Low To High</option>
       <option value="price&product_list_dir=desc"
       >
        Price:High To Low </option>
                <option value="bestseller&product_list_dir=desc"> Top Sellers: High to Low </option> 
                                    
</select> 
</div>
                

                  
        <div class="field limiter">
    <label class="label" for="limiter">
        <span>Show per Page</span>
    </label>
    <div class="control">
        <select id="limiter" data-role="limiter" class="limiter-options">
                            <option value="12">
                    12                </option>
                            <option value="24">
                    24                </option>
                            <option value="36"                    selected="selected">
                    36                </option>
                            <option value="48">
                    48                </option>
                            <option value="60">
                    60                </option>
                    </select>
    </div>
</div>
            </div>
  </div>
            <script type="text/x-magento-init">
        {
            "[data-role=tocart-form], .form.map.checkout": {
                "catalogAddToCart": {
                    "product_sku": "CLOTHWINGSBOOKAID\u002DGRP"
                }
            }
        }
        </script>
    <script type="text/javascript">
window.baseUrl = "https:\/\/www.spiralbinding.com\/";
var categoryItems = [];
  categoryItems.push({'sku':"CLOTHWINGSTYVEK-GRP"});
  categoryItems.push({'sku':"CLOTHWINGSBOOKAID-GRP"});
if(typeof window.dataLayer !== 'undefined'){
    var dataLayerInfoCat = {};
    dataLayerInfoCat['category'] = {
      'products': categoryItems
    };
    window.dataLayer.push(dataLayerInfoCat); 
}
</script> 
</div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_main_mana_layered_nav">
    <div class="block filter mana-filter-block" data-mage-init='{ "Manadev_LayeredNavigation/js/NavigationView": {} }'>
        <div class="block-title filter-title">
            <strong>Shop By</strong>
        </div>

        <div class="block-content filter-content">
            
            <strong role="heading" aria-level="2" class="block-subtitle filter-subtitle">Shopping Options                            </strong>

            <dl class="filter-options YESRSE" id="narrow-by-list">
                                                                                                <dt role="heading" aria-level="3" class=" TERER filter-options-title main-filter-ptype-bookcare-filter">Book Care &amp; Repair Type</dt>
                    <dd class="filter-options-content main-filter-ptype-bookcare-filter"><ol id="show_in_main_sidebar-ptype_bookcare_filter" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/book-care-&amp;-repair-type/book-care-/-protection"data-action="+ptype_bookcare_filter=4517&p=" rel="nofollow">
                    Book Care / Protection                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/book-care-&amp;-repair-type/book-repair"data-action="+ptype_bookcare_filter=4520&p=" rel="nofollow">
                    Book Repair                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/book-care-&amp;-repair-type/book-repair-tape"data-action="+ptype_bookcare_filter=4521&p=" rel="nofollow">
                    Book Repair Tape                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
</dd>
                                                                            <dt role="heading" aria-level="3" class=" TERER filter-options-title main-filter-color-filter">Color</dt>
                    <dd class="filter-options-content main-filter-color-filter">
<div class="manadev-expandable-filter outer-container show-more-show-less">
    <div class="inner-container">
        <ol id="show_in_main_sidebar-color_filter" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/white"data-action="+color_filter=4670&p=" rel="nofollow">
                    White                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/black"data-action="+color_filter=4669&p=" rel="nofollow">
                    Black                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/blue"data-action="+color_filter=4673&p=" rel="nofollow">
                    Blue                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/green"data-action="+color_filter=4674&p=" rel="nofollow">
                    Green                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/red"data-action="+color_filter=4675&p=" rel="nofollow">
                    Red                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/maroon"data-action="+color_filter=4676&p=" rel="nofollow">
                    Maroon                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/yellow"data-action="+color_filter=4679&p=" rel="nofollow">
                    Yellow                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/brown"data-action="+color_filter=4680&p=" rel="nofollow">
                    Brown                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
    </div>
</div>
    <div class="manadev-show-more custom-showmore">
        <a href="#" title="Show more">Show more</a>
    </div>
<script>
    require([
        'jquery',
        'Manadev_LayeredNavigationShowMore/js/showMoreShowLess'
    ], function($) {
        var options = {
    "number_of_visible_items": "4",
    "show_more_label": "Show more",
    "show_less_label": "Show less",
    "transition_duration_ms": "100"
};
        $("#show_in_main_sidebar-color_filter").showMoreShowLess(options);
    });
</script>
</dd>
                                                                            <dt role="heading" aria-level="3" class=" TERER filter-options-title main-filter-material">Material</dt>
                    <dd class="filter-options-content main-filter-material"><ol id="show_in_main_sidebar-material" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/material/tyvek"data-action="+material=533&p=" rel="nofollow">
                    Tyvek                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/material/11.5-mil-cloth"data-action="+material=534&p=" rel="nofollow">
                    11.5 mil Cloth                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/material/cloth"data-action="+material=536&p=" rel="nofollow">
                    Cloth                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
            </ol>
</dd>
                            </dl>
        </div>
    </div>
    <script>
        var IS_LOGIN_USER = false;
    </script>
</div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_additional_mana_layered_nav">
    <script>
        var IS_LOGIN_USER = false;
    </script>
</div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_above_products_mana_layered_nav">
</div>
91b5970cd70e2353d866806f8003c1cd56646961
<div id="mana_ajax_wrapper_mobile_mana_layered_nav">
    <div class="mana-filter-block mana-mobile" data-mage-init='{"Manadev_Core/js/StatefulCollapsibleWidget":{"id": "mobile.mana.layered_nav.title", "openedState": "active", "collapsible": true, "animate": 150, "active": false}, "Manadev_LayeredNavigation/js/NavigationView": {}}'>
        <dl class="filter-options" data-role="collapsible">
            <dt data-role="title">
                <div class="m-filter-title" data-role="trigger">
                    Filter                    <span class="collapse-indicator">&nbsp;</span>
                </div>
                                            </dt>
            <dd class="block-content" data-role="content" data-mage-init='{"Manadev_Core/js/StatefulAccordionWidget":{"id": "mobile.mana.layered_nav.filters", "openedState": "active", "active": "0", "animate": 150}}'>
<!--            >-->
                                    <dl data-role='collapsible'>
                        <dt data-role="title">
                            Price                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-price" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/price/-20.36"data-action="+price=-20.36&p=" rel="nofollow">
                    $0 - $20                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/price/20.36-"data-action="+price=20.36-&p=" rel="nofollow">
                    $20+                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                        <dl data-role='collapsible'>
                        <dt data-role="title">
                            Book Care & Repair Type                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-ptype_bookcare_filter" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/book-care-&amp;-repair-type/book-care-/-protection"data-action="+ptype_bookcare_filter=4517&p=" rel="nofollow">
                    Book Care / Protection                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/book-care-&amp;-repair-type/book-repair"data-action="+ptype_bookcare_filter=4520&p=" rel="nofollow">
                    Book Repair                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/book-care-&amp;-repair-type/book-repair-tape"data-action="+ptype_bookcare_filter=4521&p=" rel="nofollow">
                    Book Repair Tape                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                        <dl data-role='collapsible'>
                        <dt data-role="title">
                            Color                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                
<div class="manadev-expandable-filter outer-container show-more-show-less">
    <div class="inner-container">
        <ol id="show_on_mobile-color_filter" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/white"data-action="+color_filter=4670&p=" rel="nofollow">
                    White                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/black"data-action="+color_filter=4669&p=" rel="nofollow">
                    Black                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/blue"data-action="+color_filter=4673&p=" rel="nofollow">
                    Blue                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/green"data-action="+color_filter=4674&p=" rel="nofollow">
                    Green                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/red"data-action="+color_filter=4675&p=" rel="nofollow">
                    Red                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/maroon"data-action="+color_filter=4676&p=" rel="nofollow">
                    Maroon                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/yellow"data-action="+color_filter=4679&p=" rel="nofollow">
                    Yellow                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/color/brown"data-action="+color_filter=4680&p=" rel="nofollow">
                    Brown                                            <span class="count">2<span class="filter-count-label">
                                                            items                                                    </span></span>
                                    </a>
            </li>
            </ol>
    </div>
</div>
    <div class="manadev-show-more custom-showmore">
        <a href="#" title="Show more">Show more</a>
    </div>
<script>
    require([
        'jquery',
        'Manadev_LayeredNavigationShowMore/js/showMoreShowLess'
    ], function($) {
        var options = {
    "number_of_visible_items": "4",
    "show_more_label": "Show more",
    "show_less_label": "Show less",
    "transition_duration_ms": "100"
};
        $("#show_on_mobile-color_filter").showMoreShowLess(options);
    });
</script>
                            </div>
                        </dd>
                    </dl>
                                        <dl data-role='collapsible'>
                        <dt data-role="title">
                            Material                            <span class="collapse-indicator">&nbsp;</span>

                                                    </dt>
                        <dd class="filter-options-content" data-role="content">
                            <div class="m-accordion-container">
                                <ol id="show_on_mobile-material" class="items mana-filter-checkboxes" data-mage-init='{ "Manadev_LayeredNavigationCheckboxes/js/FilterView": {} }'>
                        <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/material/tyvek"data-action="+material=533&p=" rel="nofollow">
                    Tyvek                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/material/11.5-mil-cloth"data-action="+material=534&p=" rel="nofollow">
                    11.5 mil Cloth                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
                                <li class="item">
                <a class="unchecked" href="https://www.spiralbinding.com/brands/all-brands/brodart/brodart-cloth-wings/material/cloth"data-action="+material=536&p=" rel="nofollow">
                    Cloth                                            <span class="count">1<span class="filter-count-label">
                                                            item                                                    </span></span>
                                    </a>
            </li>
            </ol>
                            </div>
                        </dd>
                    </dl>
                                </dd>
        </dl>
    </div>
            <script type="text/x-magento-init">
            {
    ".mana-mobile": {
        "Manadev_LayeredNavigationMobile\/js\/manaMobileLayeredNavigation": {
            "max_width": "767"
        }
    }
}        </script>
            <script>
        require(['jquery'], function ($) {
            //console.log('window width: ' + $(window).width());
            if ($(window).width() <= 767) {
                $('body').addClass('mana-mobile-layered-navigation-enabled');
            }
        });
    </script>
    </div>