All Collections
eCommerce
Display the total items in your shopping cart in your website header
Display the total items in your shopping cart in your website header

By using the HAPI variables {@cart_quantity@} and {@cart_total@}, you can add an always updated value within your website layout.

Jordan Gilman avatar
Written by Jordan Gilman
Updated over a week ago

Adding the cart quanity and/or cart total to your header can be done by following these steps:

  • Go to your website layout

  • Scroll to the body

  • You can now enter the following tags direct in your HTML:{ @ cart_total @ } will return a the sub-total of all items in the shopping cart{ @ cart_quantity @ } will return the total number of items in their shopping cart as a whole number

  • Now click to update your layout and you can now see this value live on your site.


This is noted in the HTML as (please remove spaces between { and @ and } and @ (as HAPI is rendering our docs):

Did this answer your question?