Sync AJAX Action with the Bricks Native Popup Builder
Bricks Builder integrated the lightbox effect with the Popup builder feature. But it has not AJAX option. If your site has a long listing page and you added the lightbox option via native popup builder, your page size is growing big and increasing the DOM size. We can avoid it with AJAX. Because AJAX is fetching the dynamic data from your server without any page refresh. Therefore, your page will load quickly. BricksUltimate, a 3rd party add-on of the bricks builder added this feature and you can easily setup the…
Show the post excerpt on the first post only
In this tutorial, I shall show how we shall hide excerpts on all except the latest post. As per the above image, I used the Query Loop builder of the Bricks and created the grid layout of the latest 3 posts. Here I used the following nested elements under the Block element(I added the single Post Query Loop builder feature in this element and built the grid layout with the CSS Grid option).1. Image Element2. Post Title Element3. Meta Data Element4. Post Excerpt Element.After completing the layout, I selected the…
Creating the gallery page with the Bricks editor
How do you make the gallery page if you have 50+ images? In this tutorial, I shall show you how you will make the gallery page with ACF(Advanced Custom Fields) plugin and Query Loop Builder of the Bricks builder.The complete process is shown in the video. Check the video below. Code for Custom Loop Note: I used the ACF in this tutorial. But you can also use Metabox or any custom field plugin.
Creating Product Gallery Slider with Nested Slider Element
In this post, I shall show you how you will create the product gallery slider with the bricks’ native nested slider element. Bricks introduced the loop builder and you can use the loop builder in the nested slider element.BricksUltimate created a custom loop builder “Product Galleries” which is fetching the WooCommerce product’s gallery images and displays at the frontend.Before making the slider, make sure that you enabled the Image Attachment element from the Bricks -> BricksUltimate -> General Elements tab.Step 1: Add the section/container/block element as a wrapperStep 2: Add…
Sync Two Nested Sliders without Any Code
Bricks added the nested slider element and you can make the fluid slider for your site. But you can’t sync the two sliders. The BricksUltimate add-on is giving this opportunity and you can sync the two nested sliders from the Bricks builder editor and you can avoid the custom coding. If you have a BricksUltimate add-on, you will install and activate it. Now open the Bricks builder editor and build the two sliders (main and thumbs) with the nested slider element. After completing the sliders, you will select the thumbs…
Creates Product Cross-sells Section with Query Loop Builder
As per request, the BricksUltimate add-on created a custom provider for the query loop builder and you can make the cross-sells products list (on a single product/ cart page) with the loop builder. Step 1: Linked Cross-sells Products with a Product At first, we shall link the cross-sells product to a product from the dashboard. 1. Login to your dashboard and add/edit a product.2. Click on the “Linked Products” tab3. Add some products in Cross-sells input box4. Save the post Step 2: Make List with Query Loop
Display All Sticky Posts with Query Loop
How do you display the sticky posts with the query loop builder? In this tutorial, I am showing you how you can get it with the query loop builder.
Creates Author Box with Query Loop Builder
The BricksUltimate add-on is providing the custom provider for Query Loop builder. With this provider, you can easily and quickly build the author box section for your blog posts or another post type. It is giving flexibility and you will get full control of your content.Step 1: Log in to your Dashboard and go to Bricks->BricksUltimte settings page. Click on the MISC tab and enable the “Ultimate Query Builder” feature.Step 2: Setup the query provider in this way
Show a fallback image if the featured image is missing
We are showing the featured image with Bricks image element. But there has no placeholder image option and we are unable to display a fallback image if the featured image is missing. In this tutorial, I am showing you how you can display a fallback image.
How do you show the loop counter in the posts list
The BricksUltimate add-on added the new dynamic data tag {loop_counter} and you can display the loop counter in your posts list. It will work inside the Query Loop builder.