Generated by All in One SEO v5.0.0.1, this is an llms.txt file, used by LLMs to index the site. # BricksUltimate Premium add-on for Bricks Builder ## Sitemaps - [XML Sitemap](https://www.bricksultimate.com/sitemap.xml): Contains all public & indexable URLs for this website. ## Posts - [Tutorials](https://www.bricksultimate.com/tutorials/) - Search Request TutorialsFeatures RequestHow to Show BricksUltimate Custom Checkout Fields in WooCommerce EmailsJuly 17, 2026/0 commentsBricksWooCommerceBricksUltimate’s Billing Fields and Shipping Fields elements allow you to create custom checkout fields from the Bricks Builder checkout template. These fields are saved with the WooCommerce order, but WooCommerce email templates may not automatically display them. The good news - [How to Show BricksUltimate Custom Checkout Fields in WooCommerce Emails](https://www.bricksultimate.com/how-to-show-bricksultimate-custom-checkout-fields-in-woocommerce-emails/) - BricksUltimate’s Billing Fields and Shipping Fields elements allow you to create custom checkout fields from the Bricks Builder checkout template. These fields are saved with the WooCommerce order, but WooCommerce email templates may not automatically display them. The good news is that you do not need to edit the BricksUltimate plugin files. How BricksUltimate Saves - [How to Add a Wishlist Button to FluentCart Products](https://www.bricksultimate.com/how-to-add-wishlist-button-fluentcart/) - Learn how to add an AJAX wishlist button to FluentCart product cards, single product pages, quick views, and Bricks Builder templates. - [Introducing FluentCart Product Add-Ons](https://www.bricksultimate.com/introducing-fluentcart-product-add-ons/) - FluentCart store owners can now sell more flexible, personalized, and profitable products with FluentCart Product Add-Ons by BricksUltimate. This new standalone plugin lets you create advanced product add-ons, custom fields, paid upgrades, measurement pricing, image swatches, conditional logic, and order-safe add-on data for FluentCart eCommerce stores. It is built specifically for FluentCart, not WooCommerce, and works with - [How to Add a Custom Checkbox Above the FluentCart Place Order Button](https://www.bricksultimate.com/add-custom-checkbox-above-fluentcart-place-order-button/) - FluentCart already includes a terms and conditions checkbox, but sometimes you may need an additional checkbox before customers complete checkout. For example, you may want customers to confirm: They reviewed selected product add-ons They agree to a custom refund policy They understand digital products are non-refundable They accept custom production terms They approve personalized order - [Adding Quantity Input Field to Bricks Mini Cart element](https://www.bricksultimate.com/adding-quantity-input-field-to-bricks-mini-cart-element/) - The bricks builder has a native side cart element (Mini Cart) for the WooCommerce site. In this tutorial, I shall show how we can add the quantity field with the '+' and '-' buttons there. So the customer can easily update the cart item's quantity from there without any page refresh. Step 1: Adding the - [Mini Cart automatically pops out after a product is added to the cart](https://www.bricksultimate.com/mini-cart-automatically-pops-out-after-a-product-is-added-to-the-cart/) - Bricks builder has a native element for the mini cart feature. In this tutorial, I am showing you how the mini cart box pops out automatically after adding a product to the cart. Login to your Dashboard and go to Bricks -> Settings -> Custom Code tab. Enter the following JS code in the Body - [Creates the linked variations for the Simple Products in Bricks](https://www.bricksultimate.com/creates-the-linked-variations-for-the-simple-products-in-bricks/) - There are tons of the Linked variations for the simple product page at WordPress plugin repository. But those are not fully compatible with the Bricks builder theme. BricksUltimate integrated this feature natively for the bricks builder. Therefore you can directly generate the linked variations for the simple products from the Bricks builder editor. Main advantage - [How do you create the recently viewed section on SureCart Single Product Page](https://www.bricksultimate.com/how-do-you-create-the-recently-viewed-section-on-surecart-single-product-page/) - Discover how the Recently Viewed Products feature in eCommerce (WooCommerce, SureCart) improves user experience, increases conversions, and enhances personalization. - [Displaying the recently viewed products on the Bricks sites](https://www.bricksultimate.com/displaying-the-recently-viewed-products-on-the-bricks-sites/) - BricksUltimate added the Recently Viewed Products query loop provider for the Bricks site and synced it with the WooCommerce Recently Viewed cookie. So you can easily create the Recently Viewed Products section on the single product page or any other page or sidebar. We created the loop provider, so you can create the custom layout - [How Cart Page Content Updates Automatically When Changing The Quantity](https://www.bricksultimate.com/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. In this video, I used the Bricks' Cart Content loop provider and created a simple layout. - [Creating the modal mini cart layout in Bricks](https://www.bricksultimate.com/creating-the-modal-mini-cart-layout-in-bricks/) - Since BricksUltimate v1.6, you can create the modal mini cart functionality. The following tools are needed to accomplish this function: WooCommerce Bricks Page Builder Popup Builder from the Bricks AJAX Popup feature from the BricksUltimate add-on Interactions from the BricksUltimate add-on Then we can easily make a modal mini cart layout from the Bricks editor. - [WordCamp 2025 in Kolkata](https://www.bricksultimate.com/wordcamp-2025-in-kolkata/) - The Kolkata WordPress community organized the WordCamp on 18th January 2025. BricksUltimate participated in this event as a micro sponsor. We have been very excited about this event. Around 300 members attended there and everyone was very kind and friendly. We got some new friends there. We enjoyed every moment very much. Volunteers did very - [Customize the WooCommerce Email Templates in Bricks](https://www.bricksultimate.com/customize-the-woocommerce-email-templates-in-bricks/) - BricksUltimate has added another cool functionality to their add-on. You can directly customize the WooCommerce Email templates on the Bricks Editor. You customize the following email templates: Admin - New Order Admin - Cancelled Order Admin - Failed Order Customer Invoice Completed Order Processing Order On Holder Order Refunded Order Low Stock No Stock Step - [Black Friday Deals](https://www.bricksultimate.com/black-friday-deals/) - BricksUltimate, a multipurpose add-on of the Bricks builder is 2 years old now. We are not offering any Black Friday and Cyber Monday deals this year. After a lot of controversy, people were thinking that sales should be down and we should shut down the work and abandon the plugin. We are not worried about - [Sync AJAX Action with the Bricks Native Popup Builder](https://www.bricksultimate.com/sync-ajax-action-with-the-bricks-native-popup-builder/) - Bricks Builder integrated the lightbox effect with the Popup Builder feature. But it does 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 - [Sync the Quantity or Quantity Dropdown element with the Add To Cart element on the Single Product Page](https://www.bricksultimate.com/sync-quantity-withadd-to-cart-single-page/) - Our 2-3 customers tried it and fetched the issue. So we are publishing the tutorial for it. But there is a small disadvantage. If you have variable products, then the layout can be messed up. We are not sure if they have variable products or not. Here is the procedure: Step 1: Add a DIV - [Creating Custom Thank You Page In Bricks](https://www.bricksultimate.com/creating-custom-thank-you-page-in-bricks/) - We can easily create a custom Thank You page with the Bricks editor like the above image for the WooCommerce shop site. The full page is built with dynamic tags and a custom query loop builder. We shared the JSON file. BricksUltimate's user imports the template and checks the settings. Steps Navigate to the Bricks->Templates - [How do you create the custom fields in the checkout form with the BricksUltimate's checkout builder?](https://www.bricksultimate.com/create-custom-fields-in-checkout-form/) - BricksUltimate released the Checkout Builder feature for the WooCommerce checkout page. With this feature, you can directly make custom fields. In this tutorial, We show how to create the delivery date picker field. Step 1: Create a shipping field. So we select the Shipping Fields element in the canvas.Step 2: Select the "Custom Field" option - [Connects Product Filter element with Query Loop builder](https://www.bricksultimate.com/connects-product-filter-element-with-query-loop-builder/) - How do you make the Product Filters work when the products list is built with Query Loop builder instead of Products element? BricksUltimate resolved this issue. - [Custom Navigation Buttons of the Bricks Slider](https://www.bricksultimate.com/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. - [Adding Progress Bar in Bricks Nestable Slider](https://www.bricksultimate.com/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 - [Style Bricks Post State text](https://www.bricksultimate.com/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 - [[ELEMENT CONDITION] Term Has Children](https://www.bricksultimate.com/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 - [Display Only Parent Terms Whose Has Children](https://www.bricksultimate.com/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 function getParentTermsHasChild() - [Adding Custom Class To Heading Element's Anchor Tag](https://www.bricksultimate.com/adding-custom-class-to-heading-elements-anchor-tag/) - Original request: Hi! Is it possible to add a custom class directly in the 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 - [Adding a section after the nth query loop post](https://www.bricksultimate.com/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](https://www.bricksultimate.com/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 - [Display category posts in accordion](https://www.bricksultimate.com/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 - [Add aria-label attribute to Mini Cart link](https://www.bricksultimate.com/add-aria-label-attribute-to-mini-cart-link/) - The Mini Cart element of Bricks Builder is not adding the aria-label property to the anchor link. But you can add it with a small PHP code. Open the functions.php file of the bricks child theme or put the code in your 3rd party snippets plugin. add_filter( 'bricks/element/render_attributes', 'bu_minicart_link_aria_label', 10, 3 ); function bu_minicart_link_aria_label( $attributes, - [Get the most viewed posts with Post Views Count plugin and Bricks](https://www.bricksultimate.com/get-the-most-viewed-posts-with-post-views-count-plugin-and-bricks/) - In this tutorial, we used the 3rd party plugin "Post Views Count" plugin for tracking the post views counter. You will install, activate, and setup the settings of the plugin as per your requirement. Here I am giving the compatibility query builder provider for the Bricks builder editor. Creating Loop Builder Provider Open the functions.php - [Display popular posts in bricks](https://www.bricksultimate.com/display-popular-posts-in-bricks/) - We will display the popular posts(most viewed posts) with the bricks loop builder. If you don’t want to use a plugin, then you can use this method. Storing Views Counter in The Custom Field Open the functions.php of the bricks child theme or drop the following code into the 3rd party snippets plugin. function bu_set_post_views($postID) - [Display only sticky posts with the loop builder](https://www.bricksultimate.com/display-only-sticky-posts-with-the-loop-builder/) - In this tutorial, I shall show you how you will list the all sticky posts with the bricks loop builder. Make sure that you installed the BricksUltimate add-on and activate the Ultimate Query Builder option from your Dashboard -> Bricks -> BricksUltimate -> Misc tab. Now add one element of these container, block, and div - [Displaying today's post with the Bricks loop builder](https://www.bricksultimate.com/displaying-todays-post-with-the-bricks-loop-builder/) - BricksUltimate has a Custom Wp Query loop builder. With it, you can create your own custom query. Here we will use the “date_query” args and filter the WP Query loop. BricksUltimate released the Post Grid element. You can use this element or use the native bricks container/block/div element to build the posts list. Select the “Ultimate Query Builder” from the Query -> Types - [Displaying the posts from today's date](https://www.bricksultimate.com/display-the-posts-from-todays-date/) - Here we shall display the posts which are published today or later. You know that BricksUltimate has a custom wp-query loop builder provider. With this option, we shall create our custom query args and build the query. Here we will use the "date_query" args and filter the post's WP Query loop. BricksUltimate recently released the - [Creating a listing section with the Metabox checkbox list and loop builder](https://www.bricksultimate.com/creating-a-listing-section-with-the-metabox-checkbox-list-and-loop-builder/) - We are creating a list with the help of the Metabox checkbox list field type and controlling them in our dashboard. Now we shall display them in list format with the Bricks List element and loop builder at frontend. See the video below - [Adding the post's CSS classes in the loop builder element](https://www.bricksultimate.com/adding-the-posts-css-classes-in-the-loop-builder-element/) - We can add the post classes into the loop builder element wrapper. By default, the bricks loop builder is not adding the post classes. If you have the BricksUltimate add-on, you will get {post_class} dynamic tag which is fetching all CSS classes of that particular post. With this CSS class, you can differentiate your posts - [Adds custom attributes to the popup wrapper](https://www.bricksultimate.com/adds-custom-attributes-to-the-popup-wrapper/) - How do you add your own custom attributes to the popup outer wrapper? Here I am sharing a simple snippet. You will add it to the theme's functions.php file or any 3rd party snippet plugin. add_filter( 'bricks/popup/attributes', 'add_popup_custom_attributes', 10, 2); function add_popup_custom_attributes( $attributes, $popup_id ) { if( $popup_id == '7042' ) { //* adds custom - [How to get the posts of the current post author](https://www.bricksultimate.com/how-to-get-the-posts-of-the-current-post-author/) - Inside the author box, I want to add the more posts list section of the current post's author with the help of Query Loop builder. - [Creates Author Box with Query Loop Builder](https://www.bricksultimate.com/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. - [Creates adjacent posts section with Query Loop builder](https://www.bricksultimate.com/creates-adjacent-posts-section-with-query-loop-builder/) - In this tutorial, we shall see how we can make the adjacent posts navigation section for our single post/cpt page. The BricksUltimate added a custom provider for it which is giving the flexibility power to the bricks users. - [Add attributes to BODY tag](https://www.bricksultimate.com/add-attributes-to-body-tag/) - You can easily add your own custom attributes to tag. There has a filter bricks/body/attributes. Open the functions.php file of the bricks child theme or any 3rd party snippets plugin and drop the following PHP code add_filter('bricks/header/attributes','my_body_id'); function my_body_id( $attributes ) { $attributes['id'] = "enter-your-id"; $attributes['data-my-att'] = "enter-your-attribute-value"; return $attributes; } Reference: https://forum.bricksbuilder.io/t/how-can-i-add-an-id-to-the-body-tag/11097 - [Show the post excerpt on the first post only](https://www.bricksultimate.com/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 - [Add FAQ Schema to Bricks Accordion Element](https://www.bricksultimate.com/add-faq-schema-to-bricks-accordion-element/) - The Bricks builder has an accordion element. You can make the FAQ with this element and add the FAQ schema. - [Creating Off-Canvas Panel with Bricks Popup](https://www.bricksultimate.com/creating-off-canvas-panel-with-bricks-popup/) - Bricks 1.6 is introducing the interaction and popup features. With these features, you can make the off-canvas panel for your site. See the video below: [COMING SOON] - [Creating the gallery page with the Bricks editor](https://www.bricksultimate.com/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 - [Creating Product Gallery Slider with Nested Slider Element](https://www.bricksultimate.com/creating-product-gallery-slider-with-nested-slider-element/) - [Sync Two Nested Sliders without Any Code](https://www.bricksultimate.com/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 - [Creates Product Cross-sells Section with Query Loop Builder](https://www.bricksultimate.com/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. - [Condition Logic for WooCommerce](https://www.bricksultimate.com/condition-logic-for-woocommerce/) - Bricks 1.5.4 added a powerful feature "Condition Logic". You can show/hide the content dynamically with it and set up your custom logic from the bricks editor. You do not need any extra code for it. BricksUltimate add-on added the custom condition for WooCommerce shop site. You will get them inside the Bricks' conditional logic window. - [Creating a custom Add To Cart button layout](https://www.bricksultimate.com/creating-a-custom-add-to-cart-button-layout/) - Someone asked me how we shall create the above Add To Cart button layout in Bricks. BricksUltimate addon implemented this layout in its' own Add To Cart element.Step 1: You need the BricksUltimate 1.0.9 or later version.Step 2: Open the builder editor, select the Add To Cart element and enable the "Quantity Text" option Step - [Show Product Filters Inside the Off-Canvas for Tablet/Mobile](https://www.bricksultimate.com/show-product-filters-inside-the-off-canvas-for-tablet-mobile/) - Someone asked me this question how he will show the product filters inside the BricksUltimate's Off-Canvas element for tablet/mobile(without duplicate product filters element)? In this tutorial, I am providing a simple solution for it.Step 1: Make a product listing template for shop and/or archive pages. I created the two columns layout. I put the product - [Creating Best Selling Products Section with Query Loop Builder](https://www.bricksultimate.com/creating-best-selling-products-section-with-query-loop-builder/) - How do you make the Best Selling section using the Query Loop builder? BricksUltimate Add-on is giving the easier option and you can quickly create a creative layout with query loop builder and show the preview on builder. - [Display Featured Products with Query Loop](https://www.bricksultimate.com/display-featured-products-with-query-loop/) - BricksUltimate adds a custom query provider to query loop and is giving the flexibility. So user can list the featured products on front or any other pages and make the creative layout with Query Loop. - [[WooCommerce + Bricks] Creates free shipping notification bar](https://www.bricksultimate.com/creates-free-shipping-notification-bar/) - BricksUltimate added the Free Shipping Notice element which is creating the free shipping notification bar on your WooCommerse shop site. It is coming with two inbuilt sub-elements: Free Shipping Notice and Free Shipping Bar. You can also display the custom message with the Bricks element and avoid those two sub-elements. Activate Free Shipping Notice Login - [Add the term's latest post featured image to the background](https://www.bricksultimate.com/add-term-latest-post-featured-image-to-background/) - You make a terms list with the terms query loop builder and want to add the featured image of the latest post to the container background. In this tutorial, I shall show how you will fetch the featured image of the latest post of a term and add it to the container background. - [Excluding current term(s) from terms query loop](https://www.bricksultimate.com/excluding-current-terms-from-terms-query-loop/) - How do you exclude the current term(s) from the terms query loop? In this tutorial, I am sharing the snippets. - [How to add a class to the form labels](https://www.bricksultimate.com/how-to-add-a-class-to-the-form-labels/) - Bricks has a form element and you can make the form on your WordPress site. In this tutorial, I shall show you how you will add the custom CSS class like screen-reader-text or my-labels-class to labels. - [Adds Admin Bar in Builder Editor](https://www.bricksultimate.com/adds-admin-bar-in-builder-editor/) - Bricks builder removed the Admin bar from the builder editor. If you want, you can add it with custom PHP code. In this tutorial, I shared the code. - [Removes Share Icon from Bricks lightbox](https://www.bricksultimate.com/removes-share-icon-from-bricks-lightbox/) - The bricks builder is using the Photoswipe JS library for the image lightbox and it is adding the social share button. 3 ways you can remove this share option. - [Display All Sticky Posts with Query Loop](https://www.bricksultimate.com/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 Product Upsells Section with Query Loop Builder](https://www.bricksultimate.com/creates-product-upsells-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 upsells products list with the loop builder. Preview Step 1: Linked Upsells Products At first, we shall link the upsells product to a product from the dashboard.1. Login to your dashboard and add/edit a product.2. - [Show a fallback image if the featured image is missing](https://www.bricksultimate.com/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. - [Display Term Image with Bricks](https://www.bricksultimate.com/display-term-image-with-bricks/) - You can upload the term image and display it on the site with Bricks Builder and ACF/MateBox custom fields plugin. - [Displaying the reviews tab separately outside the WooCommerce tabs](https://www.bricksultimate.com/displaying-the-reviews-tab-separately-outside-the-woocommerce-tabs/) - By default description, reviews and additional information show in one ‘tabs’ section in WooCommerce. Want to display ‘reviews’ outside this ‘tabs’ area separately for more user engagement and visibility? You can quickly implement this with bricks builder. - [Move the Reviews tab before the Description tab on the single product page](https://www.bricksultimate.com/move-the-reviews-tab-before-the-description-tab-on-the-single-product-page/) - Show the Reviews tab as the first tab on the single product page. Add the following PHP code inside the Bricks' code block element. - [How do you show the loop counter in the posts list](https://www.bricksultimate.com/how-do-you-show-loop-counter-in-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. - [Displaying current user posts with Query Loop](https://www.bricksultimate.com/displaying-current-user-posts-with-query-loop/) - How do you show the current user's posts with Query Loop builder? In this tutorial, I shall show you how you can get it in the Bricks Builder. - [How do you create more button styles?](https://www.bricksultimate.com/how-do-you-create-more-button-styles/) - Bricks added some inbuilt styles for the button element. But you can extend those list and add more styles as per your mind. I am sharing the instructions below on how you can do it. - [How do you add the image mask with an Image element](https://www.bricksultimate.com/how-do-you-add-the-image-mask-with-an-image-element/) - BricksUltimate add-on enhanced the Image element and added the controls for the image mask feature. - [Enhance the inbuilt Post Comments element](https://www.bricksultimate.com/enhance-the-inbuilt-post-comments-element/) - The BricksUltimate add-on enhances the bricks' inbuilt Post Comments element and added more controls there. So you can easily and quickly customize it from the builder editor. - [Showing Total Sales Number of a WooCommerce Product](https://www.bricksultimate.com/display-total-sales-number-of-a-woocommerce-product/) - The BricksUltimate adds the dynamic tag "Total Sales" which is displaying the sales number of a product. You can use it inside the query loop builder or on the single product page. ## Pages - [BricksUltimate Addon](https://www.bricksultimate.com/) - BricksUltimate - Premium add-on for Bricks Builder - [Changelog](https://www.bricksultimate.com/changelog/) - ChangelogReleased 2.4.5 on 18th July 2026Tested up to WP 7.0+, Bricks 2.3+, PHP 8.1+ and WC 10+ * Fixed – Checkout fields are not showing in the MISC page.* Adjusted other small changes in the plugin. Released 2.4.4 on 7th July 2026Tested up to WP 7.0+, Bricks 2.3+, PHP 8.1+ and WC 10+ * Hot - [Changelog for FluentBricks](https://www.bricksultimate.com/changelog-for-fluentbricks/) - Changelog for FluentBricksReleased 1.0.2 on 7th July 2026Tested up to WP 6.9+, Bricks 2.3+, PHP 8.1+ and FluentCart 1.3+ * Fixed – Product Variants element. Compatible with Advanced Simple Variation product type* Fixed – Cart Counter (HTML) dynamic tag* Added – New dynamic tag Cart Total Quantity Released 1.0.1 on 3rd April 2026Tested up to - [Products](https://www.bricksultimate.com/products/) - ProductsWe are making the add-ons, child themes for the Bricks Theme builder. All are 100% compatible with the Bricks 2.0+.For WooCommerce SitesBricksUltimateno. 1 WooCommerce AddonStarting from $49Buy NowUltimateProduct Add-OnsStandalone plugin compatible with bricksStarting from $19Buy NowBUY X GET YStandalone plugin compatible with bricksStarting from $19Buy NowFrequentlyBought togetherStandalone plugin compatible with bricksStarting from $19Buy NowFor Oxygen - [Frequently Bought Together](https://www.bricksultimate.com/frequently-bought-together/) - Frequently Bought Together Boost WooCommerce Sales with smart product bundles Frequently Bought Together helps store owners create high-converting add-on offers with custom product lists, automatic storewide rules, variation-based bundles, discounts, and Bricks-friendly placement. Free Download Get Premium Storewide Show automatic or manual bundle products across the shop. Per product Create handpicked offers that override global - [Buy One Get One](https://www.bricksultimate.com/buy-one-get-one/) - BUY X GET Y Advanced BOGO Promotions For WooCommerce Stores Built With Bricks Create free gifts, discounted rewards, spend-based offers, customer gift choices, progress messages, and polished Bricks storefront elements without writing custom cart logic. Buy Now Change Log Rule Builder Buy 2 matching itemsGet 1 gift Reward typeFree item StatusActive Storefront Message Add 1 - [FluentBricks - An Addon of Fluent Cart & Bricks](https://www.bricksultimate.com/fluent-bricks/) - FluentBricksAn Addon of FluentCart & BricksA FluentCart addon for the Bricks theme builder. It is improving the FluentCart's performance, saving time and extending the elements functionality of FluentCart plugin on the Bricks theme builder.User GuideChangelogElements11 elementsAdd To Cart for LoopSingle Product PageAdd To CartFlex GalleryFluent Form StylerProduct ImageProduct PriceProduct VariantsQuantity for LoopSingle Product PageQuantityProduct ListCheckout - [Products](https://www.bricksultimate.com/customer-products/) - For WooCommerce SitesBricksUltimateno. 1 WooCommerce AddonStarting from $49Buy NowUltimateProduct Add-OnsStandalone plugin compatible with bricksStarting from $19Buy NowBUY X GET YStandalone plugin compatible with bricksStarting from $19Buy NowFrequentlyBought togetherStandalone plugin compatible with bricksStarting from $19Buy NowFor Oxygen Classic BuilderOxyUltimateStandalone Addon for Oxygen Classic & WPTotally FreeDownloadOxyUltimate wooAddon for Oxygen Classic, WooCommerce & WPTotally FreeDownloadFor FluentCart SitesFluentBricksAddon - [Downloads](https://www.bricksultimate.com/my-downloads/) - How do you install the BruCart Theme? Please install the fresh WP and WP Vivid plugin on local dev environment. Download the zip file of the BruCart theme on your local machine. Go to your dashboard -> WP Vivid Plugin and import this zip file. Install and activate your own Bricks theme Install and activate - [SureBricks - A SureCart Addon](https://www.bricksultimate.com/surebricks/) - SureBricks 1.0.3SureCart Addon for BricksA SureCart addon for the Bricks Builder editor. It is improving the SureCart's performance, saving time and extending the elements functionality for the Bricks Builder.DocsChangelogStyler Of SureCart Elements5 elementsCart Toggle IconSale BadgeQuantityCustom AmountVariant Pill(s)Elements3 elementsCart CounterMenu CartFlex GalleryAjaxCheckout FormInteractions12 actionsToggle cartAdded to cartRemoved from cartViewed cartCart updatedCheckout initiatedCheckout updatedCheckout completedOrder paidSubscription - [Changelog - SureBricks](https://www.bricksultimate.com/changelog-surebricks/) - Changelog – SureBricksReleased 1.0.3 on 7th July 2025Tested up to WP 6.8+, Bricks 1.12+, PHP 8.1+ and SureCart 3.9+ * New element – Flex Gallery Released 1.0.2 on 14th June 2025Tested up to WP 6.8+, Bricks 1.12+, PHP 8.1+ and SureCart 1.0+ * New Query Provider – Recently Viewed Products* Element Condition – Has recently - [Request](https://www.bricksultimate.com/request-tutorials/) - RequestAsk for the tutorial to submit the form Request TutorialsChoose Your Addon BricksUltimate (WooCommerce) SureBricks (SureCart + Bricks) FluentBricks (FluentCart + Bricks)First NameLast NameEmailSubjectExplain your requirementsSubmit - [Invoice](https://www.bricksultimate.com/purchase-history/invoice/) - Invalid payment ID specified. - [Dynamic Tags](https://www.bricksultimate.com/dynamic-tags/) - BricksUltimate added the following dynamic tags for your content. Loop Counter({loop_counter}) - It is displaying the loop index like 1,2,3, etc when you are using the query loop builder. Parent Title({parent_title}) - Displays the parent post title.Parent Post URL({parent_post_url}) - Get the parent post's URL. Post Title({bu_post_title}) - Displays the post title when you are - [Hire A Dev For Bricks](https://www.bricksultimate.com/hire-dev-for-bricks/) - Hire Dev For BricksWe have 2 years of experience in the Bricks page builder and 6+ years experience in the WooCommerce. We can resolve any kind of bricks related problems. Feel free to contact us. HireFirst NameLast NameEmailRate Fixed HourlySite URLDescribe Your ProblemsMinimum charge: $35 USDPayment Gateway: PayPalSend Requirements - [Contact](https://www.bricksultimate.com/contact/) - ContactUse the form below for all your pre-sale, customer support, features requests, or any other questions. Contact FormHelp Type Support Pre Sale QuestionFirst NameLast NameEmailSubjectYour MessagePlease click here to login first.Submit - [Login](https://www.bricksultimate.com/login/) - My Account Log into Your Account Username or Email Password Remember Me Lost Password? - [Support](https://www.bricksultimate.com/view-details/) - [Support](https://www.bricksultimate.com/support/) - [Checkout](https://www.bricksultimate.com/checkout/) - CheckoutYour cart is empty. - [Privacy Policy](https://www.bricksultimate.com/privacy-policy/) - Privacy PolicyWe operate a privacy policy in respect of the information we collect about you. When you order from us we ask for certain information including your name, email address, and more. While purchasing any digital product on this website information of credit or debit card number and expiry date is required. This information allows - [Terms & Conditions](https://www.bricksultimate.com/terms-conditions/) - Terms & ConditionsIn these terms and conditions, the words “BricksUltimate,” “us,” “we,” and “our,” refer to us and our website, www.bricksultimate.com, or our service, and plugins, as is appropriate in the context of the use of the words. “you” and “your” refer to you. 1. Plugin Licensing BricksUltimate add-on for Bricks Builder and all - [Purchase History](https://www.bricksultimate.com/purchase-history/) - [License Keys](https://www.bricksultimate.com/license-keys/) - [Transaction Failed](https://www.bricksultimate.com/checkout/transaction-failed/) - Your transaction failed, please try again or contact site support. - [Purchase Confirmation](https://www.bricksultimate.com/checkout/purchase-confirmation/) - Thank you for your purchase! ## Downloads - [BricksUltimate - Single Plan](https://www.bricksultimate.com/downloads/bricksultimate-single-plan/) - [BricksUltimate - Basic](https://www.bricksultimate.com/downloads/bricksultimate-basic/) - [BricksUltimate - Beginner](https://www.bricksultimate.com/downloads/bricksultimate-beginner/) - [BricksUltimate - Agency](https://www.bricksultimate.com/downloads/bricksultimate-agency/) - [BricksUltimate - Business Plan](https://www.bricksultimate.com/downloads/starter/) - [BricksUltimate - Agency Plan](https://www.bricksultimate.com/downloads/bricks-ultimate/) - [BricksUltimate - LTD Plan](https://www.bricksultimate.com/downloads/bricksultimate-ltd-plan/) - [BricksUltimate - Pro Plan](https://www.bricksultimate.com/downloads/bricksultimate-pro-plan/) - [Ultimate Product Add-Ons for Ten Sites](https://www.bricksultimate.com/downloads/ultimate-product-add-ons-for-ten-sites/) - [Ultimate Product Add-Ons](https://www.bricksultimate.com/downloads/ultimate-product-add-ons/) - [Ultimate Product Add-Ons - LTD](https://www.bricksultimate.com/downloads/ultimate-product-add-ons-ltd/) - [FluentCart Product Add-Ons - 10 Sites](https://www.bricksultimate.com/downloads/fluentcart-product-add-ons-10-sites/) - [FluentCart Product Add-Ons](https://www.bricksultimate.com/downloads/fluentcart-product-add-ons/) - [FluentCart Wishlist](https://www.bricksultimate.com/downloads/fluentcart-wishlist/) - [FluentBricks - Agency Plan](https://www.bricksultimate.com/downloads/fluentbricks-agency-plan/) - [FluentBricks - Starter Plan](https://www.bricksultimate.com/downloads/fluentbricks-starter-plan/) - [FluentBricks - Basic Plan](https://www.bricksultimate.com/downloads/fluentbricks-basic-plan/) - [FluentCart Product Add-Ons - LTD](https://www.bricksultimate.com/downloads/fluentcart-product-add-ons-ltd/) - [Buy X Get Y Pro - LTD](https://www.bricksultimate.com/downloads/buy-x-get-y-pro-ltd/) - [Frequently Bought Together - Ten Sites](https://www.bricksultimate.com/downloads/frequently-bought-together-five-sites/) - [Frequently Bought Together for Lifetime](https://www.bricksultimate.com/downloads/frequently-bought-together-for-lifetime/) - [Frequently Bought Together](https://www.bricksultimate.com/downloads/frequently-bought-together/) - [Buy X Get Y Pro - Ten Sites](https://www.bricksultimate.com/downloads/buy-x-get-y-pro-five-sites/) - [Buy X Get Y Pro](https://www.bricksultimate.com/downloads/buy-x-get-y-pro/) - [SureBricks - Pro Plan](https://www.bricksultimate.com/downloads/surecart-pro-plan/) - [SureBricks - Starter Plan](https://www.bricksultimate.com/downloads/surecart-starter-plan/) - [SureBricks - LTD Plan](https://www.bricksultimate.com/downloads/surebricks-ltd-plan/) - [Adding Quantity Input Field to Bricks Mini Cart element](https://www.bricksultimate.com/downloads/adding-quantity-input-field-to-bricks-mini-cart-element/) - [Bricks - AJAX Popup Addon](https://www.bricksultimate.com/downloads/bricks-ajax-popup-addon/) ## Docs - [Flex Gallery For SureCart](https://www.bricksultimate.com/doc/flex-gallery-for-surecart/) - Flex Gallery is a custom Bricks element for the SureCart add-on. It is fetching the gallery images and variants images of the SureCart product and displaying them as a grid layout. It has lot of features like lightbox effect, choose the image size, grid layout, etc. You can also customize it from the Bricks Editor. - [Checkout Builder](https://www.bricksultimate.com/doc/checkout-builder/) - Checkout Builder is an element for the Bricks Builder editor and WooCommerce. You can make a fully customizable Shopify kind of checkout page for your WooCommece shop site without writing the code. Every part of the checkout page is editable from the bricks builder editor. Currently Checkout Builder element is divided into 10 small mini-elements. - [Menu Cart](https://www.bricksultimate.com/doc/menu-cart-surecart/) - This documentation provides a step-by-step guide to creating a custom Menu Cart element that works with SureCart and is styled/placed using Bricks Builder. The cart counter dynamically updates as users add or remove products from the SureCart shopping cart. 🧩 Overview The Cart Counter element includes: A cart icon A live-updating counter of cart items - [Wishlist](https://www.bricksultimate.com/doc/wishlist/) - This element is created for WooCommerce but it is also compatible with other post types. You can use it for posts or CPTs. You should get this element under the Bricks->BricksUltimate ->General Elements tab. By default, this element is disabled. This element will work inside the query loop builder, products element, related products element, and - [Mini Cart Builder](https://www.bricksultimate.com/doc/mini-cart-builder/) - Mini Cart is a powerful item for the WooCommerce shop site. Customers can see their added items and quickly manage those products. BricksUltimate add-on added an element "Mini Cart Builder" and gave flexibility. You can make any flexible layout for your mini cart contents. You can directly control all things from the Bricks builder editor. - [Quick Add](https://www.bricksultimate.com/doc/quick-add/) - Quick Add is a feature of the (BU) Add To Cart element. The users can add the variable product directly to the cart from the home, shop, archive, etc pages(without going to the single product page). So it will reduce the one step for the users. Make sure that you activate the Swatches feature at - [Swatches for Loop](https://www.bricksultimate.com/doc/swatches-for-loop/) - Swatches for Loop is an element that adds the swatches to the products list. This element will only work on the Bricks query loop builder. If you are making the shop or product archive pages with the Bricks query loop builder, you can also add the swatches there. Activate the Element Go to your Dashboard - [Add To Cart Button](https://www.bricksultimate.com/doc/add-to-cart-button/) - The Add To Cart element of the Bricks builder is adding the Add To Cart button. It has lots of control options and you can directly edit it from the builder editor and see the preview. Minimum requirements: WooCommerce Bricks Builder 1. Activate Element At first, you will activate this element from the Bricks -> - [Product Image](https://www.bricksultimate.com/doc/product-image/) - The Product Image element shows the featured image of the WooCommerce product. You display the 2nd image on hover or the gallery images in the slider. Activate The Element At first, you will activate the Product Image element from your Dashboard -> Bricks -> BricksUltimate page. Under the Woo tab, you will get all WooCommerce-related elements. Select the Product Image element - [Coupon Form](https://www.bricksultimate.com/doc/coupon-form/) - The coupon Form element is adding the coupon form on the WooCommerce site. You can place it inside the mini cart, cart page, checkout, and any other pages. Go to the Bricks -> BricksUltimate -> Woo tab and enable the Coupon Form checkbox. This element shows on the bricks editor under the Coupon category. Element - [Compare](https://www.bricksultimate.com/doc/compare/) - Compare is a 3rd party element for the Bricks page builder. It is not only for WooCommerce, but it is also compatible with custom post-type content(CPT) and you can avoid the extra plugin. You can check the preview on the builder editor and customize every element from the editor directly. This element comes with 3 - [Applied Coupons](https://www.bricksultimate.com/doc/applied-coupons/) - When a user applies the coupon code(discount code) on the cart or checkout or off-canvas cart by the coupon form, the Applied Coupons element will show those discount codes at the front end via AJAX. You easily customize the design from the Bricks editor. You use this element on the off-canvas cart, checkout page, and - [Cart Counter](https://www.bricksultimate.com/doc/cart-counter/) - This element tracks the total cart item number and price. It is a flexible element and you can place it in any place like the top header, header right column, sidebar, etc. https://youtu.be/vACB0AMHwb8 Minimum Requirements Make sure that you already installed and activated the following plugin on your site: WooCommerce Plugin Bricks Builder Activate The - [Buy Now Button](https://www.bricksultimate.com/doc/buy-now-button/) - The Buy Now element empowers you to add a quick buy button and redirect users to the checkout page or any custom link for a quick purchase. You can put this button inside the product card layout or single product page. Minimum Requirements Make sure that you already installed and activated the following plugin - [Add To Cart Icon](https://www.bricksultimate.com/doc/add-to-cart-icon/) - Add To Cart Icon element is adding the cart icon instead of the Add To Cart text. You can add the fancy floating add to cart button to the product card layout. The button will add the product to the cart via AJAX when a user clicks on it. Go to the Bricks -> BricksUltimate - [AJAX Search Form](https://www.bricksultimate.com/doc/ajax-search-form/) - AJAX Search Form is the Bricks element which is searching the content via AJAX from your site. It is very flexible and you can easily customize it from the bricks editor. The search result layout is not fixed. You can make any kind of design for your result. It is compatible with any CPTs and - [Swatches](https://www.bricksultimate.com/doc/swatches/) - Now you can goodbye to the extra plugin for swatches. BricksUltimate implemented the native swatches functionality for the Bricks builder and you can edit it directly from the Bricks editor. it is supporting the following elements: Add To Cart element of the bricks Add To Cart of BricksUltimate Enabling the Swatches Make sure that you - [Post Terms](https://www.bricksultimate.com/doc/post-terms/) - The Post Terms element of the Bricks Builder is showing the terms list on the site. It has the following features: Disable the terms link. Set the limit and you can show x amount of terms on the site(not all terms). Good for the magazine, business, etc layout. Dynamically add the background and text color. - [Table (Grid View)](https://www.bricksultimate.com/doc/table-grid-view/) - The Table (Grid View) is a nestable element for the Bricks builder. You can represent both static and dynamic data in your table. This element is fully compatible with the bricks' loop builder. So you can display ACF, MetaBox, WP Query, Terms, etc data in the table. It has sorting and search features. All things - [Shipping Calculator](https://www.bricksultimate.com/doc/shipping-calculator/) - BricksUltimate addon added a new element "Shipping Calculator" to their package. WooCommerce only added the shipping calculator on the cart page. Now you can calculate the shipping cost from anywhere on your site with this Shipping Calculator element. https://youtu.be/omsYdlD7V34 Dynamic Tag There is a dynamic tag {bu_cust_order_shipping_cost} which will display the shipping cost on the site. Interaction - [Table](https://www.bricksultimate.com/doc/table/) - The Table element is creating the table layout for the site. It is nestable and fully controllable from the Bricks editor. You can add the static content or display the dynamic content with the query loop builder. It is also mobile responsive and the columns are stacked vertically. Support Query Loop You can populate the - [Business Hours](https://www.bricksultimate.com/doc/business-hours/) - [Before After Image](https://www.bricksultimate.com/doc/before-after-image/) - The Before After Image element allows you to compare the before and after versions of an image by simply sliding over them. Users will be able to move a slider to easily compare the two images. It is responsive and touch-friendly. It also supports the dynamic data option which means you can fetch the images, - [WS Forms Styler](https://www.bricksultimate.com/doc/wsforms-styler/) - The WSForms Styler element gives you full control over styling. It covers the maximum field types of the WSForms plugin and you can add/edit the default’s color, spacing, fonts, width, size, etc. You will find this element under the Ultimate category on the builder editor. You can also dynamically display the form via a custom - [Fluent Forms Styler](https://www.bricksultimate.com/doc/fluent-forms-styler/) - The Fluent Form Styler element gives you the full controls for styling. It covers up the maximum field types of the Fluent Form plugin and you can add/edit the default’s color, spacing, fonts, width, size, etc. from the builder editor. Minimum Requirement: Fluent Form Plugin You customize the following field type: Form container Labels Placeholder - [Countdown](https://www.bricksultimate.com/doc/countdown/) - Countdown, an element of the Bricks Builder is showing the timer on your site. It is compatible with the bricks loop builder, custom meta field, ACF date picker, and Metabox date picker field type. It is also compatible with the WooCommerce Sale schedule (Sale start and end date) option. - [Breadcrumbs](https://www.bricksultimate.com/doc/breadcrumbs/) - The upcoming Breadcrumbs element for the Bricks Builder allows you to create a hierarchical representation of the navigation links. No extra CSS and JS files are included in this element. The Breadcrumbs element is compatible with the following plugins: All in One Seo Breadcrumbs NavXT RankMath SEOPress Slim Seo Yoast SEO Zynith Seo Activate The - [Custom WP Query](https://www.bricksultimate.com/doc/custom-wp-query/) - Bricks Builder loop builder is a powerful tool for any site. It is very flexible and you can make unlimited custom providers. BricksUltimate made one custom provider "Custom WP Query Builder" and users can build custom WP queries for their content like posts, pages, cpts. You will select the "Ultimate Query Builder" from the Query - [WP Menu Query Loop Builder](https://www.bricksultimate.com/doc/wp-menu-query-loop-builder/) - The WP Menu is a custom query loop builder in the Bricks builder. You can create the menu bar with it or fetch the dynamic data. Here is some videos: https://youtu.be/p9p5EkOXztE https://youtu.be/GyTMRPU_5y4 - [Inbuilt CSS Grid Templates](https://www.bricksultimate.com/doc/inbuilt-css-grid-templates/) - This is a simple element which is adding some in-built CSS grid layouts. So you can quickly make a grid layout for your site. It will not load any extra CSS and JS. It built with the native bricks' DIV and BLOCK elements. Right now following layouts are available: - [Sliding Menu](https://www.bricksultimate.com/doc/sliding-menu/) - The Sliding Menu element allows you to add the slide (left/right/top) WP menus or taxonomies. You can use this element for the sidebar, modal, off-canvas, mobile menu, and any other specific place. Preview https://youtu.be/qGlwPmMQNtw Activate The Element By default this element is disabled. You will activate it after going to your Dashboard -> Bricks ->BricksUltimate page. Under - [Reading Progress Bar](https://www.bricksultimate.com/doc/reading-progress-bar/) - Reading Progress Bar is a fantastic way to encourage your visitors to scroll through the entire page and continue reading your content. You can now easily add a progress bar indicator on the top or bottom of your posts/pages with this element. You can place this element anywhere on your site. It would be best to add - [Back To Top](https://www.bricksultimate.com/doc/back-to-top/) - The Back To Top element is a nestable element. You can easily customize it and see the preview from the builder editor. You can make any layout and add any nested element(s) inside it. By default, it is loading at the bottom right side. - [Star Ratings](https://www.bricksultimate.com/doc/star-ratings/) - The Start Ratings element is displaying the user's rating point. It is a simple element and fully built with CSS(No JS used). The rating points are supporting the dynamic data also. Basically, it is built for product reviews, testimonials, etc content. Activate The Element By default this element is disabled. You will activate it after going - [ACF Gallery Loop Builder](https://www.bricksultimate.com/doc/acf-gallery-loop-builder/) - ACF Gallery is a custom query loop builder in the Bricks. You can make the grid and/or slider layout with ACF Gallery images. It is fully flexible and you can easily make the layout as per your requirement. It has a lightbox option and you can show the image alt/title and caption text on the - [Gravity Forms Styler](https://www.bricksultimate.com/doc/gravity-forms-styler/) - The Gravity Form Styler element gives you the full controls for styling. It covers up the maximum field types of the Gravity Forms plugin and you can add/edit the default’s color, spacing, fonts, width, size, etc. Activate The Element By default this element is disabled. At first, you will activate the Gravity Form Styler element after going - [Accordion Menu](https://www.bricksultimate.com/doc/accordion-menu/) - The Accordion Menu element allows you to add the slide menus or taxonomies. You can use this element for the sidebar, modal, off-canvas, mobile menu, and any other specific place. 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 - [Contact Form 7 Styler](https://www.bricksultimate.com/doc/contact-form-7-styler/) - The Contact Form 7 Styler element is giving the complete controls for styling. With it, you can see the form on the builder editor and customize the form’s parts like the label, input fields, submit button, error messages, success message, etc quickly. Minimum Requirements Contact Form 7 plugin Bricks Builder Activate The Element At first, - [Highlighted Heading](https://www.bricksultimate.com/doc/highlighted-heading/) - The Highlighted Heading is a Bricks Builder element for creating the highlighted headlines. The element helps you to make the heading attractive using the animation effect. You do not need any coding. All features are available in this element. You will just set up the options with some clicks from the Bricks Builder editor and - [Animated Burger](https://www.bricksultimate.com/doc/animated-burger/) - The Animated Burger element is adding the animated hamburger button. See the video below: https://youtu.be/O-Mqh_mi8nw - [Off Canvas](https://www.bricksultimate.com/doc/off-canvas/) - The Off-Canvas is for the Bricks Builder element, which can be toggled via trigger selectors. It will appear from the top, left, right, or bottom edge of the viewport. It is a flexible element. You can add any other elements inside of this element. The panel will slide in/out with a trigger selector. The trigger - [Flex Gallery](https://www.bricksultimate.com/doc/flex-gallery/) - The Flex Gallery element is creating the flexible gallery on the Bricks site. This element is compatible with ACF Gallery, Metabox clonable image advanced, WP Media library, and WooCommerce product's gallery. Activate the Element At first, you will activate this element from the Bricks -> BricksUltimate -> General tab page. Select the checkbox of the Flex - [WPForms Styler](https://www.bricksultimate.com/doc/wpforms-styler/) - The WPForms Styler element gives you the full controls for styling. It covers up the maximum field types and you can add/edit the default’s color, spacing, fonts, width, size, etc directly from the bricks editor. Activate The Element By default this element is disabled. At first, you will activate the WPForms Styler element after going to your Dashboard - [Piotnet Forms Styler](https://www.bricksultimate.com/doc/piotnet-forms-styler/) - The Piotent Forms Styler element gives you the full controls for styling. It covers up the maximum field types of the Piotnet Forms plugin and you can add/edit the default’s color, spacing, fonts, width, size, etc directly from the bricks builder editor. Activate The Element By default this element is disabled. At first, you will - [Empty Cart Button](https://www.bricksultimate.com/doc/empty-cart-button/) - The Empty Cart Button is an element of the Bricks Builder plugin which is creating the “Empty Cart Button” on the WooCommerce shop site. Customers can use this “Empty Cart” button to flush out all the cart products with a single click. You can place this button on the off-canvas element, cart page, and checkout page. Minimum - [New Badge](https://www.bricksultimate.com/doc/new-badge/) - The BricksUltimate added a new element "New Badge" for the WooCommerce site. It will add the "New" badge to the product list and visitors can easily understand which product(s) newly arrives in the store. Minimum requirements WooCommerce Bricks Builder BricksUltimate add-on Activate The Element At first, you will activate the New Badge element from your Dashboard -> Bricks - [Sales Badge](https://www.bricksultimate.com/doc/sales-badge/) - The Sales Badge WooCommerce element of Bricks Builder calculates the percentage or fixed rate of the discount and shows it as a badge or plain text on the site. You can add it anywhere in your container. Activate The Element At first, you will activate the Sales Badge element from your Dashboard -> Bricks -> BricksUltimate page. Under the - [Dual Color Text](https://www.bricksultimate.com/doc/dual-color-text/) - The Dual Color Text element creates a dual color and dual font heading. Activate The Element By default this element is disabled. At first, you will activate the Dual Color Text element after going to your Dashboard -> Bricks -> BricksUltimate -> General Elements page. Under the general elements tab, you will get the elements list. Checkmark the checkbox ## Categories - [Bricks](https://www.bricksultimate.com/category/bricks/) - [WooCommerce](https://www.bricksultimate.com/category/woocommerce/) - [Query Loop](https://www.bricksultimate.com/category/query-loop/) - [SureCart](https://www.bricksultimate.com/category/surecart/) - [SureBricks](https://www.bricksultimate.com/category/surebricks/) - [FluentCart](https://www.bricksultimate.com/category/fluentcart/) ## Tags - [adjacent posts](https://www.bricksultimate.com/tag/adjacent-posts/) - [query loop](https://www.bricksultimate.com/tag/query-loop/) - [custom providers](https://www.bricksultimate.com/tag/custom-providers/) - [post navigation](https://www.bricksultimate.com/tag/post-navigation/) - [prev next posts](https://www.bricksultimate.com/tag/prev-next-posts/) - [products](https://www.bricksultimate.com/tag/products/) - [featured](https://www.bricksultimate.com/tag/featured/) - [best selling](https://www.bricksultimate.com/tag/best-selling/) - [dynamic tag](https://www.bricksultimate.com/tag/dynamic-tag/) - [product](https://www.bricksultimate.com/tag/product/) - [woocommerce](https://www.bricksultimate.com/tag/woocommerce/) - [total sales](https://www.bricksultimate.com/tag/total-sales/) - [sales number](https://www.bricksultimate.com/tag/sales-number/) - [comments form](https://www.bricksultimate.com/tag/comments-form/) - [post comments](https://www.bricksultimate.com/tag/post-comments/) - [element](https://www.bricksultimate.com/tag/element/) - [controls](https://www.bricksultimate.com/tag/controls/) - [filters](https://www.bricksultimate.com/tag/filters/) - [forms](https://www.bricksultimate.com/tag/forms/) - [form element](https://www.bricksultimate.com/tag/form-element/) - [css](https://www.bricksultimate.com/tag/css/) - [class](https://www.bricksultimate.com/tag/class/) - [add custom class](https://www.bricksultimate.com/tag/add-custom-class/) - [filter](https://www.bricksultimate.com/tag/filter/) - [attributes](https://www.bricksultimate.com/tag/attributes/) - [image](https://www.bricksultimate.com/tag/image/) - [image mask](https://www.bricksultimate.com/tag/image-mask/) - [shape](https://www.bricksultimate.com/tag/shape/) - [svg](https://www.bricksultimate.com/tag/svg/) - [image element](https://www.bricksultimate.com/tag/image-element/) - [custom controls](https://www.bricksultimate.com/tag/custom-controls/) - [product filter](https://www.bricksultimate.com/tag/product-filter/) - [custom wp query](https://www.bricksultimate.com/tag/custom-wp-query/) - [shop](https://www.bricksultimate.com/tag/shop/) - [archive](https://www.bricksultimate.com/tag/archive/) - [current user](https://www.bricksultimate.com/tag/current-user/) - [posts](https://www.bricksultimate.com/tag/posts/) - [user posts](https://www.bricksultimate.com/tag/user-posts/) - [author post](https://www.bricksultimate.com/tag/author-post/) - [theme styles](https://www.bricksultimate.com/tag/theme-styles/) - [button](https://www.bricksultimate.com/tag/button/) - [button styles](https://www.bricksultimate.com/tag/button-styles/) - [custom styles](https://www.bricksultimate.com/tag/custom-styles/) - [post](https://www.bricksultimate.com/tag/post/) - [post author](https://www.bricksultimate.com/tag/post-author/) - [hook](https://www.bricksultimate.com/tag/hook/) - [query args](https://www.bricksultimate.com/tag/query-args/) - [current post author](https://www.bricksultimate.com/tag/current-post-author/) - [dynamic tags](https://www.bricksultimate.com/tag/dynamic-tags/) - [dynamic data](https://www.bricksultimate.com/tag/dynamic-data/) - [tabs](https://www.bricksultimate.com/tag/tabs/) - [WooCommerce tabs](https://www.bricksultimate.com/tag/woocommerce-tabs/) - [reviews tab](https://www.bricksultimate.com/tag/reviews-tab/) - [schema](https://www.bricksultimate.com/tag/schema/) - [faq](https://www.bricksultimate.com/tag/faq/) - [faq schema](https://www.bricksultimate.com/tag/faq-schema/) - [accordion](https://www.bricksultimate.com/tag/accordion/) - [terms](https://www.bricksultimate.com/tag/terms/) - [term](https://www.bricksultimate.com/tag/term/) - [category](https://www.bricksultimate.com/tag/category/) - [template](https://www.bricksultimate.com/tag/template/) - [fallback image](https://www.bricksultimate.com/tag/fallback-image/) - [placeholder image](https://www.bricksultimate.com/tag/placeholder-image/) - [author box](https://www.bricksultimate.com/tag/author-box/) - [author](https://www.bricksultimate.com/tag/author/) - [author information](https://www.bricksultimate.com/tag/author-information/) - [upsells](https://www.bricksultimate.com/tag/upsells/) - [sticky posts](https://www.bricksultimate.com/tag/sticky-posts/) - [share buttons](https://www.bricksultimate.com/tag/share-buttons/) - [share icon](https://www.bricksultimate.com/tag/share-icon/) - [lightbox](https://www.bricksultimate.com/tag/lightbox/) - [photoswipe](https://www.bricksultimate.com/tag/photoswipe/) - [admin bar](https://www.bricksultimate.com/tag/admin-bar/) - [bricks builder](https://www.bricksultimate.com/tag/bricks-builder/) - [builder editor](https://www.bricksultimate.com/tag/builder-editor/) - [current term](https://www.bricksultimate.com/tag/current-term/) - [featured image](https://www.bricksultimate.com/tag/featured-image/) - [terms list](https://www.bricksultimate.com/tag/terms-list/) - [background](https://www.bricksultimate.com/tag/background/) - [background image](https://www.bricksultimate.com/tag/background-image/) - [mini cart](https://www.bricksultimate.com/tag/mini-cart/) - [pops out](https://www.bricksultimate.com/tag/pops-out/) - [off canvas cart](https://www.bricksultimate.com/tag/off-canvas-cart/) - [free shipping](https://www.bricksultimate.com/tag/free-shipping/) - [free shipping notice](https://www.bricksultimate.com/tag/free-shipping-notice/) - [free shipping method](https://www.bricksultimate.com/tag/free-shipping-method/) - [shipping option](https://www.bricksultimate.com/tag/shipping-option/) - [add to cart](https://www.bricksultimate.com/tag/add-to-cart/) - [quantity](https://www.bricksultimate.com/tag/quantity/) - [qty button](https://www.bricksultimate.com/tag/qty-button/) - [condition logic](https://www.bricksultimate.com/tag/condition-logic/) - [cross-sells](https://www.bricksultimate.com/tag/cross-sells/) - [sliders](https://www.bricksultimate.com/tag/sliders/) - [nested slider](https://www.bricksultimate.com/tag/nested-slider/) - [sync](https://www.bricksultimate.com/tag/sync/) - [product gallery](https://www.bricksultimate.com/tag/product-gallery/) - [gallery slider](https://www.bricksultimate.com/tag/gallery-slider/) - [slider](https://www.bricksultimate.com/tag/slider/) - [gallery](https://www.bricksultimate.com/tag/gallery/) - [acf](https://www.bricksultimate.com/tag/acf/) - [popup](https://www.bricksultimate.com/tag/popup/) - [code](https://www.bricksultimate.com/tag/code/) - [off-canvas](https://www.bricksultimate.com/tag/off-canvas/) - [excerpt](https://www.bricksultimate.com/tag/excerpt/) - [first post](https://www.bricksultimate.com/tag/first-post/) - [AJAX](https://www.bricksultimate.com/tag/ajax/) - [cart](https://www.bricksultimate.com/tag/cart/) - [qty](https://www.bricksultimate.com/tag/qty/) - [quantity field](https://www.bricksultimate.com/tag/quantity-field/) - [css class](https://www.bricksultimate.com/tag/css-class/) - [data](https://www.bricksultimate.com/tag/data/) - [post class](https://www.bricksultimate.com/tag/post-class/) - [metabox](https://www.bricksultimate.com/tag/metabox/) - [checkbox list](https://www.bricksultimate.com/tag/checkbox-list/) - [popular posts](https://www.bricksultimate.com/tag/popular-posts/) - [views](https://www.bricksultimate.com/tag/views/) - [most viewed posts](https://www.bricksultimate.com/tag/most-viewed-posts/) - [views count](https://www.bricksultimate.com/tag/views-count/) - [link](https://www.bricksultimate.com/tag/link/) - [aria-label](https://www.bricksultimate.com/tag/aria-label/) - [related posts](https://www.bricksultimate.com/tag/related-posts/) - [acf post object](https://www.bricksultimate.com/tag/acf-post-object/) - [php code](https://www.bricksultimate.com/tag/php-code/) - [style](https://www.bricksultimate.com/tag/style/) - [post state](https://www.bricksultimate.com/tag/post-state/) - [progress bar](https://www.bricksultimate.com/tag/progress-bar/) - [navigation controls](https://www.bricksultimate.com/tag/navigation-controls/) - [arrows](https://www.bricksultimate.com/tag/arrows/) - [checkout](https://www.bricksultimate.com/tag/checkout/) - [checkout field](https://www.bricksultimate.com/tag/checkout-field/) - [fields](https://www.bricksultimate.com/tag/fields/) - [custom fields](https://www.bricksultimate.com/tag/custom-fields/) - [checkout builder](https://www.bricksultimate.com/tag/checkout-builder/) - [thank you page](https://www.bricksultimate.com/tag/thank-you-page/) - [order received](https://www.bricksultimate.com/tag/order-received/) - [thank you](https://www.bricksultimate.com/tag/thank-you/) - [single](https://www.bricksultimate.com/tag/single/) - [emails](https://www.bricksultimate.com/tag/emails/) - [email template](https://www.bricksultimate.com/tag/email-template/) - [order email](https://www.bricksultimate.com/tag/order-email/) - [completed email](https://www.bricksultimate.com/tag/completed-email/) - [processing email](https://www.bricksultimate.com/tag/processing-email/) - [wordcamp](https://www.bricksultimate.com/tag/wordcamp/) - [kolkata](https://www.bricksultimate.com/tag/kolkata/) - [kolkata wordpress](https://www.bricksultimate.com/tag/kolkata-wordpress/) - [recently viewed products](https://www.bricksultimate.com/tag/recently-viewed-products/) - [recently viewed products eCommerce](https://www.bricksultimate.com/tag/recently-viewed-products-ecommerce/) - [surecart product tracking](https://www.bricksultimate.com/tag/surecart-product-tracking/) - [increase eCommerce conversions](https://www.bricksultimate.com/tag/increase-ecommerce-conversions/) - [linked variation](https://www.bricksultimate.com/tag/linked-variation/) - [simple product](https://www.bricksultimate.com/tag/simple-product/) - [linked variations](https://www.bricksultimate.com/tag/linked-variations/) - [fluentcart](https://www.bricksultimate.com/tag/fluentcart/) - [product addons](https://www.bricksultimate.com/tag/product-addons/) - [add-ons](https://www.bricksultimate.com/tag/add-ons/) - [elementor](https://www.bricksultimate.com/tag/elementor/) - [shortcode](https://www.bricksultimate.com/tag/shortcode/) - [block](https://www.bricksultimate.com/tag/block/) - [single product oage](https://www.bricksultimate.com/tag/single-product-oage/) - [checkout form](https://www.bricksultimate.com/tag/checkout-form/) - [wishlist](https://www.bricksultimate.com/tag/wishlist/) - [add to wishlist](https://www.bricksultimate.com/tag/add-to-wishlist/) - [customer portal](https://www.bricksultimate.com/tag/customer-portal/) ## Download Categories - [BricksUltimate](https://www.bricksultimate.com/downloads/category/bricksultimate/) - [SureBricks](https://www.bricksultimate.com/downloads/category/surebricks/) - [FluentBricks](https://www.bricksultimate.com/downloads/category/fluentbricks/) - [FluentCart](https://www.bricksultimate.com/downloads/category/fluentcart/) ## Download Tags - [product add-ons](https://www.bricksultimate.com/downloads/tag/product-add-ons/) - [woocommerce](https://www.bricksultimate.com/downloads/tag/woocommerce/) - [add-ons](https://www.bricksultimate.com/downloads/tag/add-ons/) - [extra fields](https://www.bricksultimate.com/downloads/tag/extra-fields/) - [wordpress](https://www.bricksultimate.com/downloads/tag/wordpress/) - [bricks](https://www.bricksultimate.com/downloads/tag/bricks/) - [wishlist](https://www.bricksultimate.com/downloads/tag/wishlist/) - [fluent cart](https://www.bricksultimate.com/downloads/tag/fluent-cart/)