Filter stack updated to version 4

I asked on Twitter and Google+ in December about what you liked in the Filter stack and any changes or improvements you wanted to see, as part of the interface update (that was already planned). Lots of feedback was received and nearly all of those feature requests have been incorporated into this latest version.

Again, the most significant change in version 4 is the user interface. The old fashioned ‘repeats’ (where you choose in the settings how many items to display) are being discontinued in the Stacks API; so we’ve embraced the new ‘sub-stacks’ system in Filter 4. This single change makes Filter stack even easier and faster to setup. You can easily add new filtrable items with no markup required, change their order via drag-and-drop, duplicate existing items, copy items between pages or projects and delete old ones. It’s a really slick new system and the Beta testers have been loving it!

There are now more style options for category buttons, so you can apply settings to make them look like buttons in your existing website. Plus other things like the option change button alignment. The new option of a sidebar lets you place these buttons on the right or left of your filtrable items, within a responsive column.

Typeahead support has been added. This means that when your website users click on a category button, initially nothing is shown. As they begin to type in the search box, matching search terms are shown (formed using tags). Clicking one of these tags applies that particular criteria to the active filter.

The new ‘Algorithm’ setting lets you toggle between an ‘or’ operator or an ‘and’ operator, when applying filters. This advanced feature permits you to customise how strict the filtering is; through partial or absolute tag matches. In some setups, this can prove essential in controlling what a website user sees.

Another welcome new feature is the ability to apply a range of background effects to your filtrable items. Choose between transparent, a solid fill, vertical gradient, horizontal gradient, diagonal gradients, background images or an RGBa semi-transparent fill.

This is just a brief overview of what’s changed. The good news is that Filter 4 is a completely free update for all existing Filter stack users, regardless of where or when you purchased the stack. Filter 4 will safely install alongside older versions of the Filter stack. It you got Filter after 1st January 2015, then you can download version 4 of the stack from your Paddle Locker. If you purchased the stack before then, simply email a copy of your purchase receipt and we’ll give you a 100% coupon code to re-buy the stack with. Please note that Filter 4 requires Stacks 3 - it will not work in Stacks 2.

Filter is a superb stack for any setup where you need the ability for your website users to search or filter content simultaneously. It is an intelligent stack and offers many ways to customise the style and layout of your content. We have a lot of faith in this stack; so much so that Filter is the same stack used to power the landing page on the Stacks4Stacks website! Filter is fast, it works with all major web browsers, it boasts excellent SEO qualities and minor details like print / PDF output have all been accounted for.

Don’t forget that if you are looking for a lighter alternative to the Filter stack, the SortStack provides a wonderful method for people to click and quickly filter items (without the search capability), plus sort items into ascending or descending order or display items at random. Free demo versions of both SortStack and Filter are provided, so you can compare them side-by-side.

Click here to learn more about the Filter stack.


So it looks like you have to use the Sort Stack in conjunction with Filter stack is that right?
Do you have a tutorial video on the Filter stack like you do for the sort stack?

I am thinking of purchasing


Yabdab’s Filter but it doesn’t look like it will sort on the page. Hunter looks good to but doesn’t seem like it will sort.

Not quite. Filter and SortStack are two completely separate stack elements with zero interactions with each other. You would have to choose between using one or the other. You could not use both together on the same page.

If you look at the product page for Filter stack again, you’ll see that it creates category buttons for your items. Clicking a category button lets you filter items using the little search box or by clicking the keywords listed. An extremely powerful filtering system ideally suited for complex, multi-query sorting or larger inventories of items.

SortStack is much simpler in function and merely displays some category buttons. Clicking a button just brings those particular ‘tagged’ items into view. You cannot apply more complex filtering criteria with SortStack. SortStack would be ideal for tasks like a simple portfolio of work for a designer or photographer, where you could click to display particular categories of work one at a time.

I’d strongly recommend that you take the time to download the free demo versions for both stacks. I provide free demo’s for all my stack elements. Then you can create new pages and test both stacks side by side to get a true comparison and understand how they work.

You can contact me direct through the website if you have any further questions or details to share with me about what you’re trying to create. I’ll be around all this weekend. I can setup some simple test sites for you to play with.

Okay thank you, it sounds like what I am trying to accomplish is not possible to both sort and filter. Thank you for your help and the free demo downloads.