Portfolio Filter

Estimated reading: 1 minute 23 views

Portfolio Filter shows a filterable portfolio. Visitors click category labels to show matching projects. Filtering updates the display without requiring a full page reload where AJAX filtering is supported.

How to Filter Portfolio Items

To create a filterable portfolio:
  1. Assign categories to your portfolio items.
  2. Add the Portfolio Filter block.
  3. Set Filter All Text (the first “show everything” label).
  4. Adjust gutter, layouts, and styling.
  5. Publish and test the filter buttons on the frontend.
portfolio-filter
  • Filter All Text: Label for the first filter option (for example “All”).
  • Gutter: Spacing between items.
  • Layout: Columns, post layout, variation, and overlay/meta options.
  • Content / Query: Choose which portfolio items appear; categories power the filter UI.
  • Images / Typography / Spacing / Colors: Shared style controls.
  • Effects & Tilt: Available on this block.
  • Normal & Hover / Responsive Settings: Available where controls support them.
Note:
The Filter block does not use the Load More Type control. Focus on categories, filter labels, and layout styling.

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

Portfolio Filter

Or copy link

CONTENTS