Opening a cart has never been easier. The cart icon shows how many items customers have added and takes them straight to checkout. You can customize it to match your site's look.

For Version 7.1 sites:

1. Click Edit in the top left
2. Hover over header and click "Edit site header"
3. Click "Add elements"
4. Toggle Cart button on
5. Click the Cart icon, then the pencil icon
6. Choose your style:
   • Icon: Pick cart, trolley, or bag (adjustable size)
   • Text: Up to 10 characters, matches navigation style
   • Border: Optional outline or filled border

The icon color matches your navigation links. Toggle "Show '0'" to display zero when cart is empty.

On mobile, text cart icons show item count (starting with "0").

Template Compatibility:

• Classic button templates: Adirondack, Avenue, Aviator, Bedford, Five, Flatiron, Forte, Galapagos, Ishimoto, Momentum, Montauk, Native, Pacific, Supply, Wells, Wexley
• Advanced options templates: Brine, Skye, Tremont, Farro, York

To hide the cart icon:

1. Click Edit
2. Hover over header
3. Click "Edit site header"
4. Click "Add elements"
5. Toggle Cart button off

Note: When hidden, a cart icon appears at bottom when items are added. You can customize its colors in Site Styles > Colors > Button.

Important: Only hide the cart if using Express Checkout or selling subscriptions, as customers won't be able to find checkout otherwise.

Related Articles

Previous Articles