If the products, pagination, result counts or other native WooCommerce elements do not get properly updated in AJAX mode, use this section to adjust elements detection to the non-standard HTML structure of your theme.
Enter classes (preceded by dots), unique combination of classes, or element ids (preceded by the “#” sign) into the relevant fields.
Here is the list of selectors for the standard WooCommerce elements that the filters rely on during AJAX calls:
WooCommerce element | Selector |
Products list | .products |
Product container | .product |
Orderby (Sort by) container | .woocommerce-ordering |
No results found container | .woocommerce-info |
Pagination container | .woocommerce-pagination |
Page number | a.page-numbers |
Next page number | .next |