Jump to content

I'd like to add cart as a normal navigation page, so i can easily have the cart quantity number to the left of it

Recommended Posts

Site URL: https://ladybug-chicken-2tp4.squarespace.com/

Hi there,

Site: https://ladybug-chicken-2tp4.squarespace.com/
Pass: *3iRgpCKJ-8@bBZ7

 

I'd like to add a normal navigation page that links to the cart, so that i can have it on the far right of my navigation menu so that it has the cart and then the quantity next to it.

i have already hidden the icon and styled the cart quantity via css.

When i try to add the page and use the 'cart' slug it says that it is reserved (i assume there would be some some of conflict on back end)

Is there a way around this please?



TLDR:

I would like to have the word 'cart' written in text rather than an icon, in the same formatting group as my navigation, with the cart amount next to it, ideally in the same formatting, like here: https://www.ssense.com/en-gb/women?gclid=Cj0KCQiA-eeMBhCpARIsAAZfxZCpDSTEbu1kRsUZvwaFJOmROnVLNnJKtlQ_MPONfk4D0HuKQ_Qr6J8aAv31EALw_wcB
but with 'cart' or any other text in the place of 'shopping bag'. 

Thanks so much for your time or any help you can give.

Link to comment
5 hours ago, ivnisigoth316 said:

Site URL: https://ladybug-chicken-2tp4.squarespace.com/

Hi there,

Site: https://ladybug-chicken-2tp4.squarespace.com/
Pass: *3iRgpCKJ-8@bBZ7

 

I'd like to add a normal navigation page that links to the cart, so that i can have it on the far right of my navigation menu so that it has the cart and then the quantity next to it.

i have already hidden the icon and styled the cart quantity via css.

When i try to add the page and use the 'cart' slug it says that it is reserved (i assume there would be some some of conflict on back end)

Is there a way around this please?



TLDR:

I would like to have the word 'cart' written in text rather than an icon, in the same formatting group as my navigation, with the cart amount next to it, ideally in the same formatting, like here: https://www.ssense.com/en-gb/women?gclid=Cj0KCQiA-eeMBhCpARIsAAZfxZCpDSTEbu1kRsUZvwaFJOmROnVLNnJKtlQ_MPONfk4D0HuKQ_Qr6J8aAv31EALw_wcB
but with 'cart' or any other text in the place of 'shopping bag'. 

Thanks so much for your time or any help you can give.

You mean like?

image.png.750bccac533a6b4a263f46fbb39ca128.png

.sqs-custom-cart:before {
  content: 'Cart';
  position: relative;
  top: 3px;
}
.header .header-actions-action--cart .icon {
  width: 70px;
}
header#header .icon-cart-quantity:after {
  content: ")"
}
header#header .icon-cart-quantity:before {
  content: "("
}
header#header .icon-cart-quantity {
  position: absolute;
  right: 0 !important;
  left: inherit !important;
  top: -3px !important;
}

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.