...
The additional CSS classes are below:
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
These classes are not compatiable with legacy shopping cart. |
To display the compare at price, use "cc-cart-row-prod-compare"
...
To display the saving percentage, use "cc-cart-row-prod-saving-perc"
To display the total of a product and its quantity, use "cc-cart-row-prod-total"
To display product savings with a minus sign before the currency sign, use “cc-negative-savings”.
...
Several of our pages will have a side cart (also called a known as drawer cart) available in within the header element. Clicking the cart icon will open a A side cart containing contains an order summary similar to our other order summaries with button to move to a with buttons that ease navigation to the cart page or go straight to your checkout page.
...
In order to style the elements in details of this element, you will first need to add a Header element, then open the side cart. To open the side cart, first your page must include our Header element.
...
Once the Header element has been added to the page, you may open the side cart by By clicking on the shopping cart icon in on the top menu of the builder. Clicking the shopping cart icon visible on the page itself will not open the side cart in the builder.
...
Once the side cart is open you are free to style as needed.you will have visibility of side cart, making it easier to tailor to your needs.
...
| Info |
|---|
Clicking the shopping cart icon visible on the page’s Header element will open the Font Awesome icon selector allowing you to choose a different icon. Clicking that icon will not open the side cart. |