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/uncategorized/?orderby=date">New Arrivals</option>
<option value="/product-category/uncategorized/?orderby=popularity">Best Sellers</option>
<option value="/product-category/uncategorized/?orderby=price">Price Low to High</option>
<option value="/product-category/uncategorized/?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-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>
</div>
</div>
<div class="filter-actions">
<div class="filter-btns">
<button class="apply-filter">
Apply <span class="apply-filter-count">(3)</span>
</button>
</div>
</div>
No products were found matching your selection.