<div class="sorting-area"> <select name="" id="" class="filter-sort"> <option data-hidden="true" data-display="Sort By" value=""></option> <option value="/shop/?filter_material=cotton&#038;orderby=date">New Arrivals</option> <option value="/shop/?filter_material=cotton&#038;orderby=popularity">Best Sellers</option> <option value="/shop/?filter_material=cotton&#038;orderby=price">Price Low to High</option> <option value="/shop/?filter_material=cotton&#038;orderby=price-desc">Price High to Low</option> </select> </div> <div class="filter-items-container"> <div class="filter-loader"> <div class="filter-spinner"></div> </div> <div class="filter-items swiper-container"> <div class="filter-items-wrap swiper-wrapper"> <div class="single-filter-item filter-product_cat swiper-slide" id="filter-id-product_cat" style="width: 360px; min-width: 360px;"> <div class="filter-info"> <span class="filter-name"> Category </span> <div style="clear: both;"></div> <div class="filter-mobile-toggle"> <i class="ti ti-angle-down"></i> </div> </div> <div class="filter-content"> <ul> <li data-pagenumber="1" class="" data-item-slug="suits" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;product_cat=suits&#038;query_type_product_cat=or" data-filter-slug="product_cat" > <label> <i class="checkbox"></i> <div class="filter-title">Suits <span class="filter-count">(3)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="sport-coats-blazer" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;product_cat=sport-coats-blazer&#038;query_type_product_cat=or" data-filter-slug="product_cat" > <label> <i class="checkbox"></i> <div class="filter-title">Sport Coats &amp; Blazer <span class="filter-count">(1)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="dress-shirts" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;product_cat=dress-shirts&#038;query_type_product_cat=or" data-filter-slug="product_cat" > <label> <i class="checkbox"></i> <div class="filter-title">Dress Shirts <span class="filter-count">(8)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="essentials" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;product_cat=essentials&#038;query_type_product_cat=or" data-filter-slug="product_cat" > <label> <i class="checkbox"></i> <div class="filter-title">Essentials <span class="filter-count">(3)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="casual-shirts" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;product_cat=casual-shirts&#038;query_type_product_cat=or" data-filter-slug="product_cat" > <label> <i class="checkbox"></i> <div class="filter-title">Casual Shirts <span class="filter-count">(1)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="shirts" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;product_cat=shirts&#038;query_type_product_cat=or" data-filter-slug="product_cat" > <label> <i class="checkbox"></i> <div class="filter-title">Shirts <span class="filter-count">(9)</span></div> </label> </li> </ul> </div> </div> <div class="single-filter-item filter-color swiper-slide" id="filter-id-color" style="width: 250px; min-width: 250px;"> <div class="filter-info"> <span class="filter-name"> Color </span> <div style="clear: both;"></div> <div class="filter-mobile-toggle"> <i class="ti ti-angle-down"></i> </div> </div> <div class="filter-content"> <ul> <li data-pagenumber="1" class="" data-item-slug="blue" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_color=blue&#038;query_type_color=or" data-filter-slug="color" > <label> <div class="color-swatch available-colors"><div class="color noeffect" data-term_id="40"><span style="background-color: #0059ad"></span></div></div> <div class="filter-title">Blue <span class="filter-count">(5)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="royal-blue" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_color=royal-blue&#038;query_type_color=or" data-filter-slug="color" > <label> <div class="color-swatch available-colors"><div class="color noeffect" data-term_id="265"><span style="background-color: #00307a"></span></div></div> <div class="filter-title">Royal Blue <span class="filter-count">(1)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="grey" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_color=grey&#038;query_type_color=or" data-filter-slug="color" > <label> <div class="color-swatch available-colors"><div class="color noeffect" data-term_id="69"><span style="background-color: #cccccc"></span></div></div> <div class="filter-title">Grey <span class="filter-count">(1)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="red" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_color=red&#038;query_type_color=or" data-filter-slug="color" > <label> <div class="color-swatch available-colors"><div class="color noeffect" data-term_id="84"><span style="background-color: #dd3333"></span></div></div> <div class="filter-title">Red <span class="filter-count">(2)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="white" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_color=white&#038;query_type_color=or" data-filter-slug="color" > <label> <div class="color-swatch available-colors"><div class="color noeffect" data-term_id="23"><span style="background-color: #ffffff"></span></div></div> <div class="filter-title">White <span class="filter-count">(3)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="lilac" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_color=lilac&#038;query_type_color=or" data-filter-slug="color" > <label> <div class="color-swatch available-colors"><div class="color noeffect" data-term_id="225"><span style="background-color: #bdb3c0"></span></div></div> <div class="filter-title">Lilac <span class="filter-count">(2)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="pink" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_color=pink&#038;query_type_color=or" data-filter-slug="color" > <label> <div class="color-swatch available-colors"><div class="color noeffect" data-term_id="78"><span style="background-color: #ff4f6c"></span></div></div> <div class="filter-title">Pink <span class="filter-count">(1)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="beige" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_color=beige&#038;query_type_color=or" data-filter-slug="color" > <label> <div class="color-swatch available-colors"><div class="color noeffect" data-term_id="228"><span style="background-color: #cec0b1"></span></div></div> <div class="filter-title">Beige <span class="filter-count">(1)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="brown" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_color=brown&#038;query_type_color=or" data-filter-slug="color" > <label> <div class="color-swatch available-colors"><div class="color noeffect" data-term_id="24"><span style="background-color: #d16f00"></span></div></div> <div class="filter-title">Brown <span class="filter-count">(1)</span></div> </label> </li> </ul> </div> </div> <div class="single-filter-item filter-price swiper-slide" id="filter-id-price" style="width: 360px; min-width: 360px;overflow:visible;"> <div class="filter-info"> <span class="filter-name"> Price Range </span> <div style="clear: both;"></div> <div class="filter-mobile-toggle"> <i class="ti ti-angle-down"></i> </div> </div> <div class="filter-content"> <div class="price-filter swiper-no-swiping"> <input style="opacity: 0;" type="text" class="js-range-slider" name="my_range" value="" data-min="10" data-max="4095" data-from="10" data-prefix="&#036;" data-prettify-separator="," data-to="4095"/> </div> <div class="filter-inputs"> <div class="filter-input left-input"> <div class="currency-area">&#036;</div> <div class="input-area"> <input id="min-price" type="number" name="" value="10"> </div> </div> <div class="inputs-separator">-</div> <div class="filter-input right-input"> <div class="currency-area">&#036;</div> <div class="input-area"> <input id="max-price" type="number" name="" value="4095"> </div> </div> </div> </div> </div> <div class="single-filter-item filter-material swiper-slide" id="filter-id-material" style="width: 360px; min-width: 360px;"> <div class="filter-info"> <span class="filter-name"> Material </span> <span class="applied-count"> 1 </span> <div style="clear: both;"></div> <div class="filter-mobile-toggle"> <i class="ti ti-angle-down"></i> </div> </div> <div class="filter-content"> <ul> <li data-pagenumber="1" class="" data-item-slug="cashmere" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton,cashmere&#038;query_type_material=or" data-filter-slug="material" > <label> <i class="checkbox"></i> <div class="filter-title">Cashmere <span class="filter-count">(1)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="wool" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton,wool&#038;query_type_material=or" data-filter-slug="material" > <label> <i class="checkbox"></i> <div class="filter-title">Wool <span class="filter-count">(18)</span></div> </label> </li> <li data-pagenumber="1" class="selected" data-item-slug="cotton" data-filter-url="https://etoilesfrissons.com/shop/" data-filter-slug="material" > <label> <i class="checkbox"></i> <div class="filter-title">Cotton <span class="filter-count">(13)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="silk" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton,silk&#038;query_type_material=or" data-filter-slug="material" > <label> <i class="checkbox"></i> <div class="filter-title">Silk <span class="filter-count">(5)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="polyamid" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton,polyamid&#038;query_type_material=or" data-filter-slug="material" > <label> <i class="checkbox"></i> <div class="filter-title">Polyamid <span class="filter-count">(1)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="mohair" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton,mohair&#038;query_type_material=or" data-filter-slug="material" > <label> <i class="checkbox"></i> <div class="filter-title">Mohair <span class="filter-count">(2)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="linen" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton,linen&#038;query_type_material=or" data-filter-slug="material" > <label> <i class="checkbox"></i> <div class="filter-title">Linen <span class="filter-count">(1)</span></div> </label> </li> </ul> </div> </div> <div class="oneitem single-filter-item filter-construction swiper-slide" id="filter-id-construction" style="width: 360px; min-width: 360px;"> <div class="filter-info"> <span class="filter-name"> Construction </span> <div style="clear: both;"></div> <div class="filter-mobile-toggle"> <i class="ti ti-angle-down"></i> </div> </div> <div class="filter-content"> <ul> <li data-pagenumber="1" class="" data-item-slug="full-canvas" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_construction=full-canvas&#038;query_type_construction=or" data-filter-slug="construction" > <label> <i class="checkbox"></i> <div class="filter-title">Full Canvas <span class="filter-count">(4)</span></div> </label> </li> </ul> </div> </div> <div class="single-filter-item filter-pattern swiper-slide" id="filter-id-pattern" style="width: 360px; min-width: 360px;"> <div class="filter-info"> <span class="filter-name"> Pattern </span> <div style="clear: both;"></div> <div class="filter-mobile-toggle"> <i class="ti ti-angle-down"></i> </div> </div> <div class="filter-content"> <ul> <li data-pagenumber="1" class="" data-item-slug="plain" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_pattern=plain&#038;query_type_pattern=or" data-filter-slug="pattern" > <label> <i class="checkbox"></i> <div class="filter-title">Plain <span class="filter-count">(9)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="stripe" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_pattern=stripe&#038;query_type_pattern=or" data-filter-slug="pattern" > <label> <i class="checkbox"></i> <div class="filter-title">Stripe <span class="filter-count">(3)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="herringbone" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_pattern=herringbone&#038;query_type_pattern=or" data-filter-slug="pattern" > <label> <i class="checkbox"></i> <div class="filter-title">Herringbone <span class="filter-count">(1)</span></div> </label> </li> </ul> </div> </div> <div class="single-filter-item filter-woven-by swiper-slide" id="filter-id-woven-by" style="width: 360px; min-width: 360px;"> <div class="filter-info"> <span class="filter-name"> Woven By </span> <div style="clear: both;"></div> <div class="filter-mobile-toggle"> <i class="ti ti-angle-down"></i> </div> </div> <div class="filter-content"> <ul> <li data-pagenumber="1" class="" data-item-slug="holland-sherry" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_woven-by=holland-sherry&#038;query_type_woven-by=or" data-filter-slug="woven-by" > <label> <i class="checkbox"></i> <div class="filter-title">Holland &amp; Sherry <span class="filter-count">(3)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="caccioppoli" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_woven-by=caccioppoli&#038;query_type_woven-by=or" data-filter-slug="woven-by" > <label> <i class="checkbox"></i> <div class="filter-title">Caccioppoli <span class="filter-count">(1)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="alumo" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_woven-by=alumo&#038;query_type_woven-by=or" data-filter-slug="woven-by" > <label> <i class="checkbox"></i> <div class="filter-title">Alumo <span class="filter-count">(9)</span></div> </label> </li> </ul> </div> </div> <div class="single-filter-item filter-collection swiper-slide" id="filter-id-collection" style="width: 360px; min-width: 360px;"> <div class="filter-info"> <span class="filter-name"> Collection </span> <div style="clear: both;"></div> <div class="filter-mobile-toggle"> <i class="ti ti-angle-down"></i> </div> </div> <div class="filter-content"> <ul> <li data-pagenumber="1" class="" data-item-slug="fall-winter" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_collection=fall-winter&#038;query_type_collection=or" data-filter-slug="collection" > <label> <i class="checkbox"></i> <div class="filter-title">Fall &amp; Winter <span class="filter-count">(3)</span></div> </label> </li> <li data-pagenumber="1" class="" data-item-slug="spring-summer" data-filter-url="https://etoilesfrissons.com/shop/?filter_material=cotton&#038;filter_collection=spring-summer&#038;query_type_collection=or" data-filter-slug="collection" > <label> <i class="checkbox"></i> <div class="filter-title">Spring &amp; Summer <span class="filter-count">(10)</span></div> </label> </li> </ul> </div> </div> </div> </div> </div> <div class="filter-actions"> <div class="filter-btns"> <button class="apply-filter"> Apply <span class="apply-filter-count">(13)</span> </button> </div> </div>