Codex Tag: intermediate

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

Architect 1.5 introduced a method to share specific slides (or any panel actually). This can be useful for site visitors who wish to share images in galleries.   [ arcshare ] shortcode [ arcshare ] shortcode To add sharing links to your Blueprint, include a meta field in your layout, and then add the acrshare shortcode…

From Architect v1.4, you can import Blueprints and Presets within Architect itself. Previously you could only import Blueprints through the WP Import menu. Read the Exporting Blueprints and making Presets tutorial for information on that part of the process. Go to the Architect Tools screen Go to the Architect Tools screenIn your WordPress admin, go…

In this tutorial, we will show just the steps for displaying and configuring some custom fields. There is an advanced tutorial that goes into more depth that shows a specific project involving Advanced Custom Fields (from which these steps have been extracted): Using Advanced Custom Fields and Snippets to make a Pricing Table So, if…

The most requested feature – since even before Architect was officially released – was animations. And in Architect 1.2, they are here. Animations in Architect animate the panels containing your content, or the individual content components. They do not allow you to add and animate content within their settings.   Animation demo Animation demoVisit Architect…

Architect 1.2 introduced an exceptionally powerful handling of device specific design. Normally in responsive design, you build one site fits all and then make it squish, squeeze or stretch in response to the device it is displayed. Companies with lots of money usually build a separate mobile site, after prefixed with an m, e.g. m.companyweb.com…