7.1 Cart as Text

Hi there!

Can anybody help be out with getting the cart in the navigation to display as text vs. Icon?

I simply want it to say '0' > '1' when someone adds something. 

thanks!

Can you share link to your site?

Sure thing:

Site: https://tarantula-calliope-fl4m.squarespace.com/

Pass: squarespace

I am taking a class right now, the assignment is to rebuild a site in square space. 

here is the reference site: https://usualwines.com/

16 hours ago, jdillagodzilla said:

Sure thing:

Site: https://tarantula-calliope-fl4m.squarespace.com/

Pass: squarespace

I am taking a class right now, the assignment is to rebuild a site in square space. 

here is the reference site: https://usualwines.com/

You want to remove cart icon? Add to Home > Design > custom CSS

.header .header-actions-action--cart svg {
    display: none;
}
.icon-cart-quantity {
    font-size: 30px;
    bottom: 0;
    top: unset !important;
    padding-bottom: 0;
}

or replace cart icon with cart text + quantity, add to Home > design > Custom CSS

svg.icon.icon--cart {
    visibility: hidden;
}
.icon-cart-quantity:before {
    content: "Cart";
    font-size: 20px;
}
.icon-cart-quantity {
    font-size: 30px;
    bottom: 0;
    top: unset !important;
    padding-bottom: 0;
}

thanks!

I use the following to get it achieve what I wanted:

.icon-cart-quantity { 
      font-size: 30px;
      padding: 35px;
}