WooCommerce

Developer documentation for the Ajax Load More WooCommerce add-on.


Filter Hooks

The following filter hooks are available when using this add-on:

alm_woocommerce_container

The alm_woocommerce_container filter updates the target classname of the WooCommerce listing container.

This filter is useful when a theme has modified the default WooCommerce product classes.

alm_woocommerce_products

The alm_woocommerce_products filter updates the target classname of the individual products.

This filter is useful when a theme has modified the default WooCommerce container class.

alm_woocommerce_results

The alm_woocommerce_results filter updates the target classname on the WooCommerce result count component.

This filter is useful when a theme has modified the default WooCommerce class of this element.

The alm_woocommerce_previous_link filter updates the link label displayed when a user directly visits a paged product listing (e.g. website.com/shop/page/4/).

When accessing a deep linked product listing, Ajax Load More creates a link in the result count component that provides a method for users to go back and start from /page/1 of the listing – view example.

The alm_woocommerce_previous_link_sep filter updates the HTML separator between the alm_woocommerce_previous_link and the WooCommerce results text.

alm_woocommerce_hide_orderby

The alm_woocommerce_hide_orderby filter will hide the sort/orderby select menu on WooCommerce templates.

alm_woocommerce_orderby_class

The alm_woocommerce_orderby_class filter will update the classname for the orderby select menu.

This filter is useful when a theme has modified the default WooCommerce orderby menu class and Ajax Load More cannot locate the target element.

alm_woocommerce_hide_pagination

The alm_woocommerce_hide_pagination filter will show the default paging navigation on WooCommerce templates.

By default Ajax Load More will add inline CSS to hide the out-of-the-box WooCommerce pagination as it is replaced with infinite scroll.

alm_woocommerce_pagination_class

The alm_woocommerce_pagination_class filter will update the classname for the default WooCommerce paging navigation.

This filter is useful when a theme has modified the default WooCommerce pagination class and Ajax Load More cannot locate the target element.


WooCommerce Filter Integrations

The WooCommerce add-on has been tested and integrated with the following WooCommerce filtering plugins. Please review the integration steps of each to complete integration.

WOOF – Products Filter for WooCommerce

Users with WOOF – Products Filter for WooCommerce activated will need to complete the following steps to enable integration between the two plugins if using the Ajax filtering functionality of the plugin.

Step #1 – Disable Inline CSS

Visit the Ajax Load More settings page and disable the Load CSS Inline setting. If this setting remains enabled, WOOF will strip the inline styling and the Ajax loader will appear unstyled.

Load CSS inline setting

Step #2 – JavaScript Callback

Visit the Advanced -> Code settings section of the WOOF Products Filter and enter the following JavaScript inside the JavaScript code after AJAX is done field – this JavaScript will instruct Ajax Load More to reset after the Ajax filtering has completed.

WooF Ajax Callback Settings

Advanced AJAX Product Filters - BeRocket

Users with Advanced AJAX Product Filters by BeRocket activated will need to complete the following to enable integration between the two plugins.

Enable JavaScript Callback

Visit the Product Filters -> JavaScript/CSS settings section and enter the following JavaScript inside the After Update: field – this JavaScript will instruct Ajax Load More to reset after the Ajax filtering has completed.

Be Rocket Ajax Callback


FAQs

Below are common questions regarding the WooCommerce add-on. If you have a question and don’t see an answer here, please visit the support page and submit your request.

Is it possible to use core WooCommerce filter widgets with this add-on?

Yes, all WooCommerce filtering widgets work out of the box. You can view an example on our demo site.

Does the WooCommerce add-on integrate with other Ajax Load More add-ons like Filters or Cache?

The WooCommerce add-on is compatible with Cache, but is not yet integrated with the Filters or Paging add-ons.

Can this add-on be used on non WooCommerce templates?

No, the WooCommerce add-on can only be implemented on WooCommerce specific templates.

  • Shop
  • Product Archives
  • Product Search

WOOF WooCommerce Product Filters are not working

If you are using WOOF – WooCommerce Product Filters plugin you need to either Turn OFF the Ajax functionality within the filters or follow the guide located above.

Note: Ajax filtering can be turned off in the WOOF widget or the settings page under Options.

Advanced AJAX Product Filters by BeRocket are not working

To integrate Advanced AJAX Product Filters by BeRocket with Ajax Load More you need to follow the short implementation guide in the WooCommerce Filter Integrations section.


« Back to Add-ons