Ajax Content Browser is a light-weight WordPress plugin to display your WordPress content in a grid layout, beautifully. It enables your site visitors to browse, search, sort and filter the content using AJAX technology without page refreshing.
Whether you want to show blog posts, WooCommerce products, Easy Digital Downloads products, or just custom post types, this plugin will do the job. Ajax Content Browser integrates seamlessly with WooCommerce and Easy Digital Downloads.
Check out the demo at
Ajax Content Browser
Plugin Features
- Infinite scroll — Auto loading of new items when user scroll
- Automatic Integration with WooCommerce and Easy Digital Downloads
- Shortcode Builder
- Front-end Ajax Filtering
- Front-end Ajax Sorting
- Multiple shortcodes per page or template are supported
- URL Queries — Filters are remembered in URL and can be accessed directly!
- Views and Likes Built-In
- Fully Responsive & Mobile-Ready
- Tons of shortcode options
Shortcode options
Ajax Content Browser comes with a lot of shortcode options to allow you to fully customize the look and feel of the grid. You can also use the shortcode generator to build your shortcode.
Add a unique ID to the displayed grid. By default the plugin will automatically generate a custom ID. Use this If you intend to have multiple grids per page. For example:
[acb id="my-grid"]
A comma separated list of post types to show in the grid. You can combine multiple post types. e.g. show posts and products.
[acb post_type="post,product"]
The number of posts to get on each load. By default this is 10 posts per page. For example, to display 20 posts:
[acb posts_per_page="20"]
If this is set, the grid will automatically start from a specific page instead of starting from the first page by default. Example: to make the grid start results from page 2 you would add this:
[acb paged="2"]
A comma separated list of custom taxonomies you want to allow the user to filter from. By default this shows categories and post tags but you can explicitly set which custom taxonomies you want to add as filter.
[acb taxonomies="product_cat,product_tag"]
Show or hide the ajax filters menu. For example you can use the following to hide the filters.
[acb show_filters="no"]
Show or hide the ajax search form. The ajax search form is enabled by default. You can use the following to hide the search box.
[acb show_search="no"]
When search is enabled, you can define where the search form should appear. By default it appears on the top of ajax filters, you can use this to display the search below filters.
[acb search_position="bottom"]
Show or hide the author name who created the post. The author is displayed by default. To hide the author you can use:
[acb show_author="no"]
Show or hide the post time e.g. 1 hr ago. By default the time is displayed on every item. To hide the time, use the following:
[acb show_time="no"]
Show or hide the ajax sorting dropdown which appears before the grid and enables you to sort items. By default this is enabled, to hide the sort feature please use:
[acb show_sortby="no"]
Show or hide the posts count displayed beside ajax filter. e.g. category posts count. By default this is enabled, to disable the counts, you can use:
[acb show_counts="no"]
This is off by default. If you enable this option, item tags and terms will be displayed below the title. To enable this feature, please use the following in your shortcode:
[acb show_item_tags="yes"]
Show or hide the item featured image. This is enabled by default and shows the item featured image If it exists. To disable featured images, please use:
[acb show_thumbnail="no"]
Show or hide an ajax date filter to allow users to browse items released over a specific period of time. By default the date filter is enabled. To turn it off you can use:
[acb date_filter="no"]
Show or hide the price filter (min. and max. price) for WooCommerce and Easy Digital Downloads when they are enabled. By default the price filter will appear. To hide the price filter, you can use:
[acb price_filter="no"]
If you set toggle_all to "yes" in the shortcode, the filters will be collapsed on load. By default, filters are expanded.
[acb toggle_all="yes"]
You can toggle specific filters by passing the filter as an option and set its value to "yes". For example to toggle the categories filter by default, you would have to add the following to your shortcode:
[acb toggle_category="yes"]