Sync the Quantity or Quantity Dropdown element with the Add To Cart element on the Single Product 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 or Block wrapper first and add the class brxe-loop-builder-on Step 2: Add the Quantity or Quantity Dropdown element Step 3: Add the Add To Cart or Add To Cart Icon element Step 4: Go to…
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 Check preview: Go to your Dashboard -> WooCommerce -> Orders page. There have order list. Click on the “Receipt of #Order ID” link and you can check the preview.
How do you create the custom fields in the checkout form with the BricksUltimate’s checkout builder?
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 from the Field dropdownStep 3: Field Type would be “Text”Step 4: Enter the field name like “shipping_delivery”Step 5: Enter the field label under the Label sectionStep 6: You can also adjust other optionsStep 7: Last…
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: Then we can easily make a modal mini cart layout from the Bricks editor. Step 1. Creating Popup Template You create the popup template with the bricks popup builder. Navigate to Bricks -> Templates and click on the Add New button. Enter the title and select the template type “Popup”. Launch the bricks editor with the “Edit with Bricks” button and create the layout. In this tutorial, we used the…
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…