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. Your structure panel would be like this:

A lot of ways you can use this mini cart builder.

1. You can use it inside the Cart Counter element’s popup.
2. You can use it inside the Off-Canvas element and create the off-canvas cart section on your shop site.
3. With it, you create a custom cart page.
4. You can use it on the Checkout page and create a product list like the Shopify template.

Before creating the mini cart builder, you should activate the following elements and features on your site(navigate to Bricks ->BricksUltimate).

1. Cart Counter
2. Off Canvas
3. Mini Cart
4. Coupon Form
5. Applied Coupons
6. Shipping Calculator
7. Checkout builder
8. Free Shipping Notice: Go to the Bricks->BricksUltimate->MISC page and enable the Free Shipping Notice option.

Note: We already shared the JSON file of the Mini Cart Builder template. If you import this template, you can understand the full setup of this feature. Download the JSON zip file and extract it on your computer. Now go to your Dashboard -> Bricks -> Templates -> Import Template and import the mini-cart builder template.

How do you create the Mini Cart Builder section?

At first, you enable the Mini Cart element from the Bricks -> BricksUltimate -> Woo Elements tab. When you enable this element, a new category “Cart” with some custom elements will appear on the Bricks editor. Those elements are needed to make the cart layout.

Off Canvas Cart

We should recommend our off-canvas element. Maximum time, we are putting the cart counter on the site header template. So you will open the header template on the Bricks editor and put the (BU) Off Canvas element.

1. Enter the Mini Cart Builder element inside the off-canvas element
2. Add the Block element inside the Mini Cart Builder and enable the Use query loop option of this Block element.
3. Select the Mini Cart Contents in Query Type from the dropdown.
4. Now put the image, heading, (BU) Remove Product, (BU)Item Quantity, (BU)Cart Cost, etc element and make the layout

Reveal Off-Canvas Cart

This feature is only available in our Off-Canvas element. The reveal effect means that the off-canvas panel will automatically show on the site when a product is added to the cart. You will just turn on the Off-Canvas -> Mini Cart -> Reveal option.