(18 tutorials)
Pro
Masonry Accordion Query Loops in Bricks Builder

Masonry Accordion Query Loops in Bricks Builder

Learn how to enable masonry layout for nestable accordions in Bricks builder and use JavaScript to re-layout the masonry on accordions' open and close.
Categories:
Tags:
Pro
Per-Category Load More with Post Count in Bricks Builder Nested Query Loops

Per-Category Load More with Post Count in Bricks Builder Nested Query Loops

In the BricksLabs group, a user asks: Hi everyone! I'm working on a website where I need to list a large number of products on…
Pro
Dynamic Remaining Posts Count for Load more Button in Bricks

Dynamic Remaining Posts Count for Load more Button in Bricks

A user asked in the Bricks Facebook group: I have a loop of a CPT, showing 10 in a total of 16 posts and a…
Pro
How to Add a Live Search to Filter Posts Grouped by Categories in Tabs

How to Add a Live Search to Filter Posts Grouped by Categories in Tabs

This Pro tutorial builds on top of the earlier Dynamic Tabs in Bricks tutorial and provides steps to add a live search input for filtering…
Categories:
Tags:
How to change Ctrl/Cmd+Shift+V shortcut to View on frontend in Bricks

How to change Ctrl/Cmd+Shift+V shortcut to View on frontend in Bricks

Learn how to change the keyboard shortcuts for viewing on front end from Ctrl/Command + Shift + V to Ctrl/Command + Alt + V using…
Categories:
Pro
Collapsing all accordion items on mobile in Bricks

Collapsing all accordion items on mobile in Bricks

Learn how to collapse all items of Bricks nestable accordions at a specific breakpoint.
Categories:
Tags:
Pro
Deep Linking to Headings inside Bricks Tab Panes via URL Hash

Deep Linking to Headings inside Bricks Tab Panes via URL Hash

Learn how to link to a specific heading inside a Tabs (Nestable) element's tab pane content using custom JavaScript.
Categories:
Tags:
Pro
Upcoming Events in Bricks Grouped by ‘Month Year’ with Frontend Filtering by Event Type

Upcoming Events in Bricks Grouped by ‘Month Year’ with Frontend Filtering by Event Type

Updated version of the earlier Upcoming Events Grouped by ‘Month Year’ in Bricks tutorial with some improvements:
Pro
Custom Events Calendar in WordPress using REST API and FullCalendar

Custom Events Calendar in WordPress using REST API and FullCalendar

Implement FullCalendar in WP using the WordPress REST API. Showing events on a calendar with event data (incl. custom field values) in popovers.
Categories:
Tags:
Pro
Post-specific Gravity Forms inside a Modal in Bricks

Post-specific Gravity Forms inside a Modal in Bricks

Learn how we can pass post-specific values into a Gravity Form placed in a query loop, ensure the modal form resets properly after submission.