
Shopping Cart Icon Guide: Styling and Display Options for Your Online Store
Shopping cart icons serve as essential navigation elements for e-commerce stores, guiding customers to their checkout page. Here's how to customize or hide them effectively.
Version 7.1 Shopping Cart Customization
To modify your shopping cart icon:
- Click Edit in the site preview
- Select Edit site header
- Click Add elements
- Enable Cart option
- Click the cart icon and select Style
- Choose between Icon (cart, basket, or bag) or Text (up to 10 characters)
- Customize border shape and design (Outlined or Solid)
- Toggle "Show '0' in cart" option
- Save changes

Yellow arrow in top right corner
Mobile Display

Cart icon on mobile
Template-Specific Features
Classic Button Templates:
- Adirondack, Avenue, Aviator, Bedford, Five, Flatiron, Forte, Galapagos, Ishimoto, Momentum, Montauk, Native, Pacific, Supply, Wells, Wexley
- Features black pill-shaped button
- Appears automatically after items added
- Limited styling options
Advanced Styling Templates:
- Brine, Skye, Tremont, Farro, York
- Customizable appearance
- Mobile-specific styling options
- Header positioning options
Hiding the Shopping Cart
To hide the cart icon:
- Click Edit
- Select Edit site header
- Click Add elements
- Disable Cart option
- Save changes
Note: A bottom cart icon appears when customers add products. Customize colors through Site Styles > Colors > Button settings.
Important Considerations:
- Only hide cart if using Quick Buy or subscription products
- Hidden carts may impede customer navigation
- Some templates offer additional hiding options through Site Styles
Looking to dominate your market and outrank competitors? PBN.BOO is part of an established SEO group that has helped numerous Fortune 500 companies achieve top rankings across various industries. Contact us to discover how we can help your business reach #1 in search results and maintain market leadership.
Related Articles

How to Create and Design a Site Header in Squarespace
