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 633 Bricks code tutorials with BricksLabs Pro
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
Pro Sticky Scrolling in Bricks BuilderUpdated on 22 Apr 2024 This Pro tutorial provides the steps to fix elements in the viewport i.e., make them sticky while adjacent content in the section…Read more →Categories: Bricks, ProTags: CSS
Pro Floating Bottom Div when Scrolling Down in BricksCreating a floating call to action element that reveals only as the user scrolls down.Read more →Categories: Bricks, ProTags:
Pro Dropdown Menu in Bricks using InteractionsThis Pro tutorial provides the steps to toggle a WordPress menu when a div is clicked using the Interactions feature in Bricks. When clicked: Step…Read more →Categories: Bricks, ProTags: Interactions
Pro Another Fixed Sidebar Layout in BricksHow to get the main content and sidebar sandwiched between the site header and footer.Read more →Categories: Bricks, ProTags: CSS Grid, Fixed Sidebar, Layouts
Pro Masonry for Query Loop in BricksIf you are looking to implement masonry with a 'view more' button i.e., click-type of infinite scroll follow this tutorial instead. Updated on 15 Mar…Read more →Categories: Bricks, ProTags: Masonry, Query Loop
Pro Click-type Infinite Scroll in Bricks BuilderThis Pro tutorial provides the steps to set up "click to load more" posts using Infinite Scroll JS in Bricks builder. Step 1 Edit your…Read more →Categories: Bricks, ProTags: Infinite Scroll
How to create filters with IsotopeJS in Bricks (Part 1)This tutorial series will explore the IsotopeJS library's features inside the Bricks ecosystem.Read more →Categories: Bricks, FreeTags: Filters, Isotope
Create a App-Like Navigation in BricksI've promised a few folks in the Facebook group to create a tutorial on how to create an app-like navigation in Bricks like in the…Read more →Categories: Bricks, FreeTags: Menu, Navigation