Ajax Catalog Filter is not showing.

Hi,

I've having these problem wherein the ajax filter for the categories won't show on our site. The filter should display on the red box as seen in the image below:

https://drive.google.com/open?id=1NEEznR8kK9Xl7dy2D9qQK3D654jFJH3U

here is the settings i've placed it on the widget zone "left_side_column_after_category_navigation":

https://drive.google.com/open?id=1oAz_R1PUkNjpDrEjDqrsokMkdUgqF4fn
https://drive.google.com/open?id=15Qw1nag7W44nZtjzQZmoLjxmtIhOIg0U

Here is the view where the widget zone was placed:

https://drive.google.com/open?id=11iiX2VOVFNIXxK3hbwv5iYMhZDgsUsoC

What seems to be the problem?

Thanks,

Here is what the source code looks like when you inspect element:

https://drive.google.com/file/d/100ETVZL3VVjXct7b8bnIMt8Gv8l6axaq/view?usp=sharing

I have the same problem, i can see the ajax filter via the developer tools/elements, like this:

<div class="nopAjaxFilters7Spikes" data-categoryid="4" data-manufacturerid="0" data-vendorid="0" data-isonsearchpage="False" data-searchkeyword="" data-searchcategoryid="0" data-searchmanufacturerid="0" data-searchvendorid="0" data-searchpricefrom="" data-searchpriceto="" data-searchincludesubcategories="False" data-searchinproductdescriptions="False" data-searchadvancedsearch="False" data-getfilteredproductsurl="/getFilteredProducts" data-productslistpanelselector=".product-list" data-productsgridpanelselector=".product-grid" data-pagerpanelselector=".pager" data-pagerpanelintegrationselector=".product-grid, .product-list" data-sortoptionsdropdownselector="#products-orderby" data-viewoptionsdropdownselector=".viewmode-icon, #products-viewmode" data-productspagesizedropdownselector="#products-pagesize" data-filtersuimode="usecheckboxes" data-defaultviewmode="grid" data-enableinfinitescroll="False" data-infinitescrollloadertext="Loading more products ..." data-scrolltoelement="False" data-scrolltoelementselector=".product-selectors" data-scrolltoelementadditionaloffset="0" data-showselectedfilterspanel="False" data-numberofreturnedproductsselector="false" data-selectedoptionstargetselector=".nopAjaxFilters7Spikes .filtersPanel:first" data-selectedoptionstargetaction="prependTo" data-isrtl="false" data-closefilterspanelafterfiltrationinmobile="true" data-no-products-window-title="No results found" data-no-products-window-message="There are no products for the filters that you selected. Please widen your search criteria."></div>

but it doesn't show anything visible on the page

Hello,

The setup of your website seems to be right but we will need access to your website to investigate where the problem is. Maybe you could submit a ticket to our ticketing system with URL and if possible Admin access so we can dig deeper.

Thank you.

Hello,

I see that you have raised a ticket about that and I believe that we have answered per your request.

In order for the Ajax Filters to work, you will need more than one product per category and Product Specifications and Attributes set for them, otherwise, there is nothing to filter from. Of course, the Specifications and Attributes have to have Allow filtering set to true also. If all of those conditions are met and the filters are still not shown please submit a ticket to our support team and we will do our best to help you.