Offcanvas Cart WooCommerce with Bricks Builder

How To
,
1

This is one of the most requested feature both in bricks forum and from our clients as well

people are so used to shopify and squarespace auto opening carts/offcanvas they just want to have that on woocommerce too

anyway I recently started working on this and it is not easy thing to make -_-

opening the cart when there is new product is just not enough not that simple

  • there have to be a check for cart count
  • there have to be a check for cart change !
  • there have to be a cart count going up/down check !
  • there have to be a custom offcanvas conditions setup
  • there have to be a LITERALY CUSTOM MINICART from zero since native one wont work !
  • there have to be a custom coded dynamic tags

I created 3 dynamic tag, session localstorage check and custom minicart to create a proper setup. I will work on this a bit more to optimize maybe it can be a bit optimized we will see…

anyway just wanted to share how much I got annoyed while developing this :slight_smile: my first plan was to just use existing dynamic tags and the native offcanvas but all of them turned out to be not enough when I started building.

but thankfully we have conditions and interactions :heart:

anyone who wants this solution write :raised_hand_with_fingers_splayed: under this topic
maybe I will share when its done

1 Like
2

:raised_hand_with_fingers_splayed:
I’d love to have this as a feature! I’m working on a quotation system so want to hide the prices on the products (without resorting to hiding using CSS as that’s just wrong…)

3

:raised_hand:
I thought about making an offcanvas and adding the elements from the cart template but this was complicated to trigger and make it work out.
There are addons like bricksultimate than can achieve this but we need this as a native feature.

i’ would absolutely love to have this geature and test it out.

4

one client wanted couple more new feature O_O and those elements already implemented in bricksultimate I will just use it no time for development -_-
.
.
BUT good news this endeavour made me code tons of snippets

here enjoy using it

it is possible to check the cart count and auto show something like offcanvas cart in this case. too simple and basic but atleast this solves some simple needs now.

image

1 Like