Search
Categories
Author
Date
Tags
Post Date | Post Title | Quick View |
---|---|---|
October 9, 2024 | Post Data for the Current User in Bricks with Meta Box | Post Data for the Current User in Bricks with Meta BoxIn the Bricks Facebook group a user asked: I need help with Metabox and Bricks! I have created a CPT "SalesRep" with multiple custom fields that has relationship with User. In User Meta I have a Custom Field SalesRep, a dropdown that is being fed by "SalesRep" CPT Title (it’s a Post type Custom field)… Categories: Bricks, Plugins, Pro Tags: Meta Box, Query Loop Read more → |
October 4, 2024 | Bricks Query Loop: Outputting a Fixed Number of Items | Bricks Query Loop: Outputting a Fixed Number of ItemsIn the BricksLabs Facebook group a user asks: How might I repeat query loop items until it reaches a specific number? One service might have 7 images, another might have 10, but there needs to be exactly 13, so they need to loop again until 13 is reached. This Pro tutorial shows how bricks/query/result filter… Categories: Bricks, Plugins, Pro Tags: bricks/query/result, Filters, Meta Box Read more → |
October 1, 2024 | How to show a specific post’s data in a Bricks Popup | How to show a specific post’s data in a Bricks PopupThis tutorial provides the steps to show a specific post's data like the title, featured image in a Bricks Popup. Step 1 Go to Bricks → Templates and add a new one of the type 'Popup'. Edit it with Bricks and in its settings → Template Settings → Popup, enable "Fetch content via AJAX". In… Tags: Popup Read more → |
September 30, 2024 | Creating Custom Add to Cart Buttons for SureCart Products in Bricks | Creating Custom Add to Cart Buttons for SureCart Products in BricksCreating custom add to cart buttons for SureCart in Bricks, adding a loading animation & tooltip for visual feedback. Categories: Bricks, Free, Plugins Tags: SureCart Read more → |
September 28, 2024 | Checking if the current post has been published within the last x days | Checking if the current post has been published within the last x daysLooking to conditionally output an element if the current post (either in a query loop or when viewing a single post) has been published in the last x number of days? Here's how. Step 1 Register a custom function with the number of days as a parameter and returns true or false depending on whether… Categories: Bricks, Free, WordPress Tags: Conditions Read more → |
September 27, 2024 | Checking if the current Page/Post has Children i.e. is a Parent in Bricks | Checking if the current Page/Post has Children i.e. is a Parent in BricksShows how we can check whether the current Page or Post (of any hierarchical post type) is a parent Tags: Conditions Read more → |
September 26, 2024 | Displaying Gallery of SureCart Product Images with Bricks’ Query Loop | Displaying Gallery of SureCart Product Images with Bricks’ Query LoopCustom query loop for looping through SureCart product images. Categories: Bricks, Plugins, Pro Tags: SureCart Read more → |
September 26, 2024 | Sorting ACF Repeater Rows in Bricks by Date Sub Field | Sorting ACF Repeater Rows in Bricks by Date Sub FieldHow the rows of a ACF Repeater query loop can be sorted by ascending or descending order of a date sub field. Categories: Bricks, Plugins, Pro Tags: ACF, bricks/query/result, Filters Read more → |
September 20, 2024 | Posts older than today in Bricks | Posts older than today in BricksHow to display only posts that were published before today in a query loop. Tags: date_query Read more → |
September 19, 2024 | Posts Grouped by Month and Year in Bricks | Posts Grouped by Month and Year in BricksNesting query loops with months & years in descending order, with the inner loop outputting the posts. Tags: Nested Queries Read more → |
September 17, 2024 | ACF Select Field Query Types in Bricks | ACF Select Field Query Types in BricksIn the BricksLabs Facebook group a user asks: Hi all, I am building a single post template for a CPT and want to know if I can work more effectively with some ACF data. With the ACF Select Field, I would like a way I can return the selected items and work with the data… Categories: Bricks, Plugins, Pro Tags: ACF, Custom Query Type, Query Loop Read more → |
September 17, 2024 | Displaying SureCart Featured Products & Products Collections with a Query Loop | Displaying SureCart Featured Products & Products Collections with a Query LoopWe walk through how to use a query loop to display SureCart products, featured products & collections. Categories: Bricks, Free, Plugins Tags: Query Loop, SureCart Read more → |
September 16, 2024 | Related Services grouped by Service Categories on Single Branch Posts in Bricks | Related Services grouped by Service Categories on Single Branch Posts in BricksHow to query ACF relationship fields on single CPT templates. Categories: Bricks, Plugins, Pro Tags: ACF, Nested Queries Read more → |
September 11, 2024 | Conditionally Hiding Bricks Filters based on Select Filter Value | |
September 10, 2024 | Custom SQL Ordering for Sorting Events in Bricks | |
September 10, 2024 | Term Parent Slug Data Attribute in Bricks | Term Parent Slug Data Attribute in BricksHow we can set a data attributes on a child taxonomy dynamically based on the parent taxonomy. Tags: Terms Query Read more → |
September 8, 2024 | Dynamic Horizontal Posts Accordion in Bricks | Dynamic Horizontal Posts Accordion in BricksCreating a horizontal accordion of featured images from posts output by Bricks' query loop. Read more → |
September 6, 2024 | ACF Relationship Select Filter in Bricks | ACF Relationship Select Filter in BricksIn the BricksLabs Facebook group, a user asks: I'm learning about ACF relationships and attempting to output a list of posts on any given page, and use the filter - select element in Bricks to refine the output by an ACF relationship field. Can you recommend BL Tutorials that might help here? --------------------------------------------------- CPT Downloads:… Categories: Bricks, Plugins, Pro Tags: ACF, Filters, Relationship Read more → |
September 6, 2024 | Sub Field Value from the Last ACF Repeater Row in Bricks | Sub Field Value from the Last ACF Repeater Row in BricksGetting the value of a specific sub field of an ACF Pro‘s Repeater field and output in the query loop. Categories: Bricks, Plugins, Pro Tags: ACF Pro Read more → |
September 5, 2024 | Query String Value in Bricks | Query String Value in BricksHow to output the value of a specified query string, also known as URL parameter, in Bricks. Tags: Query String, URL Parameter Read more → |
September 5, 2024 | Conditional Output in Bricks based on if Content has Headings | Conditional Output in Bricks based on if Content has HeadingsHow to prevent the output of the table of contents if the content has no headings. Tags: Read more → |
September 3, 2024 | aria-current=”true” for Current Categories on single Posts in Bricks | aria-current=”true” for Current Categories on single Posts in BricksHow to separately style only the category links that are assigned to the current post. Tags: Terms Query Read more → |
September 3, 2024 | RCP Memberships grouped by Membership Levels in Bricks | RCP Memberships grouped by Membership Levels in BricksDisplaying RCP‘s membership levels, with the names of active members under each level. Tags: Restrict Content Pro Read more → |
August 29, 2024 | x Number of Random Bricks Query Loop Items(s) to be Shown Every x Hours | x Number of Random Bricks Query Loop Items(s) to be Shown Every x HoursShowing how to display one random row of a Meta Box group for an hour and then output another random row. Tags: bricks/query/result, Filters Read more → |
August 21, 2024 | Posts Grouped by Post Dates in Bricks | Posts Grouped by Post Dates in BricksSetting up query loops for “Post Dates” with an the inner loop displaying all posts published on that day. Tags: Nested Queries Read more → |
August 21, 2024 | Showing a Popup conditionally in Bricks based on Query Parameter | Showing a Popup conditionally in Bricks based on Query ParameterHere's two ways a Bricks Popup can be shown on page load depending on URL parameter value. Tags: Popup Read more → |
August 19, 2024 | Frontend Post Deletion in Bricks | Frontend Post Deletion in BricksHow to allow users (post authors) to delete their posts from the front end in Bricks. Tags: Fetch API, register_rest_route, WP REST API Read more → |
August 15, 2024 | Conditional Output in Bricks based on Visitor Selection | Conditional Output in Bricks based on Visitor SelectionHow we can dynamically show elements based on user selection. Tags: AJAX, Cookies, Fetch API, localStorage Read more → |
August 15, 2024 | Data Attribute-based Conditional Output in Bricks | Data Attribute-based Conditional Output in BricksShowing how to prevent rendering any elements that have a specific data attribute set. Tags: bricks/element/render Read more → |
August 13, 2024 | Load more for Query loops in Bricks | Load more for Query loops in BricksDid you know that Bricks has AJAX loading for query loop posts on-click out of the box? Tags: Query Loop Read more → |
August 13, 2024 | Sorting ACF Relationship Posts by Date Meta in Bricks | Sorting ACF Relationship Posts by Date Meta in BricksConsider the following setup: CPT: Events ACF Fields:Event Date Information (Group)|__Event Date (Date Picker)Pick Sub Events (Relationship) An Event can have 1 or more related events via the Relationship field. When the ACF Relationship is selected as the query type of a Bricks query loop, the event posts will be ordered by their post editor… Categories: Bricks, Plugins, Pro Tags: ACF, bricks/query/result, Relationship Read more → |
August 8, 2024 | ACPT Gallery Field Query Loop in Bricks | ACPT Gallery Field Query Loop in BricksHow we can output images from ACPT‘s Gallery field for posts as a grid using a query loop. Categories: Bricks, Plugins, Pro Tags: ACPT, Query Loop Read more → |
August 7, 2024 | Dynamic Background Slideshow in Bricks | |
August 6, 2024 | Posts Related by Current Post’s Terms in Bricks | Posts Related by Current Post’s Terms in BricksShowing other posts assigned to the same categories/tags/custom taxonomy terms as the current post. Tags: Query Loop Read more → |
August 5, 2024 | Filtering ACF Repeater Rows in Bricks by a Boolean Sub Field | Filtering ACF Repeater Rows in Bricks by a Boolean Sub FieldLimiting the ACF Repeater query loops in the three columns to only add rows for which the specified sub field. Categories: Bricks, Plugins, Pro Tags: ACF, ACF Repeater, bricks/query/run Read more → |
August 2, 2024 | Filtering a Bricks Terms query on Term archive pages | Filtering a Bricks Terms query on Term archive pagesOn product category archives, how to show product type names but only those that the current product category has. Tags: bricks/terms/query_vars Read more → |
August 2, 2024 | Conditional single post Bricks template based on internal referrer URL | Conditional single post Bricks template based on internal referrer URLHow to automatically select a single post template depending on the page from which the post is accessed. Tags: bricks/active_templates Read more → |
August 2, 2024 | Stacking Post Cards in Bricks | Stacking Post Cards in BricksHow we can stack posts in a query loop so they stick on top of the previous one when scrolling. Tags: Sticky Read more → |
August 1, 2024 | Condition for checking Bricks content | Condition for checking Bricks contentOnly outputting Bricks content when a Page is built with Bricks, otherwise display WP content. Tags: Setup, Templating Read more → |
July 30, 2024 | Bricks Term Query Sorted by Tag Count of Posts in the Current Category | Bricks Term Query Sorted by Tag Count of Posts in the Current CategoryHow we can display the most used tags for posts within the current category. Tags: bricks/terms/query_vars, Terms Query Read more → |
July 30, 2024 | ACF Post Object Query Loop inside a Posts Query Loop in Bricks | ACF Post Object Query Loop inside a Posts Query Loop in BricksHow to loop through a CPT and within each post, output a list of related posts. Categories: Bricks, Plugins, Pro Tags: ACF, Nested Queries Read more → |
July 30, 2024 | Category Grid with ACF Images in Bricks | Category Grid with ACF Images in BricksCreating a grid of post categories, each category card showing an image from an ACF field, category name & description. Categories: Bricks, Plugins, Pro Tags: ACF, Terms Query Read more → |
July 28, 2024 | ACF Flexible Content in Bricks | ACF Flexible Content in BricksHow to set up a Flexible Content type of field using Advanced Custom Fields Pro in Bricks. Categories: Bricks, Plugins, Pro Tags: ACF, Flexible Content Read more → |
July 27, 2024 | ACF Flexible Content Field – Layout Labels and Sub Field Labels | ACF Flexible Content Field – Layout Labels and Sub Field LabelsHow to output the text of layout labels and/or sub field labels using the Flexible Content field of ACF Pro. Categories: Bricks, Plugins, Pro Tags: ACF, Flexible Content Read more → |
July 26, 2024 | Remove Duplicate Term Names From Bricks Terms Query Loop | Remove Duplicate Term Names From Bricks Terms Query LoopExcluding terms with duplicate names, keeping the first occurrence & excluding subsequent terms with the same name. Tags: bricks/terms/query_vars, Terms Query Read more → |
July 26, 2024 | Featured Image’s Meta in a Bricks Posts Query Loop | Featured Image’s Meta in a Bricks Posts Query LoopHow to output values of custom fields for the featured image of current post in a query loop Categories: Bricks, Plugins, Pro Tags: ACF Read more → |
July 24, 2024 | [WooCommerce] Product Category Image Background in Bricks | [WooCommerce] Product Category Image Background in BricksHow to set up the product category thumbnail image as the background of a Section. Categories: Bricks, Free, Plugins Tags: WooCommerce Read more → |
July 24, 2024 | Terms Query in Bricks Filtered by Post Meta | Terms Query in Bricks Filtered by Post MetaConsider this scenario: CPT: jobTaxonomy: industryCustom field: job_visibility of type Radio with a default value of public. The other value is private. Requirement: Show the industries associated with jobs for which job visibility is public. This Pro tutorial shows how. Let's look at this sample data: After implementing the tutorial, the terms output will be… Tags: bricks/terms/query_vars, Terms Query Read more → |
July 24, 2024 | [WooCommerce] Sticky on Scroll Add to Cart section in Bricks | [WooCommerce] Sticky on Scroll Add to Cart section in BricksSetting up a sticky section that fades in when scrolling down and fades away when scrolled to the top. Tags: JavaScript, sessionStorage Read more → |
July 23, 2024 | [WooCommerce] Sale price dates in Bricks | [WooCommerce] Sale price dates in BricksOutputting start and end sale price dates (if set) for WooCommerce products. Tags: WooCommerce Read more → |
July 23, 2024 | 6 Random Posts from Tag A + 6 Random Posts from Tag B in a Single Bricks Query Loop | 6 Random Posts from Tag A + 6 Random Posts from Tag B in a Single Bricks Query LoopDisplaying two set of random posts, inside one query loop. Tags: Query Loop Read more → |
July 22, 2024 | Conditional Output based on Manual Excerpt in Bricks | Conditional Output based on Manual Excerpt in BricksHow to display a post’s excerpt only if it has been manually set. Tags: Conditions Read more → |
July 21, 2024 | Bricks Query Loop – Posts Authored by Logged in User | Bricks Query Loop – Posts Authored by Logged in UserHow to display only the posts authored by the currently logged-in user in a query loop. Tags: Query Loop Read more → |
July 20, 2024 | Bricks Templates Query Loop | Bricks Templates Query LoopHow display Bricks Templates with saved screenshots in a query loop. Tags: Query Loop Read more → |
July 20, 2024 | Condition based on WooCommerce Product Attributes in Bricks | Condition based on WooCommerce Product Attributes in BricksHow to display elements only when a specific WooCommerce product attribute is selected. Categories: Bricks, Free, Plugins Tags: WooCommerce Read more → |
July 19, 2024 | Bidirectional Relationship between a CPT and a Taxonomy of another CPT using ACF in Bricks | Bidirectional Relationship between a CPT and a Taxonomy of another CPT using ACF in BricksA couple of members asked: I have a cpt called "Markets" aand a cpt "tools". Tools have a taxonomy "tools group". How can i create a relation between Market (cpt) and tool group (taxonomy). My goal is to display related market inside the tool group (taxonomy) archive. Thanks Hi, I have a CPT=“Product” with a… Categories: Bricks, Plugins, Pro Tags: ACF, Bidirectional, Relationship Read more → |
July 19, 2024 | Post-specific HappyFiles Galleries using a ACF Select Field in Bricks | Post-specific HappyFiles Galleries using a ACF Select Field in BricksHow to use ACF to select one or more HappyFiles‘ folders and output the images. Categories: Bricks, Plugins, Pro Tags: ACF, HappyFiles, Image Gallery Read more → |
July 19, 2024 | Conditional Output on the First Page of Archives in Bricks | Conditional Output on the First Page of Archives in BricksHow to output an element on an archive page only if we're on the first page of the archive. Tags: Conditions, get_query_var Read more → |
July 18, 2024 | Posts Grouped by Taxonomy Terms in Bricks using BricksExtras’ Dynamic Table and Pro Tabs | Posts Grouped by Taxonomy Terms in Bricks using BricksExtras’ Dynamic Table and Pro TabsHow to output any post type, with the taxonomy terms as Tab titles and posts inside tables with sortable columns. Categories: Bricks, Plugins, Pro Tags: BricksExtras, Nested Queries Read more → |
July 18, 2024 | Post-specific HappyFiles Galleries using a Meta Box Select Field in Bricks | Post-specific HappyFiles Galleries using a Meta Box Select Field in BricksUsing Meta Box to select one or more HappyFiles‘ folders and output the images. Categories: Bricks, Plugins, Pro Tags: HappyFiles, Image Gallery, Meta Box Read more → |
July 17, 2024 | Upcoming Events Accordion in Bricks Grouped by ‘Month Year’ | Upcoming Events Accordion in Bricks Grouped by ‘Month Year’This Pro tutorial is a variation of the previous Upcoming Events Grouped by 'Month Year' in Bricks tutorial wherein the upcoming 'month year's are shown in BricksExtras Pro Accordion with the events corresponding to that month and year with the dates based on event_date post meta value. Given this events list: the output after implementing… Categories: Bricks, Plugins, Pro Tags: BricksExtras, Custom Query Type, Nested Queries, Pro Accordion, Query Loop Read more → |
July 16, 2024 | JetEngine Checkbox Condition in Bricks | JetEngine Checkbox Condition in BricksHow elements in Bricks can be conditionally output depending on the selected option from a JetEngine checkbox field. Categories: Bricks, Free, Plugins Tags: JetEngine Read more → |
July 16, 2024 | How to Hide Bricks Editor Preview Element Actions | How to Hide Bricks Editor Preview Element ActionsLooking to get rid of these icons/buttons from the preview area in Bricks selecting an element? Here's one way.. Categories: Bricks, Free, Plugins Tags: Bricks Editor, Editor Tweaks, WPCodeBox Read more → |
July 16, 2024 | Alternating Posts from Two Post Types in Bricks | Alternating Posts from Two Post Types in BricksHow to output posts from two seperate post types, alternating in a query loop. Tags: Query Loop Read more → |
July 15, 2024 | Meta Box/ACF Images Staggered Grid Gallery in Bricks | Meta Box/ACF Images Staggered Grid Gallery in BricksShowing images from two Gallery-type of ACF or Image Advanced-type of Meta Box fields in a staggered grid layout. Categories: Bricks, Plugins, Pro Tags: ACF, Image Gallery, Meta Box Read more → |
July 11, 2024 | ACF Relationship: Show all other events related to the artists of the current event | ACF Relationship: Show all other events related to the artists of the current eventHow all other events related to the artists of the current event can be output in a Bricks query loop. Categories: Bricks, Plugins, Pro Tags: ACF, Relationship Read more → |
July 1, 2024 | Upcoming Events Grouped by ‘Month Year’ in Bricks | Upcoming Events Grouped by ‘Month Year’ in BricksA custom query loop type for showing future events based on a date custom field using three nested query loops. Tags: ACF, Custom Query Type, Query Loop Read more → |
June 28, 2024 | Meta Box Group Bricks Query Loop Filtered by a True/False Subfield | Meta Box Group Bricks Query Loop Filtered by a True/False SubfieldWe look into how to show job positions but only those with a ‘job opening status’ set to Show. Categories: Bricks, Plugins, Pro Tags: bricks/query/result, Filters, Meta Box Read more → |
June 28, 2024 | ACF Checkbox Items with Custom SVG Bullets in Bricks | ACF Checkbox Items with Custom SVG Bullets in BricksWe walk through outputting list items with SVG icons based on the choice of a ACF Checkbox field. Tags: ACF Read more → |
June 19, 2024 | Conditional CSS Classes based on Bricks Query Count | Conditional CSS Classes based on Bricks Query CountIn a Bricks project I am currently working on, there are nested query loops - team members inside departments on a Page. Each team member query loop's parent initially had these classes: These are ACSS classes that lays out the list items in a 4-column (on desktops) grid. When there are more than 4 team… Tags: bricks/element/render_attributes Read more → |
June 18, 2024 | Similarly Priced WooCommerce Products Bricks Query Loop | Similarly Priced WooCommerce Products Bricks Query LoopHow to show products priced within a percentage of the current single product's price. Categories: Bricks, Plugins, Pro Tags: WooCommerce Read more → |
June 11, 2024 | Disabling Bricks’ Header & Footer Conditionally with Custom Fields | Disabling Bricks’ Header & Footer Conditionally with Custom FieldsHow to give content editors the ability to disable headers or footers on specific posts/pages using custom fields. Tags: bricks/render_footer, bricks/render_header, Conditions, Footer, Header Read more → |
June 9, 2024 | Auto-switching Bricks Tabs | Auto-switching Bricks TabsHow to switch tabs every x seconds when the tabs element is scrolled into view. Tags: JavaScript, Tabs Read more → |
June 7, 2024 | Checking if the current term in a Bricks Terms query loop of the given taxonomy has children | Checking if the current term in a Bricks Terms query loop of the given taxonomy has childrenThere could be situations when you need a way to check if the current term in a Bricks Terms query loop has children or not. This Pro tutorial shows how. Sample query loop: Step 1 Add the following in child theme's functions.php (w/o the opening PHP tag) or a code snippets plugin: Tags: Terms Query Read more → |
June 7, 2024 | ACF Image Data in Bricks | ACF Image Data in BricksDisplaying Alt text, Caption, Title and URL of an ACF image field for posts in a query loop. Categories: Bricks, Plugins, Pro Tags: ACF Read more → |
June 6, 2024 | Meta Box Image Advanced Galleries using lightGallery in Bricks | Meta Box Image Advanced Galleries using lightGallery in BricksShowing images in a lightGallery from Image Advanced sub fields inside a Meta Box Group Field. Categories: Bricks, Plugins, Pro Tags: Gallery, lightGallery, Media, Meta Box, Query Loop Read more → |
June 5, 2024 | Dynamic HappyFiles Galleries using ACF Taxonomy Field in Bricks | Dynamic HappyFiles Galleries using ACF Taxonomy Field in BricksHow to to output images from HappyFiles gallery/galleries using ACF’s Taxonomy-type custom field. Categories: Bricks, Plugins, Pro Tags: ACF, HappyFiles, Taxonomy Field Read more → |
May 20, 2024 | Related Posts by Author in Bricks | Related Posts by Author in BricksQuerying posts on single posts by the author of the current post. Tags: Query Loop Read more → |
May 15, 2024 | Meta Box Group Subfield Text’s Slug as Query Loop Item ID in Bricks | Meta Box Group Subfield Text’s Slug as Query Loop Item ID in BricksCategories: Bricks, Plugins, Pro Tags: Meta Box Read more → |
May 15, 2024 | Filtering Masonry-layout Posts by Categories in Bricks using Isotope | Filtering Masonry-layout Posts by Categories in Bricks using IsotopeStep by step on how to use Isotope in Bricks for filtering posts by categories. Read more → |
May 9, 2024 | ACF Font Awesome Field in Bricks | ACF Font Awesome Field in BricksWe walk through using the Advanced Custom Fields: Font Awesome Field plugin for showing Font Awesome icons. Categories: Bricks, Plugins, Pro Tags: ACF Read more → |
May 3, 2024 | Post sub field Bricks Query Loop in a Meta Box Group field | Post sub field Bricks Query Loop in a Meta Box Group fieldLet's consider this Meta Box field group for Pages: FAQs is a Group-type of field in which one of the sub fields is "Answer Post", a Post-type of field. "Sample Page" being edited: On the front end we want to show the question heading and below that, the content (rather the excerpt) of the selected… Categories: Bricks, Plugins, Pro Tags: get_query_for_element_id, Meta Box, Nested Queries Read more → |
April 15, 2024 | Product Attribute based Related Products Bricks Query Loop | Product Attribute based Related Products Bricks Query LoopHow to output products related by value of attribute(s) for the current product on single WooCommerce product pages. Categories: Bricks, Plugins, Pro Tags: WooCommerce Read more → |
April 9, 2024 | Populating WS Form Field in a Modal with Button Data Attribute in Bricks | Populating WS Form Field in a Modal with Button Data Attribute in BricksHow a WS Form field inside of a Modal can be pre-filled by clicking the button to open it. Categories: Bricks, Free, Plugins Tags: BricksExtras, WS Form Read more → |
April 8, 2024 | Checking if a Page has Bricks content | Checking if a Page has Bricks contentConditionally render elements if the current Page (or post) has no Bricks content Tags: Read more → |
April 4, 2024 | Post-specific ACF Repeater Galleries as Sliders in Bricks | Post-specific ACF Repeater Galleries as Sliders in BricksHow to output ACF Repeater field rows with the images of the Gallery-type sub field as a slider. Categories: Bricks, Plugins, Pro Tags: ACF Pro, Nested Queries Read more → |
April 4, 2024 | Floating Bottom Div when Scrolling Down in Bricks | Floating Bottom Div when Scrolling Down in BricksCreating a floating call to action element that reveals only as the user scrolls down. Tags: Read more → |
April 2, 2024 | 6 Random Featured Posts in Alphabetical Order in Bricks | 6 Random Featured Posts in Alphabetical Order in BricksHow to output x number of random posts with a specific meta value set, in Alphabetical order. Tags: Query Loop Read more → |
March 26, 2024 | Loading posts on click using WP REST API in Bricks | Loading posts on click using WP REST API in BricksThis Pro tutorial provides the steps to load the title and excerpt of the post whose title has been clicked from a list of posts. The ID of the clicked post title is included in a request to the WordPress REST API and the response data is processed and injected into the page without any… Categories: Bricks, Plugins, Pro Tags: WP REST API Read more → |
March 25, 2024 | Custom Mini Calendar using WordPress REST API | Custom Mini Calendar using WordPress REST APIThis Pro tutorial provides the steps to use WordPress REST API to fetch posts of an Event CPT that have the same Event Date custom field value as the selected date of a Flatpickr datetime picker. Although Bricks is used in this tutorial, it can be implemented in any WordPress site. The main functionality is… Categories: Bricks, Plugins, Pro Tags: Calendar, WP REST API Read more → |
March 25, 2024 | On Sale Products Bricks Query Loop | On Sale Products Bricks Query LoopLooking to show only the WooCommerce products that are on sale in Bricks? Set up a query loop, enable the PHP query editor and paste: Categories: Bricks, Plugins, Pro Tags: WooCommerce Read more → |
March 22, 2024 | Dynamic Tabs in Bricks | Dynamic Tabs in BricksThis Pro tutorial provides the steps to show the terms of a taxonomy as tab titles and corresponding posts as tab panes using a Tabs (Nestable) element in Bricks. When done your Section's structure should look like this: Step 1 Edit your Page/template with Bricks. Copy the Section JSON below and paste. Tags: Tabs Read more → |
March 21, 2024 | The Perfect Bricks Page Template | The Perfect Bricks Page TemplateThis tutorial shows how such a (what I consider the) perfect Page template can be set up in Bricks. Tags: Setup, Templating Read more → |
March 20, 2024 | Prefiltering Bricks Terms Query Loop | Prefiltering Bricks Terms Query LoopLet's say there's a Events CPT with a 'Event Year' custom taxonomy. Sample event year names could be: 2021, 2022, 2024, 2025, 2028 etc. We can set up a Terms query in Bricks to output these terms. Result: The reason 2021 is not present is because there are no posts that have been categorized with… Tags: bricks/terms/query_vars Read more → |
March 19, 2024 | CPT Posts Grouped by Custom Taxonomy Terms in Bricks | CPT Posts Grouped by Custom Taxonomy Terms in BricksThe steps to set up a Service Category terms loop with an inner Service posts loop in Bricks without writing code. Tags: Nested Queries Read more → |
March 19, 2024 | PagePiling in Bricks | PagePiling in BricksHow to set up PagePiling, a script to “Pile your sections one over another and access them scrolling or by URL” in Bricks. Tags: PagePiling Read more → |
March 18, 2024 | Dynamic Date in Bricks Countdown Element | Dynamic Date in Bricks Countdown ElementAs of Bricks 1.9.7.1, the built-in Countdown element's Date control does not support dynamic data. That is, it is not possible to set this date from a custom field value natively. Using BricksExtras' Pro Countdown element is one way of getting around this limitation. The other option is to use the bricks/element/render filter to set… Categories: Bricks, Plugins, Pro Tags: bricks/element/render Read more → |
March 18, 2024 | Dynamic Galleries with Thumbnails and Captions in Lightbox using lightGallery in Bricks | Dynamic Galleries with Thumbnails and Captions in Lightbox using lightGallery in BricksWalks through using lightGallery & custom ACF/Metabox query loops with support for thumbnails and captions. Categories: Bricks, Plugins, Pro Tags: ACF, lightGallery, Media, Meta Box, Query Loop Read more → |
March 15, 2024 | Primary Term for Posts using The SEO Framework in Bricks | Primary Term for Posts using The SEO Framework in BricksUpdated on 18 Mar 2024 The SEO Framework is one of the better (coding-wise) SEO plugins. Like Yoast and Rank Math, it has the option to specify a category or a term as primary when editing posts. This Pro tutorial provides the steps to output the linked primary term and all other linked terms of… Categories: Bricks, Plugins, Pro Tags: bricks/terms/query_vars Read more → |
March 15, 2024 | Side-by-side WooCommerce Quantity and Add to Cart in Bricks | Side-by-side WooCommerce Quantity and Add to Cart in BricksLooking to position the quantity input field and Add to cart button next to each other instead of one below the other in Bricks? Add this CSS: Before: After: Tags: WooCommerce Read more → |
March 14, 2024 | Masonry + Click-type Infinite Scroll in Bricks | Masonry + Click-type Infinite Scroll in BricksThis Pro tutorial provides the steps to lay out posts in a masonry style with a View More button, which, when clicked, loads the next page of posts in Bricks. Step 1 Edit your Posts page (typically, Blog) or an archive template or a static Page with Bricks. Section JSON for quickly pasting the structure… Tags: Infinite Scroll, Masonry Read more → |
March 14, 2024 | Whitelisting echo functions in Bricks 1.9.7 and above | Whitelisting echo functions in Bricks 1.9.7 and aboveUnderstanding the bricks/code/echo_function_names filter to ensure that your echo functions continue to work. Tags: bricks/code/echo_function_names, Filters Read more → |
March 12, 2024 | Grouping ACF Post Objects by a Repeater Sub Field in Bricks | Grouping ACF Post Objects by a Repeater Sub Field in BricksConsider the following scenario. CPT: product (from WooCommerce) ACF field group for the product post type: A Repeater with a Select sub field and Post Object sub field that's limited to product CPT. Repeater field being populated on a sample product edit screen: So every product will have its own related products (books) in different… Categories: Bricks, Plugins, Pro Tags: ACF, bricks/query/run, Custom Query Type, Query Loop Read more → |
March 11, 2024 | Posts Grouped by Years and Months in Bricks | Posts Grouped by Years and Months in BricksHow display posts organized by months & within years based on the published date. Tags: Nested Queries Read more → |
March 10, 2024 | ACF Term Meta on Single Posts in Bricks | ACF Term Meta on Single Posts in BricksConsider this scenario: CPT: Project Custom taxonomy: Project Type Each project will be assigned only one project type. Project Type taxonomy's custom field: Project Type Color Requirement: Get the project type color of the project type that's assigned to the current single Project page being viewed. This Pro tutorial shows how ACF term meta can… Categories: Bricks, Plugins, Pro Tags: ACF, Color Picker Read more → |
March 8, 2024 | Events grouped by months within years based on event date custom field value | Events grouped by months within years based on event date custom field valueHow to output events grouped by years and months using three nested query loops in Bricks. Tags: Nested Queries Read more → |
March 8, 2024 | Appending WooCommerce Endpoint Names To My account Page Titles in Bricks | Appending WooCommerce Endpoint Names To My account Page Titles in BricksAdding the WooCommerce endpoint names, “Orders”, “Downloads” after the WooCommerce ‘My account’ Page’s title text at the various endpoint URLs. Categories: Bricks, Free, Plugins Tags: WooCommerce Read more → |
March 8, 2024 | Related Posts in Bricks using Post Object in a ACF Repeater | Related Posts in Bricks using Post Object in a ACF RepeaterOutputting posts of another post type related to the current post via ACF Post Object sub field inside a Repeater. Categories: Bricks, Plugins, Pro Tags: ACF, bricks/element/settings, bricks/posts/query_vars Read more → |
March 6, 2024 | Fixed Sidebar Layout in Bricks | Fixed Sidebar Layout in BricksA user asked: This Pro tutorial provides the steps to set up a fixed left (or can be on the right) sidebar using hooks and some custom PHP and CSS in Bricks. Step 1 Create a Bricks template of type Section named say, "Sidebar". Edit it with Bricks. Add a Block. Change its element ID… Read more → |
March 5, 2024 | Recently Viewed Posts Bricks Query Loop | Recently Viewed Posts Bricks Query LoopHow to output the most recent X number of posts (any post type) viewed by the current visitor. Tags: Cookies, Query Loop Read more → |
March 5, 2024 | Post Views Counter Query Loop in Bricks | Post Views Counter Query Loop in BricksHow we can output the most viewed posts in your Bricks site in a query loop. Categories: Bricks, Plugins, Pro Tags: Query Loop Read more → |
March 4, 2024 | Random images from ACF Options Gallery in Bricks | Random images from ACF Options Gallery in BricksThis Pro tutorial provides the steps to output images from an ACF Gallery-type custom field in a Bricks query loop randomly with each image appearing only once with the remaining filled by a fallback image. We shall use PHP sessions to ensure that any given image from the gallery is used only once. Options page:… Categories: Bricks, Plugins, Pro Read more → |
February 29, 2024 | Child Pages on Parent Page and Sibling Pages on Child Pages | Child Pages on Parent Page and Sibling Pages on Child PagesA user asks: I have a parent page with 10 child pages. I will display a sidebar where I display links to the child pages. This sidebar has to show on the masterpage but also on the childpages. Is there a way to do this in the query builder? This Pro tutorial for Bricks users… Tags: Hierarchical Posts Read more → |
February 28, 2024 | Redirecting Paginated Pages in WordPress | Redirecting Paginated Pages in WordPressIt is typical to have one or more custom query loops on a static Page like the site's homepage. Let's say in one of these you want to show the latest 5 posts without pagination. You'd set posts_per_page to 5 and no_found_rows to true. no_found_rows reduces the query load by telling WordPress to skip the… Tags: WordPress Queries Read more → |
February 28, 2024 | Bricks single mode – Limiting the number of posts to 1 in the editor | Bricks single mode – Limiting the number of posts to 1 in the editorCreating a "Single Mode" for Bricks query loops to make sure only one post is rendered in the builder. Tags: bricks/posts/query_vars Read more → |
February 28, 2024 | Plain HTML pages in Bricks | Plain HTML pages in BricksHow to output only raw HTML on the page with no other WordPress/Bricks (or any other active child/parent theme)/plugins baggage. Tags: WordPress Page Template Read more → |
February 27, 2024 | Alphabetical Glossary Query Loop in Bricks | Alphabetical Glossary Query Loop in BricksHow to group posts (can be of any post type) by their starting letter in Bricks. Tags: Custom Query Type, Nested Queries, Query Loop, Tabs Read more → |
February 23, 2024 | Filtering posts by a group field’s true / false field sub field value with ACF or Meta Box in Bricks | Filtering posts by a group field’s true / false field sub field value with ACF or Meta Box in BricksThis Pro tutorial covers how posts of a Bricks query loop can be filtered to show only the ones whose true / false or checkbox type of sub field, which is inside a group-type field is equal to true (1). ACF Add a meta query in your query loop where my_group is the group name… Categories: Bricks, Plugins, Pro Read more → |
February 22, 2024 | Parent and Child Pages in Bricks | Parent and Child Pages in BricksA user asked: Hi there, I have a Toggle added to the pages using ACF. I have a pages where I Loop all the pages that have that toggle ON. Easy. Some of those pages have children. I want to create another page that loops all those children. So, I need all the children of… Tags: get_children Read more → |
February 22, 2024 | Keyboard shortcuts for adding elements in Bricks builder | Keyboard shortcuts for adding elements in Bricks builderAdvanced Themer is going to add a handy feature where pressing Cmd/Ctrl + Shift will show numbers in the right sidebar element shortcuts. Typing a number clicks the corresponding button, thereby adding that element in the Bricks editor. While that is a good idea, I prefer being able to add elements based on the element… Categories: Bricks, Free, Plugins Tags: keyboard shortcuts Read more → |
February 21, 2024 | ACF Taxonomy Field Value in Single Posts | ACF Taxonomy Field Value in Single PostsConsider this scenario: CPT: Movie Movie CPT Taxonomy: Movie Genre Movie Genre Taxonomy's field: Genre Color Each movie will have only genre set. The requirement is to get and use the genre color field's value either on single movie posts or in the movie query loop for each movie post. This Pro tutorial shows how… Categories: Bricks, Plugins, Pro Tags: ACF Read more → |
February 15, 2024 | YouTube Playlist Bricks Query Loop | YouTube Playlist Bricks Query LoopA custom query type, for displaying YouTube playlist in a Bricks query loop. Tags: API, Custom Query Type, Query Loop, YouTube Read more → |
February 15, 2024 | Filtering Breadcrumbs in Bricks | Filtering Breadcrumbs in BricksUsing the bricks/breadcrumbs/items filter to modify Bricks' breadcrumbs’ element programmatically. Tags: Breadcrumbs Read more → |
February 13, 2024 | Programmatically populating ACF field values in WordPress | Programmatically populating ACF field values in WordPressAn example of how to set the values of a Select-type field with the names and labels of all public post types. Tags: ACF, acf/load_field, Filters Read more → |
February 13, 2024 | Update Post Meta From Another Custom Field’s Value on Post Publish/Update when using Meta Box | Update Post Meta From Another Custom Field’s Value on Post Publish/Update when using Meta BoxIn the Meta Box Facebook group a user asks: Hi all, wondering if I can get some help. For custom field 1, I am using file_advanced to upload a PDF file.I am wondering if I can populate custom field 2 with the URL for the PDF file that was uploaded to custom field 1. This… Tags: Meta Box Read more → |
February 13, 2024 | Random Meta Box Image | Random Meta Box ImageDisplaying a random image from a set of images from a Meta Box Images Advanced-type field. Categories: Bricks, Free, Plugins Tags: Meta Box Read more → |
February 13, 2024 | Floating Element in Bricks | Floating Element in BricksHow to create a floating element in Bricks that appears across the entire website. Tags: Hooks Read more → |
February 13, 2024 | Meta Box Taxonomy Field’s Image Value in Posts | Meta Box Taxonomy Field’s Image Value in PostsIn a project I am currently working on, the requirement is to show the image of an "Image Advanced" type attached to a taxonomy in CPT posts in a Bricks site. Taxonomy: Review Source (for Review CPT)Custom field: Review Logo (Image Advanced with max. no. of files = 1) CPT: ReviewCustom field: Review Source (Taxonomy)… Categories: Bricks, Plugins, Pro Tags: Meta Box Read more → |
February 12, 2024 | Google Calendar Query Loop in Bricks | Google Calendar Query Loop in BricksUsing a query loop to pull events from a public Google Calendar and output names, dates & times and descriptions. Tags: Custom Query Type, Google Calendar, Query Loop Read more → |
February 9, 2024 | Top-level Pages and Children Bricks Query Loop | Top-level Pages and Children Bricks Query LoopThis Pro tutorial for Bricks users can be considered Part 2 or a variation of the earlier Bricks Query Loop for Top-level Parent Pages with Children tutorial. Given this Page structure: The objective is to list all top-level Pages (not just parent Pages) in the outer query loop and the child Page(s) (if present) of… Tags: Nested Queries Read more → |
February 8, 2024 | Bricks Query Loop for Top-level Parent Pages with Children | Bricks Query Loop for Top-level Parent Pages with ChildrenIn the Bricks Facebook group, a user asked: Looking for a custom query to output a list of posts in the same hierarchy that the posts use. For example, the posts are like: Parent 1 - child A - child B Parent 2 - child C - child D That's the way I need to… Tags: Nested Queries, Query Loop Read more → |
February 6, 2024 | Filtering ACF Relationship Query by Post Meta in Bricks | Filtering ACF Relationship Query by Post Meta in BricksHow to filter the posts of a post type related to another post type based on the value of a True / False type ACF field. Categories: Bricks, Plugins, Pro Tags: ACF, Meta Query, Relationship Read more → |
February 5, 2024 | Nav Menus Custom Query Types in Bricks | Nav Menus Custom Query Types in BricksUpdated on 21 Aug 2024 This Pro tutorial shows how custom query types for each navigation menu can be generated in Bricks. This enables us to loop through the menu items of any nav menu and visually build menu items' titles/text linked to their URLs with optional descriptions. Use case: When a footer from a… Tags: Custom Query Type, Menu, Query Loop Read more → |
February 4, 2024 | Parent post Bricks query loop | Parent post Bricks query loopUpdated on 5 Feb 2024 In the BricksLabs Facebook group a user asks: Is there a way to output the data of a parent post in a child post? Are there tutorials for this? This Pro tutorial provides the steps to output the current single post's parent post using a Bricks query loop for hierarchical… Tags: Query Loop Read more → |
February 3, 2024 | Limit Bricks Users Query to Current Post’s User-type ACF Field Value | Limit Bricks Users Query to Current Post’s User-type ACF Field ValueConsider this scenario with ACF: "John Briley" user: "Gandhi" movie: The requirement is to show John Briley as the author when Gandhi movie item is being viewed on the front end followed by a hyphen and John Briley's Title. This Pro tutorial shows how this can be done in Bricks. Create a template named say,… Categories: Bricks, Plugins, Pro Tags: ACF, Users Query Read more → |
February 2, 2024 | Related Posts Grouped by Custom Field Value when using ACF Relationships in Bricks | Related Posts Grouped by Custom Field Value when using ACF Relationships in BricksIn the Bricks Facebook group a user asks: Let's summarize the situation. with the CPTs and field groups created using ACF. Requirement: On single locations, show related boats grouped by cabin field. Rough outline of what we should do: Sample data (numbers in brackets are post IDs): This Pro tutorial shows how related posts of… Categories: Bricks, Plugins, Pro Tags: bricks/element/settings, Custom Query Type, Query Loop Read more → |
February 1, 2024 | Category Drilldown in Bricks | Category Drilldown in BricksThis Pro tutorial provides the steps for showing child categories if the current category has children or posts, if otherwise on category archives when using Bricks. Step 1 Add an image-type of custom field for setting up an image for the categories. We are using ACF in this example. Edit the categories and select/upload an… Categories: Bricks, Plugins, Pro Tags: Category Archive Read more → |
January 31, 2024 | Adding active class to the current term/post in a Bricks query loop on Term archives/single posts | Adding active class to the current term/post in a Bricks query loop on Term archives/single postsUpdated on 29 Feb 2024 In the Sibling Terms Bricks Query Loop tutorial, a member asked: How can I set the class "active" to the current category ? This Pro tutorial shows how. This also applies to a posts query loop when viewing a single post, not just terms. Step 1 Add the following in… Tags: Query Loop, Terms Query Read more → |
January 30, 2024 | Changing the URL of “Edit in WordPress” icon in the Bricks editor | Changing the URL of “Edit in WordPress” icon in the Bricks editorHow we can change the WP icon in the builder, including the tooltip. Tags: Bricks Editor Read more → |
January 30, 2024 | Custom WooCommerce Account Dashboard in Bricks | Custom WooCommerce Account Dashboard in BricksHow to build a custom My Account dashboard using the WooCommerce account builder in Bricks. Categories: Bricks, Free, Plugins Tags: Dashboard, WooCommerce Read more → |
January 29, 2024 | How to Update Custom Fields with Default Values For Existing Posts when using ACF | How to Update Custom Fields with Default Values For Existing Posts when using ACFLet's take a scenario where there are 10 Pages in a WordPress site. You proceed to create a Text-type of custom field called, say, "Custom Title" using ACF for Pages and set its default value to "This is the default value" (not the most practical, but just to illustrate...). When a new post (of the… Categories: Plugins, Pro, WordPress Tags: ACF Read more → |
January 28, 2024 | Sibling Terms Bricks Query Loop | Sibling Terms Bricks Query LoopHow to limit the terms of a Terms query loop to only the children of the current term’s parent. Tags: bricks/terms/query_vars, Filters Read more → |
January 28, 2024 | Conditionally Render ACF Custom Fields in the Post Editor | Conditionally Render ACF Custom Fields in the Post EditorHow to conditionally show ACF meta boxes based on how many parents a custom post type has. Tags: ACF, acf/prepare_field, Filters Read more → |
January 28, 2024 | Conditional CSS in Bricks based on Post Meta | Conditional CSS in Bricks based on Post MetaIn the Bricks Facebook group a user asked: Hi, how do you normally control margin, padding and font-size using dynamic data? I'm looking for the best workflow to accommodate these rather unusual scenarios. This Pro tutorial covers two ways this can be done in Bricks. Sample Scenario ACF Field group: Page Fields When a specific… Categories: Bricks, Plugins, Pro Tags: Attributes, wp_add_inline_style Read more → |
January 18, 2024 | JetEngine Gallery Image Slider in Bricks | JetEngine Gallery Image Slider in BricksHow to use the images from a JetEngine Gallery field as a Slider using the Slider Nestable element. Categories: Bricks, Plugins, Pro Tags: bricks/posts/query_vars, Filters, JetEngine, Slider Read more → |
January 17, 2024 | Maintenance Mode in Bricks | Maintenance Mode in BricksHere is a guide to using the maintenance feature in Bricks. Tags: Maintenance Read more → |
January 17, 2024 | Adding CSS based on a PHP boolean value in WordPress | Adding CSS based on a PHP boolean value in WordPressIn the Bricks Facebook group a user asked: How do I display a pseudo element depending on the presence of data in an ACF field This Pro tutorial shows one method in which we can add CSS based on the value of a custom field. We shall add a is_game_featured custom field of type Checkbox… Tags: wp_add_inline_style Read more → |
January 14, 2024 | Non-empty events sorted by event date and other posts below in Bricks | Non-empty events sorted by event date and other posts below in BricksUpdated on 15 Jan 2024 Consider a scenario where you are showing posts from multiple post types namely post, event and game in a single query. Also, events have an event_date custom field created using ACF. By default, all the posts are ordered by date published in descending order. Ex.: Notice how there's no event… Tags: meta_query Read more → |
January 12, 2024 | Conditional Posts page template in Bricks | Conditional Posts page template in BricksApplying a template chosen in ACF Pro‘s options page to the blog posts index page. Tags: bricks/active_templates, Filters Read more → |
January 11, 2024 | Primary Term Name and Link in Bricks when using Rank Math | Primary Term Name and Link in Bricks when using Rank MathOne of the features of the Rank Math SEO plugin is the ability to mark a term like category or product category as primary. See How to Choose a Primary Category. This Pro tutorial shows how to create a custom PHP function that takes either 'name' or 'link' as its first argument and the taxonomy… Categories: Bricks, Plugins, Pro Tags: Dynamic Data, Rank Math Read more → |
January 11, 2024 | ACF Repeater sub field value dynamic data condition in Bricks | ACF Repeater sub field value dynamic data condition in BricksThis Pro tutorial provides the steps to output an element on single posts (can be of any post type) only if a specified ACF (Pro) Repeater field has a specified sub field whose value matches the specified string. We shall define a custom function that takes these 3 arguments so it can be used with… Categories: Bricks, Plugins, Pro Tags: ACF Pro, Conditions, Dynamic Data Read more → |
January 9, 2024 | Ordering Meta Box group rows by a sub field in Bricks | Ordering Meta Box group rows by a sub field in BricksIn the BricksLabs Facebook group a user asks: Any idea how to set the sort order of a cloneable group in the query? In this case, I just need to sort social media accounts alphabetically. I know it can be done manually, but that isn't a viable option with multiple people entering content. In the… Categories: Bricks, Plugins, Pro Tags: bricks/query/result, Meta Box Read more → |
January 5, 2024 | Meta Box Relationship in Bricks using Posts Query Loop | Meta Box Relationship in Bricks using Posts Query LoopThis Pro tutorial is similar to the recent ACF Relationship in Bricks using Posts Query Loop guide but for Meta Box. In the past, we covered a somewhat custom requirement in the Meta Box Relationship in Bricks tutorial. If your requirements are fairly standard, though, i.e., you are looking to show posts connected to a… Categories: Bricks, Plugins, Pro Tags: Meta Box, Relationship Read more → |
January 3, 2024 | Events grouped by Event Date custom field in Bricks | Events grouped by Event Date custom field in BricksThis Pro tutorial for Bricks users provides the steps to output posts of an event custom post type dynamically grouped by the value of their event_date, a date-type custom field (tested with ACF, should also work with other custom field plugins). Sample data: Output after implementing the tutorial: This is similar to the Events Grouped… Categories: Bricks, Plugins, Pro Tags: ACF, Nested Queries Read more → |
January 3, 2024 | Making Bricks Sticky Header Static at a Breakpoint | Making Bricks Sticky Header Static at a BreakpointHow to set a breakpoint at which the sticky header should stop being sticky. Tags: Header Read more → |
January 3, 2024 | Setting p as the default HTML tag for Basic Text elements in Bricks | Setting p as the default HTML tag for Basic Text elements in BricksBasic text elements in Bricks have div tags by default, here's one way to change it. Tags: register_element Read more → |
January 3, 2024 | ACF Relationship in Bricks using Posts Query Loop | ACF Relationship in Bricks using Posts Query LoopBricks includes ACF Relationship type of query out of the box for showing posts (on single pages of a post type) related via a ACF Relationship field to another post type. For more flexibility, though, you might want to use a posts query loop instead. This Pro tutorial shows how. We shall work with "Game"… Categories: Bricks, Plugins, Pro Tags: ACF, bricks/element/settings, Relationship Read more → |
January 2, 2024 | Configuring Image Gallery dynamic source in Bricks | Configuring Image Gallery dynamic source in BricksLet's say you have a custom field created with ACF Pro of the type Gallery called "Property Gallery" for posts of "Property" CPT. In the Bricks single property CPT template, we can add an Image Gallery element and select our ACF field to display a grid or masonry of the selected images for each property.… Categories: Bricks, Plugins, Pro Tags: ACF Pro, Image Gallery, render_tag Read more → |
January 2, 2024 | Designing individual posts with Bricks | Designing individual posts with BricksDid you know that Bricks also enables us to design individual posts (of any post type) with the Bricks editor? Tags: bricks/active_templates, Filters Read more → |
December 22, 2023 | ACF Gallery Images Count Dynamic Condition in Bricks | ACF Gallery Images Count Dynamic Condition in BricksConditionally output elements based on how many images are present in the current post’s ACF Gallery field. Tags: ACF Gallery, ACF Pro, Dynamic Data Read more → |
December 22, 2023 | Parent Query Loop Object – Traversing Nested Query Loops Up in Bricks | Parent Query Loop Object – Traversing Nested Query Loops Up in BricksBricks enables us to build nested query levels of unlimited levels. Here are a couple of examples: Sometimes, you might want to obtain the parent (of any level, not just the immediate parent) query loop's object and, from this object, the term_id or post id or other data, depending on what is being looped. There… Tags: Nested Queries Read more → |
December 21, 2023 | Current Single Post Reference From Inside a Bricks Query Loop | Current Single Post Reference From Inside a Bricks Query LoopUse case: Get the single post’s custom field (like ACF Repeater or Meta Box Group) array row corresponding to the loop’s counter/index Tags: Query Loop Read more → |
December 21, 2023 | Core Framework in Bricks | Core Framework in BricksWe look at how to get started with Core Framework in Bricks. Categories: Bricks, Free, Plugins Tags: Core Framework Read more → |
December 21, 2023 | bricks/frontend/render_data Filter | bricks/frontend/render_data FilterHow to use the filter which allows us to modify the rendered content for areas like header, content & footer. Tags: bricks/frontend/render_data, Filters Read more → |
December 19, 2023 | Adjacent Posts Bricks Query Loop | Adjacent Posts Bricks Query LoopThis Pro tutorial provides the steps to customize a posts query loop in Bricks to show previous and next posts on single post pages. The benefit of previous and next posts via a query loop over the built-in Post Navigation element is that we have complete control over what elements appear for these adjacent posts… Tags: Adjacent posts Read more → |
December 19, 2023 | Dynamic URL Parameter Post Popups in Bricks | Dynamic URL Parameter Post Popups in BricksBricks 1.9.4 added AJAX support for Popups via its Popup Builder. popupContextId can be now set in bricksOpenPopup() which means a popup can be set to show dynamic data from any post with the specified ID. This Pro tutorial provides the steps for setting up a dynamic Popup that opens on page load and shows… Tags: Popup Read more → |
December 17, 2023 | Adding defer to WS Form scripts | Adding defer to WS Form scriptsHow to defer the scripts added by WS Form plugin. Tags: WS Form Read more → |
December 15, 2023 | ACF Repeater Sub Field Data | ACF Repeater Sub Field DataHow to get a specific sub field’s data like its label from a specific ACF Repeater. Categories: Bricks, Free, Plugins Tags: ACF Repeater Read more → |
December 15, 2023 | Random Row from ACF Repeater in Bricks | Random Row from ACF Repeater in BricksIn the past, we shared how the first row of a ACF Repeater can be output in a Bricks query loop here. This Pro tutorial shows how the query results can be filtered to return a random row. Step 1 Enable query loop on an element and select your ACF Repeater as its query type.… Tags: bricks/query/result, Filters Read more → |
December 14, 2023 | MB Favorite Posts in Bricks | |
December 14, 2023 | ACF Gallery Query Loop in Bricks | ACF Gallery Query Loop in BricksHow we can set the images from a Gallery-type ACF Pro field as loop items of a Bricks query loop. Categories: Bricks, Plugins, Pro Tags: ACF Gallery, ACF Pro, Query Loop Read more → |
December 14, 2023 | Media File Attachment Data in Bricks | Media File Attachment Data in BricksWith a 'Media' query loop, this tutorial shows how we can retrieve various attachment-specific properties inside of the loop. Tags: Dynamic Data Read more → |
December 14, 2023 | Modifying ACF Field Value Before It Is Output | Modifying ACF Field Value Before It Is OutputConsider the scenario where a Page has a "Page Fields" field group created with ACF Pro like this: Field name: scientific_coordinators (type Repeater)|__ Sub field 1: name (type Text)|__ Sub field 2: institution (type Text) Sample Page being edited: The objective is to output the name and institution separated by a comma for each row… Categories: Bricks, Free, Plugins Read more → |
December 13, 2023 | Making Bricks Nestable Accordion’s First Item Open on Desktop and Closed on Mobile | Making Bricks Nestable Accordion’s First Item Open on Desktop and Closed on MobileUsing JS to ensure the accordion first entry is open on desktop but closed on mobile. Tags: Accordion Read more → |
December 12, 2023 | Child Posts Section in Bricks | Child Posts Section in BricksThis Pro tutorial provides the steps to limit the posts (can be of any post type) output by Bricks' query loop to children of the current single post being viewed on the front end. Note: The post type should be set to be hierarchical with Page Attributes support. We shall also ensure that the Section… Tags: Query Loop Read more → |
December 12, 2023 | How to Modify Products Element Query in Bricks to Output Child Products | How to Modify Products Element Query in Bricks to Output Child ProductsThis Pro tutorial provides the steps to limit WooCommerce products output by Bricks' Products element on single product pages to only the children of the current product. Step 1 Let's make the product post type hierarchical. Add the following in child theme's functions.php or a code snippets plugin: Edit your products and set up parent-child… Categories: Bricks, Plugins, Pro Tags: bricks/query/result, WooCommerce Read more → |
December 11, 2023 | Related FAQs on Product pages Based on Product Category Taxonomy in Bricks | Related FAQs on Product pages Based on Product Category Taxonomy in BricksOn product pages, we show all the FAQs associated with the current WooCommerce product's product categories. Categories: Bricks, Plugins, Pro Tags: ACF, WooCommerce Read more → |
December 11, 2023 | Filtering Query Loop Posts by a Non-empty Custom Field in Bricks | |
December 11, 2023 | Limiting the Query Loop Posts Output to Post IDs From a Custom Field in Bricks | Limiting the Query Loop Posts Output to Post IDs From a Custom Field in BricksA user asks: Recently Bricks introduced the PHP query editor that lets us modify the query parameters right within the query dialog of the builder rather than having to do it outside using a code snippets plugin or child theme's functions.php. Generally speaking, a "Post" type of Meta Box field or a Relationship is better… Tags: Meta Box Read more → |
December 7, 2023 | Setting Active Tab in Bricks’ Tabs (Nestable) Element | Setting Active Tab in Bricks’ Tabs (Nestable) ElementWith Bricks' Nestable tab element, here's how we can set which tab is active by default. Tags: JavaScript, Tabs Read more → |
December 7, 2023 | AJAX Pagination for Other Posts on Single Posts in WordPress | AJAX Pagination for Other Posts on Single Posts in WordPressOne way we can output an unordered list of linked titles of posts, with AJAX pagination. Tags: Loops & Logic Read more → |
December 6, 2023 | JetEngine Term Image in Bricks | JetEngine Term Image in BricksHow to retrieve the URL of a Media type of a JetEngine custom field attached to a taxonomy term. Categories: Bricks, Free, Plugins Tags: JetEngine Read more → |
December 6, 2023 | SureMembers User Access Group Condition in Bricks | SureMembers User Access Group Condition in BricksHow elements can be conditionally rendered depending on whether the current user has access to the specified SureMembers access group. Categories: Bricks, Free, Plugins Tags: SureMembers Read more → |
December 6, 2023 | Color Custom Field as Section Background Color on Category/Term Archives in Bricks | Color Custom Field as Section Background Color on Category/Term Archives in BricksHow to use a color from a taxonomy term custom field for as the hero section background color on archive pages. Read more → |
December 6, 2023 | How to Hide the Header Initially and Show It After Scrolling Down in Bricks | How to Hide the Header Initially and Show It After Scrolling Down in BricksHiding the header when the scroll position is at the top and reveal it after the user scrolls down. Tags: Header Read more → |
December 3, 2023 | Sticky Element using Position Sticky | Sticky Element using Position StickyIf you are looking to make an element, typically, the site header sticky whether it is at the top of the page to begin with or at another position down below on the page we can use the display: sticky CSS rule to make that element stick to the top of the page when it… Categories: Free Read more → |
November 30, 2023 | How to create custom colorthemes for your website with happyfiles | How to create custom colorthemes for your website with happyfilesHappy Files is certainly known to many as the media management of the Wordpress media library, which is in dire need of improvement. Developed by Thomas Ehrig, the developer of Bricks Builder, the plugin can do much more. In our agency it is part of the standard stack, simply to keep order in custom post types but… Categories: Bricks, Free, Plugins Tags: bricks, colorthemes, HappyFiles Read more → |
November 26, 2023 | Opening Bricks Offcanvas with a Custom Link or Button or Div | Opening Bricks Offcanvas with a Custom Link or Button or DivYou may want to trigger the Offcanvas with an element other than the toggle. Here's how to do it. Tags: Offcanvas Read more → |
November 23, 2023 | Comparing Dates in WS Form | Comparing Dates in WS FormHow to compare one date field to another date field using conditional logic. Tags: WS Form Read more → |
November 23, 2023 | Stock Quantity Block for WP Grid Builder | Stock Quantity Block for WP Grid BuilderIn the unofficial WP Grid Builder Facebook group a user asked: Is it possible to show stock quantity on the card? I can't find it in blocks, only in/out of stock, and I need to show how many items are on stock. This Pro tutorial provides the code for creating a custom WP Grid Builder… Tags: WP Grid Builder Read more → |
November 23, 2023 | Dynamic Landing Pages Redirection Based on User Input using WS Form | Dynamic Landing Pages Redirection Based on User Input using WS FormUse the Conditional Logic & Actions in WS Form Pro to redirect the user depending on what they input. Tags: WS Form Read more → |
November 22, 2023 | Querying Posts by JetEngine Switcher Field in Bricks | Querying Posts by JetEngine Switcher Field in BricksWe look at how to display only posts with switcher value of ‘1’ in a specific query loop. Categories: Bricks, Free, Plugins Tags: JetEngine, Query Loop Read more → |
November 21, 2023 | How to Limit a WP Grid Builder’s Term Grid to Only Current Post Terms | How to Limit a WP Grid Builder’s Term Grid to Only Current Post TermsIn the WP Grid Builder Facebook group (unofficial), a user asks: Hi All, I'm looking for a way to update the contents of a grid that is set to 'Content Type > Terms' and is being used on a single post template, to only show the terms the currently being viewed post has. Any suggestions?… Tags: WP Grid Builder Read more → |
November 21, 2023 | Published Years Filters in Bricks | Published Years Filters in BricksIn the Posts Grouped by Years in Bricks tutorial, we showed how posts can be grouped by all the years in which there are published posts. This Pro tutorial for Bricks users provides the steps to automatically assign the year in which posts are published as a term to a custom taxonomy (year-published) so the… Categories: Bricks, Plugins, Pro Tags: Facets, Filters, WP Grid Builder Read more → |
November 20, 2023 | Conditional Single CPT Templates based on Post Hierarchy in Bricks | Conditional Single CPT Templates based on Post Hierarchy in BricksIn the past we covered Conditional Bricks Templates Based on Product Category Hierarchy Levels in Bricks. This Pro tutorial provides the steps to programmatically apply a Bricks template created for Level 1 items (posts of a Custom Post Type) to CPT items that are at Level 1 (refer to the sample screenshot below), Level 2… Tags: bricks/active_templates Read more → |
November 20, 2023 | Conditional Output based on Date Time Picker Field in Bricks | Conditional Output based on Date Time Picker Field in BricksIn the past, we showed how elements can be conditionally output based on a post's Date type of ACF field here. This Pro tutorial for Bricks users provides the steps for outputting elements depending on whether the value of the current post's custom field of Date Time Picker type created using ACF (might be updated… Categories: Bricks, Plugins, Pro Tags: ACF, Date Time Picker Read more → |
November 19, 2023 | Current Post Has Parent – Conditional Single Template | Current Post Has Parent – Conditional Single TemplateHow to apply one of two Bricks templates to posts depending on whether that post has a parent or not. Tags: bricks/active_templates Read more → |
November 15, 2023 | Useful Action Hooks in Bricks | Useful Action Hooks in BricksBricks has a few handy action hooks to inject/add code in various areas of your site. Here are commonly-used ones. Tags: Hooks Read more → |
November 15, 2023 | Comma-separated user role names in Bricks | Comma-separated user role names in BricksHow to display comma-separated names of user roles for the current user (in the loop) in a Bricks site. Tags: Users Query Read more → |
November 14, 2023 | Sorting a Bricks Query Loop by Custom Field Matching the URL Parameter | Sorting a Bricks Query Loop by Custom Field Matching the URL ParameterA member asks: I am looking to buy traffic from a source, and could make the process more dynamic if i could have the ads all be unique but draw from a page of listings that are created within a loop. Is it possible to make the 1st listing be pulled to the top spot… Tags: bricks/posts/query_vars, meta_query, URL Parameter Read more → |
November 14, 2023 | Bricks Accordion (Nestable) Element’s Icons | Bricks Accordion (Nestable) Element’s IconsAdding icon rotations to Bricks' Accordion (Nestable) element when opened. Tags: Accordion Read more → |
November 14, 2023 | Search Results Grouped by Post Types in Bricks | Search Results Grouped by Post Types in BricksUpdated on 08 Oct 2024 This Pro tutorial provides the steps to arrange the search results by specified post types in a Bricks site. We shall register a custom query type called "My Post Types" so the outer query loops through an array of our desired post types. Then add an inner query that loops… Tags: Nested Queries, Search Results Read more → |
November 7, 2023 | Ken Burns Background Slideshow in Bricks | Ken Burns Background Slideshow in BricksSetting up a hero section, having images that pan and move as a background slideshow with content on top. Tags: Slideshow Read more → |
November 5, 2023 | Quick View Buttons for Woo Products in Bricks | Quick View Buttons for Woo Products in BricksThis Pro tutorial provides the steps to set up quickview buttons for products in a Woo (formerly, WooCommerce) products grid using Bricks' Popups and Interactions features. Clicking a button opens a popup (lightbox) that shows that product's image/gallery on the left and product title, price, short description, Add to cart button and product meta on… Categories: Bricks, Plugins, Pro Tags: WooCommerce Read more → |
November 5, 2023 | Media Library PDF Attachments Listing in Bricks | Media Library PDF Attachments Listing in BricksUpdated on 9 Sep 2024 This Pro tutorial provides the steps for displaying PDF files from a HappyFiles folder as a list/grid using a Bricks query loop with PDF title, caption, description, file size and a view/open button that loads the file in a lightbox. We shall use Adobe PDF Embed API for rendering the… Categories: Bricks, Plugins, Pro Tags: HappyFiles, Media Library, PDFs Read more → |
October 30, 2023 | How to Limit the Depth of Nav Menu in Bricks | How to Limit the Depth of Nav Menu in BricksUpdated on 31 Oct 2023 This Pro tutorial provides the steps for limiting the depth of WordPress navigation menu rendered via Bricks' Nav Menu element. Ex.: Limiting the depth to 2 of a specific menu (by its ID): Before: After: Step 1 Add the following in child theme's functions.php or a code snippets plugin: Categories: Bricks, Pro, WordPress Tags: bricks/element/settings, Nav Menu Read more → |
October 26, 2023 | Nested Queries in Bricks – Posts Grouped by Published Years and Categories | Nested Queries in Bricks – Posts Grouped by Published Years and CategoriesIn the past we showed how posts could be grouped by years in Bricks. This Pro tutorial takes it further by grouping posts by categories which are further grouped by years. The year headings will be dynamic - in the sense they will only be the ones in which there is at least 1 published… Tags: Query Loop Read more → |
October 25, 2023 | JetEngine Field Value(s) and Label(s) | JetEngine Field Value(s) and Label(s)A few users in the Bricks forum wanted to know how to retrieve the label that corresponds with the selected value when the type of JetEngine's field is Radio or Checkbox or Select. This Pro tutorial shows how we can create a custom function that takes the field name/ID as the parameter and outputs the… Categories: Bricks, Plugins, Pro Tags: JetEngine Read more → |
October 19, 2023 | Querying Posts by ACF Date Sub Field in Bricks | Querying Posts by ACF Date Sub Field in BricksUpdated on 17 Nov 2023. This Pro tutorial shows how we can set post__in query parameter of a query loop in Bricks to an array of post IDs for which there is at least one date custom field (inside an ACF Repeater) value that is today or in the future. Update: We also provide the… Categories: Bricks, Plugins, Pro Tags: ACF Pro Read more → |
October 11, 2023 | How to Remove “Edit with Bricks” submenu items from the Toolbar for Editors | How to Remove “Edit with Bricks” submenu items from the Toolbar for EditorsIn Bricks' "Builder access" settings when access is given to Editor user role (either Edit content or Full access), site editors can access Bricks Templates and Settings via the links under "Edit with Bricks" WP Admin toolbar menu item in addition to being able to edit posts. Sometimes the requirement could be that editors should… Tags: Admin Bar, admin_bar_menu Read more → |
October 9, 2023 | Class-based Data Attributes in Bricks | Class-based Data Attributes in BricksWe go through how to add a data attribute conditionally depending on the element’s class. Tags: bricks/element/set_root_attributes, Filters Read more → |
October 6, 2023 | How To Remove the Featured Image from WooCommerce Product Gallery | How To Remove the Featured Image from WooCommerce Product GalleryProduct Gallery on single product pages in WordPress include the product's featured image by default. If you are looking to exclude it so only the gallery images are shown, add the following in child theme's functions.php or a code snippets plugin: Reference /wp-content/themes/bricks/includes/woocommerce/elements/product-gallery.php Tags: WooCommerce Read more → |
October 4, 2023 | Conditionally Outputting Query Loop Item Based on Post Meta in Bricks | Conditionally Outputting Query Loop Item Based on Post Meta in BricksRendering query-loop enabled posts depending on the value of each post's custom field value is tricky because by default, the custom field plugins' functions or builder-functionality for fetching the custom field pulls the value of meta for the post (Post/Page/CPT/template etc.) in which the query loop element is present, not the individual posts in the… Tags: bricks/element/render Read more → |
October 3, 2023 | Ordering The Events Calendar Events in Bricks | Ordering The Events Calendar Events in BricksLooking to order the list of events output via a query loop in Bricks when using The Events Calendar? Categories: Bricks, Free, Plugins Tags: The Events Calendar Read more → |
September 28, 2023 | Dropdown Menu in Bricks using Interactions | 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 1 At Appearance → Menus create a navigation menu having top-level items. Ex.: Step 2 Copy the following JSON code and paste it in your Bricks editor. Tags: Interactions Read more → |
September 28, 2023 | Filtering out Media Items from “Select post/page” Bricks control | Filtering out Media Items from “Select post/page” Bricks controlThe dropdown that appears after choosing "Internal post/page" when setting a link in Bricks shows media (attachment) items besides Pages, Posts and other CPTs. If you want to remove the Media attachment items from appearing in this list, an undocumented filter called bricks/helpers/get_posts_args can be used. Add the following in child theme's functions.php or a… Tags: bricks/helpers/get_posts_args, Filters Read more → |
September 26, 2023 | Bricks Slider Images From ACF Flexible Content Sub Field | Bricks Slider Images From ACF Flexible Content Sub FieldConsider the following field group associated with Pages when using ACF Pro: "Page Fields" field group|_"Page Content" Flexible Content field|__"Layout 1" layout|___"Title" Text field|___"Layout 1 Gallery" Gallery (sub) field The requirement is to feed all the images set for the Gallery field for all the Layout 1 rows to a Bricks Slider element. This Pro… Categories: Bricks, Plugins, Pro Tags: ACF Pro, Flexible Content, Slider Read more → |
September 26, 2023 | Condition for Checking Current Post Category in Bricks | Condition for Checking Current Post Category in BricksHow we conditionally display an element based on the current post's categories. Tags: Conditions Read more → |
September 25, 2023 | Conditional Rendering Based on Current Date and Time in Bricks when Using Meta Box | Conditional Rendering Based on Current Date and Time in Bricks when Using Meta BoxA Pro member of our site asks: Using bricks + Meta, conditionally show a post listing under 3 different conditions, based on the Current Date and Time… Would like to keep it simple, and use Radio for 3 options 1) Display Listing 24/7 2) Display during call center Hours (9-6EST) Monday To Friday 3) Display… Categories: Bricks, Plugins, Pro Tags: bricks/element/render, Meta Box Read more → |
September 22, 2023 | Mac Workflow for Adding Elements in Bricks Editor | Mac Workflow for Adding Elements in Bricks EditorPlugins like Advanced Themer provide handy 1-click buttons for inserting/adding frequently used elements in Bricks element like Section, Container, Heading, Basic Text, Image and Button. Note that Bricks also has some keyboard shortcuts natively. As a heavy keyboard shortcuts user, I built my own custom command palette using Keyboard Maestro, a paid app for macOS.… Tags: Productivity Read more → |
September 22, 2023 | Query Results Count in Bricks | Query Results Count in BricksFrom Bricks v1.9.1 we can now get the query result count of any query based on the Bricks ID. Tags: query_results_count Read more → |
September 21, 2023 | ACF Checkbox Sub Field as Unordered List in Bricks | ACF Checkbox Sub Field as Unordered List in BricksUpdated on 22 Sep 2023 This Pro tutorial shows how the checked options of a Checkbox-type of Sub Field inside a ACF Repeater field can be output as an unordered list. As of Bricks 1.9.1, it is not possible to do this without writing code. ACF field group: json export Repeater field being populated by… Categories: Bricks, Plugins, Pro Tags: get_loop_object Read more → |
September 14, 2023 | Conditional Bricks Templates Based on Product Category Hierarchy Levels | Conditional Bricks Templates Based on Product Category Hierarchy LevelsProgrammatically appling Bricks templates to product category archives based on hierarchy level. Categories: Bricks, Plugins, Pro Tags: bricks/active_templates, WooCommerce Read more → |
September 13, 2023 | nth image from ACF Gallery in Bricks | nth image from ACF Gallery in BricksShowing how the specified nth image can be used as the source or background of an Image element. Categories: Bricks, Plugins, Pro Tags: ACF Gallery, ACF Pro Read more → |
September 6, 2023 | ACF/Meta Box Gallery Images as Bricks Slider in Bricks | ACF/Meta Box Gallery Images as Bricks Slider in BricksShowing a simpler method of creating custom query loops for ACF Pro Gallery & MetaBox's Advanced Images. Categories: Bricks, Plugins, Pro Tags: ACF Pro, bricks/posts/query_vars, Meta Box Read more → |
August 24, 2023 | Featured Products in Bricks Query Loop | Featured Products in Bricks Query LoopShowing how WooCommerce products marked featured can be output in a Bricks query loop. Tags: bricks/posts/query_vars, WooCommerce Read more → |
August 18, 2023 | Meta Box Image Advanced Field Images in Bricks Query Loop | Meta Box Image Advanced Field Images in Bricks Query LoopA user asked: Do you know what the best way to query an image from metabox gallery? I would like to query the top 3 images from a metabox gallery but there doesnt look like an easy way. The only way I found is to use the gallery element from bricks but customization is limited.… Categories: Bricks, Plugins, Pro Tags: bricks/posts/query_vars, Meta Box Read more → |
August 18, 2023 | WooCommerce Product Gallery Images in Bricks Query Loop | WooCommerce Product Gallery Images in Bricks Query LoopHow to output the images attached to Product gallery on a product page with a query loop Categories: Bricks, Plugins, Pro Tags: bricks/element/render, bricks/posts/query_vars, Filters, WooCommerce Read more → |
August 16, 2023 | Inserting Random Ad Between Posts in Bricks | Inserting Random Ad Between Posts in BricksHow to insert random ads (post type) in between regular posts on the blog page. Tags: bricks/query/result Read more → |
August 14, 2023 | How to Inject a Different Type of Post in Bricks Query Loop | How to Inject a Different Type of Post in Bricks Query LoopUpdated on 26 Aug 2024 A user asks: Hello, I'd like to inject a CPT post card inside of a Bricks query loop of a different CPT and display every 10 posts. The specific use is to display a Classified Ads CPT card within News CPT search results that is filtered by Grid WP. bricks/query/result filter introduced… Tags: bricks/query/result, Filters Read more → |
August 12, 2023 | Setting a Bricks template for Parent pages | Setting a Bricks template for Parent pagesThis Pro tutorial shows how bricks/active_templates filter can be used to programmatically assign a Bricks template to all singular pages (of any post type) that are parents i.e., have other child pages (of the same post type). The code snippet can also be modified to only apply to parent posts of a specific post type,… Tags: bricks/active_templates, Filters Read more → |
August 11, 2023 | Sort Posts by Meta Box Group Sub Field in Bricks | Sort Posts by Meta Box Group Sub Field in BricksThis Pro tutorial provides the steps to order posts in Bricks by the value of a Number-type of sub field that is inside a Meta Box group. Use case: Sort posts by year. If the year field were not inside a group, it is straight forward to order by the field value: But if the… Categories: Bricks, Plugins, Pro Tags: bricks/query/result, Meta Box Read more → |
August 9, 2023 | Dynamic Post-specific Templates in Bricks using Meta Box/ACF Select Field | Dynamic Post-specific Templates in Bricks using Meta Box/ACF Select FieldUpdate on 23 Aug 2023: Added steps for ACF. Bricks builder v1.8.4 introduced an pretty useful filter called bricks/active_templates that flew under the radar. This enables us to programmatically apply Bricks templates to pages. Consider a common scenario where the site has a Service Custom Post Type. You want to provide your client (or yourself)… Categories: Bricks, Plugins, Pro Tags: bricks/active_templates, Meta Box Read more → |
August 7, 2023 | Meta Box Checkbox List Query Type in Bricks | Meta Box Checkbox List Query Type in BricksThis Pro tutorial provides the steps to add a new query type in Bricks builder for displaying the values of a Checkbox List type of custom field created using Meta Box in a query loop. Field group: Location of the field group is a CPT: Project (project). Field being populated on a project CPT post:… Categories: Bricks, Plugins, Pro Tags: bricks/query/run Read more → |
August 5, 2023 | Meta Box Category Colors in Single Posts | Meta Box Category Colors in Single PostsLooking to use Meta Box Color Picker fields' values in a single post Bricks template based on the post category? This tutorial shows how. Note: Designed to work mainly for the case where posts have a single category assigned to each. Step 1 Create a field group named say, "Category Fields" having category_primary_color and category_secondary_color… Tags: Meta Box Read more → |
August 4, 2023 | Sorting Relationship Query Results in Bricks | Sorting Relationship Query Results in BricksThis Pro tutorial show how bricks/query/result filter in Bricks builder can be used to sort the results of a ACF (should also work with Meta Box) Relationship query in By default the results will be in the order the related posts are arranged (on the right side of the screenshot below) for a post. These… Categories: Bricks, Plugins, Pro Tags: ACF Pro, bricks/query/result, Relationship Read more → |
July 31, 2023 | Conditional Rendering in Bricks Based on CSS Class | |
July 31, 2023 | Loading External Scripts in WordPress With Defer Attribute | Loading External Scripts in WordPress With Defer AttributeThe next major version of WordPress, 6.3 includes a loading strategy for scripts so we can easily specify that the scripts have defer or async attributes in the script tag HTML. This page on Make WordPress Core provides the details. Below is a simplified version of the same. When enqueuing (putting stuff in a queue… Categories: Bricks, Free, WordPress Tags: defer, JavaScript, wp_enqueue_script Read more → |
July 28, 2023 | Post Category Links Ordered by Parent and Child Categories in Bricks | Post Category Links Ordered by Parent and Child Categories in BricksA user asks: As far as know, there is built-in setting or a filter in Bricks builder to output comma-separated post categories with parent categories at the beginning followed by child categories. However, we can write a custom function that gets all the categories assigned to the current post, filter them to get parent and… Categories: Bricks, Pro, WordPress Tags: get_the_category Read more → |
July 25, 2023 | At Least 1 Search Result Condition in Bricks | At Least 1 Search Result Condition in BricksRegistering a custom condition to render elements depending on whether there is at least one search result. Tags: Conditions, Search Results Read more → |
July 23, 2023 | Codrops Dynamic Shape Overlay in Bricks | Codrops Dynamic Shape Overlay in BricksThis Pro tutorial provides the steps to implement Codrops' SVG shape overlay in Bricks. We shall display a WordPress menu in the overlay after an hamburger button is clicked/tapped with nice fluid animations. Step 1 If a child theme is not already active, upload and activate it. Create a directory called assets in the child… Tags: Menu Overlay Read more → |
July 21, 2023 | Grid.js in Bricks | Grid.js in BricksThis Pro tutorial provides the steps to use Grid.js in a WordPress site powered by Bricks builder. Grid.js is a lightweight and performant JavaScript library for showing tabular data with optional sorting, filter-as-you-type search and pagination. We shall cover both static/hard-coded tables and dynamic (post grid) tables. Note: If you don't want to accomplish the… Tags: Grid.js, JavaScript Read more → |
July 18, 2023 | Posts from Random Categories in Bricks | Posts from Random Categories in BricksUpdated on 31 Jul 2023 In BricksLabs Facebook group a user asked: How would you query 3 WordPress posts from 3 different categories with Brick Builder query loop function? Case #1: the categories do not matter. Case #2: the categories matter. This Pro tutorial provides the steps to tackle case #1 wherein we construct an… Tags: bricks/posts/query_vars Read more → |
July 17, 2023 | Adding code before closing head tag in WordPress | Adding code before closing head tag in WordPressLooking to add code before the closing head tag in a WordPress site? Most well-coded themes will have a call to wp_head() function before </head> in header.php which is used by all pages of your WordPress website. That function has a single line: which runs all the callback functions that have been added to that… Categories: WordPress Tags: Action Hooks Read more → |
July 6, 2023 | Sticky Footer Reveal in Bricks | |
June 30, 2023 | Featured Image Fallback in Bricks | Featured Image Fallback in BricksThis Pro tutorial shows bricks/element/settings filter of Bricks builder can be used to specify the ID of an image in the WordPress Media Library that should be shown for posts that do not have a featured image set in a query loop. Note that it is also possible alternatively to simply add another Image element… Tags: bricks/element/settings Read more → |
June 29, 2023 | ACF Repeater Row Count Condition in Bricks | ACF Repeater Row Count Condition in BricksThis Pro tutorial provides the steps to output elements on single posts (of any post type) in Bricks only if a specific ACF Repeater-type of custom field for that post is not empty i.e., if it has at least one row. Add the following in child theme's functions.php or a code snippets plugin: Categories: Bricks, Plugins, Pro Tags: ACF Pro, ACF Repeater Read more → |
June 28, 2023 | Custom Field Values Below Images in WordPress Block Editor Output | Custom Field Values Below Images in WordPress Block Editor OutputUpdated on 7 Feb 2024 A user in our Facebook group asks: How can I display Image custom fields? I have 2 ACF fields for each image: Author and URL. I would like to display those fields underneath each image.This is on blog posts, so I am using Gutenberg for the content and Bricks for… Tags: render_block Read more → |
June 28, 2023 | Customizing ACF Repeater/Relationship or Meta Box Relationship Query Parameters in Bricks | Customizing ACF Repeater/Relationship or Meta Box Relationship Query Parameters in BricksFor query types other than post, term and user in Bricks i.e, ACF Repeater/ACF Relationship/Meta Box Relationship there are no built-in controls for modifying the parameters like being able to limit the result count or show the results in random order. But Bricks does provide a filter to do this programmatically called bricks/query/run. This Pro… Tags: bricks/query/run Read more → |
June 26, 2023 | Post Content in Offcanvas using AJAX in Bricks |