BricksLabs (@BricksLabs) header
BricksLabs (@BricksLabs) profile picture

BricksLabs

@BricksLabs

Tutorials on Bricks and WordPress

brickslabs.com/
Joined May 2022
  • Tweets833
  • Following1
  • Followers394
129Media
Photo by BricksLabs (@BricksLabs)Photo by BricksLabs (@BricksLabs)Photo by BricksLabs (@BricksLabs)Photo by BricksLabs (@BricksLabs)Photo by BricksLabs (@BricksLabs)Photo by BricksLabs (@BricksLabs)Photo by BricksLabs (@BricksLabs)Photo by BricksLabs (@BricksLabs)Photo by BricksLabs (@BricksLabs)Photo by BricksLabs (@BricksLabs)
How to move data attributes from outer element to nested element in Bricks: brickslabs.com/how-to-move-d…

How to move data attributes from outer element to nested element in Bricks - BricksLabs

Consider a scenario where a Container/Block in Bricks is made up of image on the left side and a heading with text blurb on the right with both image and heading linking to the same URL. It is...

brickslabs.com
1
1
170
Updated brickslabs.com/the-perfect-b….
The Perfect Bricks Page Template - BricksLabs

The Perfect Bricks Page Template - BricksLabs

This tutorial shows how such a (what I consider the) perfect Page template can be set up in Bricks.

brickslabs.com
2
38
Nested Query Loops with Dynamic Author Filtering in Bricks: brickslabs.com/nested-query-…
1
2
252
Auto-expand Current Post's First Category in Categories Accordion: brickslabs.com/auto-expand-c…
1
2
273
BricksLabs retweeted
Sridhar Katakam (@srikat) profile picture
Sridhar Katakam
@srikatMar 27
An update to BricksExtras has been released by David Browne.
Image from Sridhar Katakam (@srikat)
1
2
240
Custom Image Field Avatar in WordPress: brickslabs.com/custom-image-…
Custom Image Field Avatar in WordPress - BricksLabs

Custom Image Field Avatar in WordPress - BricksLabs

Learn how to use a Meta Box image field value as the author profile image on single post pages in WordPress/Bricks.

brickslabs.com
1
1
155
Masonry Accordion Query Loops in Bricks Builder: brickslabs.com/masonry-accor…
Masonry Accordion Query Loops in Bricks Builder - BricksLabs

Masonry Accordion Query Loops in Bricks Builder - BricksLabs

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.

brickslabs.com
1
2
276
Per-Category Load More with Post Count in Bricks Builder Nested Query Loops: brickslabs.com/per-category-…
Per-Category Load More with Post Count in Bricks Builder Nested Query Loops - BricksLabs

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

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 the product archive page, which would slow down the website. Currently,...

brickslabs.com
1
287
Dynamic Remaining Posts Count for Load more Button in Bricks: brickslabs.com/dynamic-remai…
Dynamic Remaining Posts Count for Load more Button in Bricks - BricksLabs

Dynamic Remaining Posts Count for Load more Button in Bricks - BricksLabs

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 load more button. I need the button text showing as “Load more 6 posts” (16-10). Is it...

brickslabs.com
1
346
Post Published Year Range Slider in Bricks: brickslabs.com/post-publishe…
Post Published Year Range Slider in Bricks - BricksLabs

Post Published Year Range Slider in Bricks - BricksLabs

Learn how to set up the year in which post was published as a custom field for posts and use this as a source for filtering posts in Bricks.

brickslabs.com
1
1
349
WooCommerce Products Live Search in Bricks: brickslabs.com/woocommerce-p…

WooCommerce Products Live Search in Bricks - BricksLabs

This Pro tutorial provides the steps to set up a live search for WooCommerce products in Bricks. Note: Bricks' live search works with any type of query, not just posts. Step 1 Edit Header template...

brickslabs.com
1
1
291
Published How to Add a Live Search to Filter Posts Grouped by Categories in Tabs: brickslabs.com/how-to-add-a-…
How to Add a Live Search to Filter Posts Grouped by Categories in Tabs - BricksLabs

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

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 the posts by post titles or post excerpts across all the...

brickslabs.com
1
1
137
Published How to Redirect WordPress Search to WooCommerce Shop Filter by Product Title or SKU: brickslabs.com/how-to-redire…
How to Redirect WordPress Search to WooCommerce Shop Filter by Product Title or SKU - BricksLabs

How to Redirect WordPress Search to WooCommerce Shop Filter by Product Title or SKU - BricksLabs

Learn how to redirect users to the Shop page with filtered results if the searched term matches a WC product title or SKU. And, if it does n't, to the default WP search results.

brickslabs.com
1
1
151
Published Outputting an Element in Bricks x times where x is a custom field value: brickslabs.com/outputting-an…
Outputting an Element in Bricks x times where x is a custom field value - BricksLabs

Outputting an Element in Bricks x times where x is a custom field value - BricksLabs

Learn how to output a query loop item(s) as many times as the value of a custom field in Bricks.

brickslabs.com
1
1
142
Published How to Add Support for Variable Products in Bricks WooCommerce Filters: brickslabs.com/how-to-add-su…
How to Add Support for Variable Products in Bricks WooCommerce Filters - BricksLabs

How to Add Support for Variable Products in Bricks WooCommerce Filters - BricksLabs

Filtering for In Stock or Out of Stock WooCommerce products using Bricks' filters currently only works at the product level and not variation level. This will soon be officially supported as can be...

brickslabs.com
1
1
101
Searchable WordPress Timezone Dropdown (mu-plugin): brickslabs.com/searchable-wo…

Searchable WordPress Timezone Dropdown - BricksLabs

A must-use plugin for WordPress that helps you quickly select your city in the general settings for timezone.

brickslabs.com
1
1
72
How to change Ctrl/Cmd+Shift+V shortcut for Viewing on frontend in Bricks: brickslabs.com/how-to-change…
How to change Ctrl/Cmd+Shift+V shortcut to View on frontend in Bricks - BricksLabs

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

Learn how to change the keyboard shortcuts for viewing on front end from Ctrl/Command + Shift + V to Ctrl/Command + Alt + V using custom JavaScript.

brickslabs.com
1
109
Collapsing all accordion items on mobile in Bricks: brickslabs.com/collapsing-al…
Collapsing all accordion items on mobile in Bricks - BricksLabs

Collapsing all accordion items on mobile in Bricks - BricksLabs

Learn how to collapse all items of Bricks nestable accordions at a specific breakpoint.

brickslabs.com
1
99
Deep Linking to Headings inside Bricks Tab Panes via URL Hash: brickslabs.com/deep-linking-…

Deep Linking to Headings inside Bricks Tab Panes via URL Hash - BricksLabs

Learn how to link to a specific heading inside a Tabs (Nestable) element's tab pane content using custom JavaScript.

brickslabs.com
1
1
1
161
Published How to show data of a post whose ID is the value of a URL parameter in Bricks: brickslabs.com/how-to-show-d…
How to show data of a post whose ID is the value of a URL parameter in Bricks - BricksLabs

How to show data of a post whose ID is the value of a URL parameter in Bricks - BricksLabs

In the Bricks Facebook group, a user asks: Hey Everyone,I am trying to create the following:1- I have a Custom Post Type2- I have a static page, and in the URL, I am displaying a URL parameter that...

brickslabs.com
1
122
Load more