Equal Heights after Search & FIlter Pro Ajax Refresh
Using Search & Filter Pro with a grid of items that have equal heights set may loose their equal heights after a S&F filter on the same page Ajax refresh. You can pass in some jQuey to Search & Filter Pro callback sf:ajaxfinish (function($){ $(function() { // Document Ready // detects the end of an…
Read MoreAdd Search & Filter Pro Filters In Off-Canvas Menu
Adding the Search & Filter Pro filters in an off-canvas menu can be a better user experience on mobile devices. This guide uses UABBs Off-Canvas Module with a WooCommerce main shop page built in Beaver Themer. With a desktop/tablet layout already in place, this example uses a 2-column layout, WooCommerce shop page on the right…
Read MoreSet up WooCommerce shop page with Search and Filter Pro and Beaver Themer
Here is how you can set up the main WooCommerce shop page with Search and Filter Pro and Beaver Themer. The layout is to have the filter options on the left and products on the right, the filtering is using the product categories as well as a custom taxonomy. Search & Filter Pro In…
Read MoreAdd Search & Filter Pro with Ajax Reload to Beaver Builder Post Masonry Grid
You can use Search and Filter Pro with Beaver Builders Themer Post Module grid masonry layout with Ajax reload. This guide goes through the tweaks needed and uses a custom post type archive page with a Post Grid module that uses the main query with a masonry layout. Create your Posts Module CPT Archive Page…
Read MoreAdd Search & Filter Pro to Beaver Themer Post Module CPT Archive
You can use Search and Filter Pro with Beaver Builders Themer Post Module columns post layout, this guide goes through the tweaks needed and uses a CPT (custom post type) archive page. Create your Posts Module CPT Archive Page via Themer Create your Posts Module with the columns layout on a CPT…
Read MoreAdd Search & Filter Pro to Beaver Builder Masonry Grid
You can use Search and Filter Pro with Beaver Builders Themer Post Module grid masonry layout, this guide goes through the tweaks needed and used the main blog post archive page. Create your Posts Module Archive Page Create your Posts Module layout on the main Post Archive page with Beaver Themer and add in your…
Read MoreAdding a loading icon spinner on Search & Filter Pro Archive Page
Search & Filter Pro is a great WordPress filter tool, here is a guide to add a loading icon animation whilst the page is ajax refreshed when the user has selected a filter request and is waiting for the page to load the new results. The plugin author has made 2 event callbacks where you…
Read More