• BRANDING
  • MARKETING
  • PRINT
SiteOrigin Filter Widget
The SiteOrigin Filter widget creates filterable grids in standard and masonry layouts. The content of each filter item is created via page builder and can is assigned a tag for use in the filter controls.
Tag based filters to sort the grid.
Grid items can contain any page builder content.
Simple grid based layouts for uniform content display.
Masonry grids to size grid item relative to each other.
Tags & Items
Items in the Filter require a Tag which links each item to a tab at the top of the filter. Tags should be a single word which are automatically collated with matching tags to create the tabs. The content of each Filterable Item is built with page builder.
Columns & Grid
The collapse of the columns used in the filter are set with the Column Modifiers. The columns use a fraction based mobile first system. As such 1-1 is 100%, 1-2 is 50% 1-4 is 25% and so forth. The space between the grid (gutter) is handled with the Grid Modifier who's size is taken from your global Gutter settings.
  • BRANDING
  • MARKETING
  • PRINT
  • PRINT
  • MARKETING
  • BRANDING
  • BRANDING
  • PRINT
  • BRANDING
Masonry Grids
The Masonry Modifier automatically aligns grid items depending on their relative size. To create appealing masonry grids care should be taken with the order of the Filterable Items.
  • BRANDING
  • MARKETING
  • PRINT
  • PRINT
  • MARKETING
  • BRANDING
  • BRANDING
  • PRINT
  • BRANDING