Get a fast, conversion-focused WooCommerce theme in 2024. Switch to Shoptimizer.

Ajax Filters for WooCommerce

We recommend the excellent YITH WooCommerce Ajax Navigation plugin to allow you to add filters that once selected update your product results without reloading the page.

This is a great feature as it makes your product sets feel snappy and responsive as the results load instantly.

The plugin works as a widget which works with attributes that you’ve already assigned to your products. You first assign attributes to a product – in this example two colors:

attributes

Next, create a new ‘YITH WooCommerce Ajax Navigation’ widget. It accepts the following customizations:

  • Title: the title of the widget
  • Attribute: the Product Attribute you want to display
  • Query Type: the query type.
    • AND – If a user selects two attributes, only products with match both attributes will be returned
    • OR – If a user selects two attributes, products which match either attribute will be returned
  • Type:
    • List – Common visualization. An unordered list of attributes
    • Color – A list of blocks in which you can define the color
    • Label – A list of blocks in which you can define the label contained
    • Dropdown – A select in which you can define the label contained

Choosing ‘color’ in this example gives you to option to assign a swatch to each attribute.

The other options are lists, labels and dropdowns. You can see an example of how we’ve used all of these features in our Captiva theme on the sidebar.

So what are you waiting for! It’s free so install it and make your product results feel snappy and instant with this excellent ajax navigation plugin.

Simon Tomkins Designer, developer and pixel pusher until things are just right. Interested in modern, functional design with a focus on speed, clean typography and conversions. Enjoys whitespace and strong coffee.

Shoptimizer WooCommerce Theme

Shoptimizer is a FAST WooCommerce theme that comes with a ton of features all designed to help you convert more users to customers.

More details

Shoptimizer WooCommerce Theme screenshot

Latest eCommerce Guides View all Guides

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Blog Posts

$50
Off

Do you want a whopping $50 off Shoptimizer for WooCommerce?

Click the button below to get Shoptimizer for only $49. (Regular price: $99).
This is a special launch offer for today only.
Get it before it is gone!