Shoprocket offers a pre-styled widget which can be easily dropped into your site with the following code:

Insert the above code anywhere sensible between the body tags of your web page, preferably directly after the line of code you inserted in the previous step.

While the Shoprocket widget is packaged with a default style, the layout is always fully customisable and can be freely overridden. Once you have added it, it should look similar to the demo site below:

The code for this page can be found here and you can view the page in a new tab here.

Want to style your own cart widget?
If you'd rather style your own basket widget, and simply display the basket total as plain text, simply add the class "sr-no-style" to the cart HTML snippet, like so:

Was this article helpful?
Thank you!