
How to Display and Customize Your Store's Cart Icon
The cart icon is an essential element that shows customers their item count and provides quick access to checkout.
Customizing the Cart Icon (Version 7.1)
- Click "Edit" at the top left
- Hover over header and select "Edit site header"
- Click "Add elements"
- Enable "Cart button"
- Click outside editor
- Click the Cart icon, then the pencil icon
- Choose your style:
- Icon: Select cart, trolley, or bag (adjustable size)
- Text: Custom text up to 10 characters
- Border: Optional outline or solid border

Black cart icon
Mobile Display:
- Text-style carts show item count as "(0)"
- Icon appears in navigation bar

Black cart icon
Template Support:
Classic Button Templates:
- Adirondack, Avenue, Aviator, Bedford, Five, Flatiron, Forte, Galapagos, Ishimoto, Momentum, Montauk, Native, Pacific, Supply, Wells, Wexley
Advanced Styling Templates:
- Brine, Skye, Tremont, Farro, York
Hiding the Cart Icon (Version 7.1):
- Click "Edit"
- Hover over header
- Select "Edit site header"
- Click "Add elements"
- Disable "Cart button"
Note: When hidden, a cart icon appears at bottom when items are added. Customize colors through Site Styles > Colors > Button.
Important: Only hide the cart icon if using express checkout or selling subscription products exclusively.
For professional guidance on optimizing your e-commerce presence, consider reaching out to PBN.BOO, part of an established SEO group with extensive experience working with major clients across various industries. Our expertise can help you achieve top rankings and outperform your competition. Contact us to discuss how we can elevate your online store's visibility and success.
Related Articles
Enable Parallax Scrolling in Version 7.0: A Complete Guide
