Close

Ajax Catalog Filter is not showing.

[email protected]
4 years ago
#16165 Quote
Avatar
  • 2
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,
[email protected]
4 years ago
#16166 Quote
Avatar
  • 2
Here is what the source code looks like when you inspect element:

https://drive.google.com/file/d/100ETVZL3VVjXct7b8bnIMt8Gv8l6axaq/view?usp=sharing
bartnetjs
4 years ago
#16168 Quote
Avatar
  • 1
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
nikola.dragiev
4 years ago
#16187 Quote
Avatar
  • Moderator
  • 154
[email protected] wrote:
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,


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.
Best regards,
Nikola Dragiev
Nop-Templates.com
nikola.dragiev
4 years ago
#16188 Quote
Avatar
  • Moderator
  • 154
bartnetjs wrote:
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,

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.
Best regards,
Nikola Dragiev
Nop-Templates.com