<div id="productFilter" class="advancedFilter">

    <h5 class="refineSelection js_refineSelection">
        Filter
    </h5>

    <div class="productFilterSelectionWrap">
        <div class="productFilterSelection">

            <div class="selectionsWrap">
                <div id="productFilterSelections">
                    {{ selections_html|raw }}
                </div>
            </div> <!-- .selectionsWrap -->

            {% if category_html is not empty %}
                <div class="filterSortBoxWrap">
                    <h5 class="collapseMe">Categories</h5>
                    <div id="productFilterCategories" class="filterSortBox">
                        {{ category_html|raw }}
                    </div>
                </div>
            {% endif %}


            {% if settings.ITEMS_SIZES and sizes_html is not empty %}
                <div class="filterSortBoxWrap">

                    <h5 class="collapseMe">Sizes</h5>

                    <div id="productFilterSizes" class="filterSortBox">
                        {{ sizes_html|raw }}
                    </div>

                </div> <!-- / Filter Sort Box -->
            {% endif %}

            {% if settings.BRANDS_ENABLED and brands_html|length > 0 %}
                <div class="filterSortBoxWrap">

                    <h5 class="collapseMe">Brands</h5>

                    <div id="productFilterBrands" class="filterSortBox">
                        {{ brands_html|raw }}
                    </div>

                </div> <!-- .filterSortBoxWrap -->
            {% endif %}

            {% if custom_html is not empty %}
                <div id="productFilterCustom">
                    {{ custom_html|raw }}
                </div>
            {% endif %}

            <div class="filterSortBoxWrap" id="priceRangeForm">

                <h5>Price</h5>

                <div class="innerContent">

                    <form action="#" method="post">

                        <div id="productFilterPrice">
                            {{ price_html|raw }}
                        </div>

                    </form>

                    {% if SETTINGS.filter_price_slider %}
                        <div id="priceSlider"></div>
                    {% endif %}

                </div> <!-- .innerContent -->

            </div> <!-- .filterSortBoxWrap -->

	    </div> <!-- .productFilterSelection -->
	</div> <!-- .productFilterSelectionWrap -->

    {% if settings.PRODUCT_FILTER %}
        <div class="triggerAdvancedProductFilterWrap">
            <div class="triggerAdvancedProductFilterClose js_triggerAdvancedProductFilterClose buttonAlt">
                Done Filtering
            </div>
        </div> <!-- .triggerAdvancedProductFilterWrap -->
    {% endif %}

</div> <!-- .advancedFilter -->


