15th May '24/8 commentsFiltering Masonry-layout Posts by Categories in Bricks using IsotopeSridhar Katakam Updated on 29 Jul 2024 This Pro tutorial provides the steps to set up Isotope in Bricks for filtering posts by categories. This tutorial can also be applied to filtering a CPT posts by its custom taxonomy terms with a few changes. Step 1 Edit a Page or a archive template with Bricks. Copy the JSON from the link below and paste to import the fully-built Section from our dev site. This is a BricksLabs Pro tutorial. For full access login below or create your BricksLabs Pro account Username Password Remember Me Forgot Password Tagged: BricksIsotopeMasonryProSridhar KatakamSridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.Get access to all 610 Bricks code tutorials with BricksLabs Pro
Pro Stacking Post Cards in BricksHow we can stack posts in a query loop so they stick on top of the previous one when scrolling.Read more →Categories: Bricks, ProTags: Sticky
Pro Inserting Random Ad Between Posts in BricksHow to insert random ads (post type) in between regular posts on the blog page.Read more →Categories: Bricks, ProTags: bricks/query/result
Pro Top Bar Above Sticky Header in BricksHow to set up a top bar above sticky header in Bricks Builder so only the header remains sticky when scrolling.Read more →Categories: Bricks, ProTags: Header
Pro How to Combine Multiple Menus into Bricks’ Mobile MenuBricks' native 'Nav Menu' element comes with a built-in mobile menu, which shrinks the menu down to a menu toggle button to open an offcanvas…Read more →Categories: Bricks, ProTags: Mobile Menu, Nav Menu
Pro Weekday Column Posts Bricks Query LoopThe steps to arrange the posts output by a Bricks query loop(s) in weekday columns based on a weekday custom field.Read more →Categories: Bricks, ProTags: CSS Grid, Data Attributes, Nested Queries, Query Loop
How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filtersThis tutorial will review how to apply multiple filters to an isotope container using the IsotopeJS library‘s features in Bricks.Read more →Categories: Bricks, Free, PluginsTags: ACF, Animations, Isotope, Query Loop
Add masonry style to the Remote Template listThis article will show you how to transform the remote templates list of Bricks in a masonry style without cropping your images - it will…Read more →Categories: Bricks, FreeTags: CSS, Masonry
Pro Team Member Photos Stack with Hover Tooltips in BricksHerman Baiatian shared in the Bricks Facebook group here that he worked on overlapping team member headshots showing info in hover tooltips. I recreated it…Read more →Categories: Bricks, Plugins, ProTags: UI Pattern
How to populate a map with dynamic markers from a CPT using ACF in Bricks (PART 3)This tutorial provides the PHP & JS codes that can be pasted in order to filter your markers on a map each time you digit…Read more →Categories: Bricks, Free, PluginsTags: ACF, Animations, Filters, Isotope, Leaflet, Maps, Query Loop