Architect Documentation & Tutorials

Masonry filtering and sorting

Architect 1.5 added the ability to have filtering and sorting options on Masonry layouts.

 

Enabling Filtering and Sorting

Enabling Filtering and Sorting

Once you set your Layout type as Masonry, you will get a Masonry tab. In that you can enable Filtering, Sorting or both.

Filtering

Filtering

Enable Filtering to see all the filtering options.

Note: When you change the selected taxonomies, you must Update/Publish to see the specific options for them.

  1. Taxonomies : Choose the taxonomies to provide filtering on
  2. Allow multiple filter terms : Enable this if you wish site users to be able to combine multiple terms. Please note though, this is an narrowing process. That is, selecting blue and jumber would show only blue jumpers, not anything blue and any jumpers.
  3. Limit : Control if all terms are shown, or whether to include or exclude those in the list below.
  4. Inclusions/Exclusions : Choose terms to include or exclude from display to the site user.
Sorting

Sorting

When Sorting is enabled, you will get three additional fields

  1. Sort fields - Select which fields you want to give your visitors the option to sort by
  2. Numeric sort fields - For custom fields, set which fields are numeric
  3. Date sort fields - For custom fields, set which fields are dates
Default example

Default example

  

Sorted by price example

Sorted by price example

  

Filtered example one: Single filter

Filtered example one: Single filter

  

Filtering example 2: Multiple filters

Filtering example 2: Multiple filters

  

Online demo

Online demo

You can play with the online demo of Masonry filtering sorting on the Architect4WP demos site