The shopping cart icon displays the number of items in a customer's cart and links to checkout. Here's how to customize it:

For Version 7.1 Sites:

1. Click [Edit] in top left corner
2. Hover over header and click [Edit Site Header]
3. Click [Add Element]
4. Toggle [Cart] to ON
5. Click outside editor
6. Click cart icon and select pencil icon
7. Choose style options:
   • Icon: Select cart/basket/bag icon and size
   • Text: Enter custom text (up to 10 characters)
   • Border: Add outline or solid color border
   • Show "0": Toggle to display zero before items added

Mobile Display:

• Text icons show item count only
• Initially displays as "(0)"
• Show "0" toggle doesn't affect mobile view

Template-Specific Displays:

Classic Button Templates:

• Adirondack, Avenue, Aviator, Bedford, Five, Flatiron, Forte, Galapagos, Ishimoto, Momentum, Montauk, Native, Pacific, Supply, Wells, Wexley
• Shows black capsule button in top right
• Automatically appears when items added
• No styling options

Advanced Style Templates:

• Brine, Skye, Tremont, Farro, York
• Customizable through Site Styles panel
• Options for icon type, position, colors
• Mobile-specific display options
• Some allow hiding cart icon

Note: Cart icon won't display if Express Checkout is enabled. Check template documentation for specific styling options and limitations.

To hide the cart icon (Version 7.1):

1. Click [Edit]
2. Hover over header
3. Click [Edit Site Header]
4. Toggle [Cart] to OFF
5. Save changes

Related Articles

Previous Articles