How to Activate Cart Icon in Your Top Navigation in Squarespace

One of the benefits of a Squarespace site is the ease of the shop functionality. You can have your digital or physical products on sale or you can sell your 1 to 1 services, courses (like I do) or coaching sessions.

Now if you want to have a cart icon enabled in your navigation, this blog + video is for you. In this example, I am working with the Rally template but it applies to any template within Brine.

1| Go to Design > Site Styles

Hover over the top navigation and see if the Cart option shows up in the sidebar setting options. You will see under Header: Layout, Cart Position: Hide. Click on the drop down arrow and select the position you want it to show up. In my case, I chose Top Right.

If this option doesn’t show up, that means you need to create a product page with either digital, physical or services items.

Note: If you have a product page but still don’t see the cart option, then you need to disable “Express Checkout” in your Commerce> Check Out options. See how to do this in an upcoming video.

2| Go to Header: Cart

Under Header: Cart, you will see the options for customization show up. Choose from Text, Cart, Cart (alternative), Bag (alternative).

3| Choose Colors & Font to match your design

When you select “Cart”, you can customize these items: font size and style, color of the quantity and color of the quantity text.

When you select “Cart Alternate”, you can customize these items: color of the cart icon, and the font size + type of the quantity text.

When you select “Bag”, you can change the color of the bag, and the font size + type of the quantity text.

When you select “Bag alternate”, you can change the color of the bag, and the font size + type of the quantity text.

When you select “Text”, you can change the font size and type and the color of font as well.

Show us what you’ve created!

That’s it, my dear friend! It really is as easy as 1-2-3! I love seeing what you create so hop on down to the comments and show me what you’ve created!

Your Brand New Website!

Are you getting excited to get your own website? I love designing websites for fabulous people like yourself, so take action to get your website design process started —> Start the Conversation by sharing some ideas about your site with me and get a free 15 minute video consultation to discuss your website dreams.

Questions about this blog post? You can drop them in the comments below!

~Peace,

Sophia