Shopping Cart Icon Guide: Styling and Display Options for Your Online Store

Shopping Cart Icon Guide: Styling and Display Options for Your Online Store

By Marcus Thompson

February 20, 2025 at 09:50 PM

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

Yellow arrow in top right corner

Mobile Display

Cart icon on mobile

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:

  1. Click Edit
  2. Select Edit site header
  3. Click Add elements
  4. Disable Cart option
  5. 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

Previous Articles