Jump to content

Quantity not showing on custom cart icon

Go to solution Solved by sorca_marian,

Recommended Posts

Posted (edited)

Hello-

I used CSS long ago to change the cart on my website to a custom icon. I noticed recently that the quantity does not show. I may have done something in my custom CSS that hides it, but since it was long ago I can't seem to figure it out. This is the code I currently have (I have Brine 7.0 btw):

 

// Cart Image //
.Cart-inner *{
    visibility: hidden;
}

.Cart-inner{
visibility: visible;
    width: 75px;
    height: 75px;
    content: "";
    background: url(https://static1.squarespace.com/static/57505fc44d088e7a8a88a704/t/64c400302f2e5c00f4018a7c/1690566705638/silver.png) center center no-repeat;
    background-size: contain;
    display: inline-block;
}

 

Is there anything I need to add or change to make this visible again? 

 

Thank you!!

Edited by msdema
typo ("on" to "or")
  • Replies 4
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Posted

The code is hiding the default content.

Please send the link and I will update the code to show the quantity.

 👨‍🔧👨‍💻 Squarespace plugins

🙋‍♂️ Squarespace Custom Web Development & Design Services

📅 Todoist alternative | Increase your Productivity 

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 300 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

  • Solution
Posted

Just replace the first part of the code with the below one
 

.Cart-inner *:not(.sqs-cart-quantity) {
    visibility:hidden;
}

 

Screenshot 2024-01-15 at 01.37.53.png

 👨‍🔧👨‍💻 Squarespace plugins

🙋‍♂️ Squarespace Custom Web Development & Design Services

📅 Todoist alternative | Increase your Productivity 

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 300 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

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.