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

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.

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?

.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;
}

This worked perfectly.

Thank you so much for your time and expertise, it is much appreciated