This element tracks the total cart items number and price. It is a flexible element and you can place it in any place like top header, header right column, sidebar, etc.
Make sure that you already installed and activated the following plugin on your site:
- WooCommerce Plugin
- Zion Builder Pro Plugin
Activate The Element
At first, you will activate the Cart Counter element from your Dashboard -> Zion Builder -> ZiUltimate page. Under the Woo Elements tab, you will get all WooCommerce related elements. Select the Cart Counter element among them and save the settings. Now element is activated and ready to use.
How To Use
Open the builder editor and put it at your desired location. It has 3 types of trigger events.
- None: when you will select the “None” option, you can connect it with other elements like off-canvas, modal, etc.
- Show Dropdown(Hover/Click): A drop down or popup box will appear on mouse hover or click and nested content(s) will be displayed there. On the builder, you will get the “+” button. Click on the button and add the elements(like heading, text, mini cart, etc) what you are wanting to show on the site.
- Link to URL: You can add the custom URL also. After clicking on the cart counter button, site will redirect to that URL.
It has styling options. You can customize the color, size, padding, width, etc from the builder.