Filter & Sort
<div class="sorting-area">
<select name="" id="" class="filter-sort">
<option data-hidden="true" data-display="Sort By" value=""></option>
<option value="/product-category/suits/?orderby=date">New Arrivals</option>
<option value="/product-category/suits/?orderby=popularity">Best Sellers</option>
<option value="/product-category/suits/?orderby=price">Price Low to High</option>
<option value="/product-category/suits/?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-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/product-category/suits/?filter_color=blue&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">(2)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="navy-blue"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_color=navy-blue&query_type_color=or"
data-filter-slug="color"
>
<label>
<div class="color-swatch available-colors"><div class="color noeffect" data-term_id="245"><span style="background-color: #04396d"></span></div></div> <div class="filter-title">Navy Blue
<span class="filter-count">(1)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="royal-blue"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_color=royal-blue&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="brown"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_color=brown&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">(2)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="aubergine"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_color=aubergine&query_type_color=or"
data-filter-slug="color"
>
<label>
<div class="color-swatch available-colors"><div class="color noeffect" data-term_id="263"><span style="background-color: #7e447b"></span></div></div> <div class="filter-title">Aubergine
<span class="filter-count">(1)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="forest-green"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_color=forest-green&query_type_color=or"
data-filter-slug="color"
>
<label>
<div class="color-swatch available-colors"><div class="color noeffect" data-term_id="262"><span style="background-color: #3a5a4a"></span></div></div> <div class="filter-title">Forest Green
<span class="filter-count">(1)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="grey"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_color=grey&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">(3)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="red"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_color=red&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="emerald-green"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_color=emerald-green&query_type_color=or"
data-filter-slug="color"
>
<label>
<div class="color-swatch available-colors"><div class="color noeffect" data-term_id="238"><span style="background-color: #50c273"></span></div></div> <div class="filter-title">Emerald Green
<span class="filter-count">(1)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="white"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_color=white&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">(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="$"
data-prettify-separator=","
data-to="4095"/>
</div>
<div class="filter-inputs">
<div class="filter-input left-input">
<div class="currency-area">$</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">$</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>
<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="wool"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_material=wool&query_type_material=or"
data-filter-slug="material"
>
<label>
<i class="checkbox"></i>
<div class="filter-title">Wool
<span class="filter-count">(12)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="cotton"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_material=cotton&query_type_material=or"
data-filter-slug="material"
>
<label>
<i class="checkbox"></i>
<div class="filter-title">Cotton
<span class="filter-count">(3)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="silk"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_material=silk&query_type_material=or"
data-filter-slug="material"
>
<label>
<i class="checkbox"></i>
<div class="filter-title">Silk
<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/product-category/suits/?filter_construction=full-canvas&query_type_construction=or"
data-filter-slug="construction"
>
<label>
<i class="checkbox"></i>
<div class="filter-title">Full Canvas
<span class="filter-count">(15)</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/product-category/suits/?filter_pattern=plain&query_type_pattern=or"
data-filter-slug="pattern"
>
<label>
<i class="checkbox"></i>
<div class="filter-title">Plain
<span class="filter-count">(8)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="plaid"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_pattern=plaid&query_type_pattern=or"
data-filter-slug="pattern"
>
<label>
<i class="checkbox"></i>
<div class="filter-title">Plaid
<span class="filter-count">(1)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="stripe"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_pattern=stripe&query_type_pattern=or"
data-filter-slug="pattern"
>
<label>
<i class="checkbox"></i>
<div class="filter-title">Stripe
<span class="filter-count">(2)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="houndstooth"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_pattern=houndstooth&query_type_pattern=or"
data-filter-slug="pattern"
>
<label>
<i class="checkbox"></i>
<div class="filter-title">Houndstooth
<span class="filter-count">(1)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="herringbone"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_pattern=herringbone&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>
<li
data-pagenumber="1"
class=""
data-item-slug="whipcord"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_pattern=whipcord&query_type_pattern=or"
data-filter-slug="pattern"
>
<label>
<i class="checkbox"></i>
<div class="filter-title">Whipcord
<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="etoiles-frissons"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_woven-by=etoiles-frissons&query_type_woven-by=or"
data-filter-slug="woven-by"
>
<label>
<i class="checkbox"></i>
<div class="filter-title">Etoiles Frissons
<span class="filter-count">(2)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="holland-sherry"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_woven-by=holland-sherry&query_type_woven-by=or"
data-filter-slug="woven-by"
>
<label>
<i class="checkbox"></i>
<div class="filter-title">Holland & Sherry
<span class="filter-count">(11)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="caccioppoli"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_woven-by=caccioppoli&query_type_woven-by=or"
data-filter-slug="woven-by"
>
<label>
<i class="checkbox"></i>
<div class="filter-title">Caccioppoli
<span class="filter-count">(2)</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/product-category/suits/?filter_collection=fall-winter&query_type_collection=or"
data-filter-slug="collection"
>
<label>
<i class="checkbox"></i>
<div class="filter-title">Fall & Winter
<span class="filter-count">(8)</span></div>
</label>
</li>
<li
data-pagenumber="1"
class=""
data-item-slug="spring-summer"
data-filter-url="https://etoilesfrissons.com/product-category/suits/?filter_collection=spring-summer&query_type_collection=or"
data-filter-slug="collection"
>
<label>
<i class="checkbox"></i>
<div class="filter-title">Spring & Summer
<span class="filter-count">(7)</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">(15)</span>
</button>
</div>
</div>
LOAD MORE
You're viewed 8 of 15 products