How Cart Page Content Updates Automatically When Changing The Quantity
We shall remove the update button and update the cart content(w/o refreshing the page) when changing the quantity or removing the item(s). Here are the simple tips.
Custom Navigation Buttons of the Bricks Slider
BricksUltimate has added the new element “Slider(Nestable) Arrows”. Now you can place the prev/next button outside the slider wrapper and build the fancy layout for slider. Activate The Element By default this element is disabled. You will activate it after going to your Dashboard -> Bricks ->BricksUltimate page. Under the general elements tab, you will get the elements list. Check the Slider(Nestable) Arrows element and save the settings. Now, it will show on the builder editor and you can use it with the Bricks nestable slider element. Procedure Step 1: Add the Slider(Nestable) element on the canvas…
Adding Progress Bar in Bricks Nestable Slider
BricksUltimate has added the new element “Slider(Nestable) Progress Bar” which is adding the progress bar controls to the Bricks nestable slider element. Activate The Element By default this element is disabled. You will activate it after going to your Dashboard -> Bricks ->BricksUltimate page. Under the general elements tab, you will get the elements list. Check the Slider(Nestable) Progress Bar element and save the settings. Now, it will show on the builder editor and you can use it with the Bricks nestable slider element. Procedure Step 1: Add the Slider(Nestable) element on the canvas and…
[ELEMENT CONDITION] Term Has Children
Original question HIDE ELEMENT INSIDE QUERY LOOP IF PARENT TERM HAS NO CHILDREN I have a query loop setup on my home page to show a grid of parent terms for a specific taxonomy. Nested inside that query loop is a second query loop that lists the children of those parent terms. I have these children nested inside of an accordion element where users can expand and see sub items. <container> <query block> <parent item> </> <accordion> <child query item> </> </accordion> </query block> </container> Preview BricksUltimate add-on has an…
Display Only Parent Terms Whose Has Children
In this tutorial, we shall learn how we only fetch those parent terms whose has children. We need small PHP codes. With these PHP snippets, we shall fetch the parent term IDs which has children. Open the functions.php of the Bricks child theme or drop the code in the 3rd party plugin. Snippets Now we shall create the terms query in the builder editor and create our terms list. Here I used the bricks’ Accordion element and Custom Taxonomy Query loop builder(under Ultimate Query Builder Query type) from the BricksUltimate.…
Adding Custom Class To Heading Element’s Anchor Tag
Original request: Hi! Is it possible to add a custom class directly in the <a> tag instead of the parent element? Bricks have filter bricks/element/render_attributes. You can add a custom attribute(s) to the element with this filter and the custom PHP code. Open the functions.php file of the Bricks child theme or add the code to the 3rd party snippets plugin. yfsqjl is the ID of my Heading element. You will replace it with your element ID if you are targeting a specific element. Otherwise, it will apply to the…
Style Bricks Post State text
Someone asked this question in the Bricks Community FB group Hi guys, is it possible to stylize “Bricks” in pages as in the picture? In the css there is only a generic class “post-state”. I have a site with several pages managed with both Gutenberg or Bricks and would like to make it more obvious where Bricks Builder is used. Open the functions.php file of the Bricks child theme or add this small PHP code in 3rd party snippets plugin.
Adding a section after the nth query loop post
Assume you created a post section with the bricks query loop builder. How can you add a custom section like an image, heading with some content, etc after the nth post? A simple way we can do this. Here is the demo video. You will get the idea.
Creating Related Posts Section with ACF Post Object Field Type
The ACF Post Object field creates a drop-down to select one or more posts, pages or custom post type items. With this option, we can manually assign the post(s) from the dashboard and create the specific related posts section on our site. The BricksUltimate just enhanced this field-type option for the bricks. It created the custom loop builder for ACF Post Object field type and users can easily build a flexible layout from the Bricks builder editor. Preview
Display category posts in accordion
We shall display the categories posts in accordion layout with the Bricks accordion nestable element. Here we shall use two loops builder: 1st one will fetch the terms of a selected taxonomy and 2nd one will fetch the post(s) based on term ID. Checkout the video below In this demo, I fetched the post categories and their related posts. But you can use it for the custom taxonomy and fetch their related custom post-type content.