Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Shopping cart icon display

All templates support a shopping cart icon that shows the number of items in a customer's cart and leads to the checkout page.

  • In most templates, the cart icon automatically appears on all pages after a customer adds an item to their cart.
  • In some templates, the icon is a permanent part of the header.
  • The cart doesn't display if Express Checkout is enabled.
Note: If your cart isn't appearing, see our troubleshooting tips.

Classic button

Most templates support the classic button, which displays the shopping cart icon in a black, pill-shaped button in the top-right corner. It automatically appears on all pages after a customer adds an item to their cart. It doesn't have style options.

classic-button-desktop.png

On mobile the classic button appears as a navigation bar at the bottom:

classic-button-mobile.png

Display by template

Some templates have advanced options, and some have the classic button but with a slightly different style. The list below shows how the shopping cart icon displays in each template. Templates are grouped by family.

Template

Shopping cart icon display

Adirondack

Classic button

Avenue

Classic button

Aviator family

Aubrey, Aviator

Classic button

Bedford family

Anya, Bryant, Bedford, Hayden

Classic button, but it displays below the header elements.

Brine family

Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West

Advanced options

Farro family

Farro, Haute

Advanced options

Five

Classic button

Flatiron

Classic button, but it displays below the header.

Forte

Classic button, but it displays in the bottom-right corner.

Galapagos

Classic button

Ishimoto

Classic button

Momentum

Classic button, but it displays in the top-left if the navigation bar is at the bottom, or bottom-left if the navigation bar is at the top.

Montauk

Classic button

Native

Classic button

Pacific family

Charlotte, Fulton, Horizon, Naomi, Pacific

Classic button, but it's a rectangle and you can set the colors and font. The button looks the same on mobile (no navigation bar).

Skye family

Foundry, Indigo, Ready, Skye, Tudor

Advanced options

Supply

Classic button, but it's a rectangle.

Tremont family

Camino, Carson, Henson, Tremont

Advanced options

Wells

Classic button, but it's a rectangle.

Wexley

Classic button

York family

Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, York

Advanced options

Tip: Other elements you can style include the Add to Cart button, the Products Page, and the Continue Shopping link.

Advanced style options

You can customize the shopping cart's style in the Site Styles panel for the templates listed below. Templates are grouped by family.

Template

Notes

Brine family

Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West

Desktop - Displays as a cart, text, or bag in the header. Can be hidden. Learn more.

Mobile - Separate mobile styles. Displays in the top or bottom navigation bar as a cart, text, or bag. Can be hidden. Learn more.

Farro family

Farro, Haute

Desktop - Displays as a cart, text, or bag in the header. Can be hidden. Learn more.

Mobile - Separate mobile styles. Displays in the top or bottom navigation bar as a cart, text, or bag. Can be hidden. Learn more.

Pacific family

Charlotte, Fulton, Horizon, Naomi, Pacific

Desktop - Displays in a rectangular button in the top-right corner. Text only. You can customize the colors. Can't be hidden.

Mobile - Looks the same as desktop. Displays in the bottom-right corner. Can't be hidden.

Learn more.

Skye family

Foundry, Indigo, Ready, Skye, Tudor

Desktop - Displays as a bag icon in the top-right corner after you've added a Products Page to your site. Can't be hidden. Learn more

Mobile - Looks the same as desktop. Displays at the bottom in a navigation bar. Learn more.

Tremont family

Camino, Carson, Henson, Tremont

Desktop - Displays as text with the navigation, or as a bag or cart icon in the top-right corner. Can be hidden. Learn more.

Mobile - Looks the same as desktop. Displays in the top-right (icon) or below the navigation links when you tap the menu icon (text). If hidden on desktop, it's also hidden on mobile. Learn more.

York family

Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, York

Desktop - Displays as a cart, text, or bag in the header. Can be hidden. Learn more.

Mobile - Separate mobile styles. Displays below the navigation links when you tap the menu icon. Can be hidden. Learn more.

Hide the shopping cart icon

Without the shopping cart icon, customers won't be able to find the checkout page on their own. You should only hide it if you use Express Checkout, or only sell subscription products. In these cases, customers are taken to the checkout page automatically after selecting a product.  

You can hide the shopping cart icon in the following templates. Use the Site Styles tweak listed below to hide it or show it again. Templates are grouped by family

Template

Site Styles tweak

Brine family

Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West

Cart Position

Farro family

Farro, Haute

Cart Position

Tremont family

Camino, Carson, Henson, Tremont

Cart Link Display

York family

Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, York

Cart Position

Was this article helpful?
10 out of 52 found this helpful