Jump to content

Looking for help with a blank pop up for a few seconds when clicking Add To Cart button -

Go to solution Solved by paul2009,

Recommended Posts

When testing out adding any of my products to cart by clicking add to cart button, this purple rectangle pops up over my item for just a few seconds. It almost seems like it should have text that says Added To Cart or something but I can’t figure out how to edit it! Same issue for anyone else testing out adding items to cart. Any advice or how to remove that or just add text to it? I’ve been searching on the forum for a bit on how to do this with no luck. 
 

I am DIYing my site so it has no code and I’d prefer to not have to use it. 🥲

 

site: Justineohme.com

password: Lionsandtigers

IMG_5326.jpeg

Link to comment

I can confirm the issue you are seeing.

With your site apparently not having any custom code installed I suggest you contact Contact Customer Support and report the issue.

What you are seeing is a pop-up that informs the users what product has been added to the cart in addition to the cart button saying adding and added. It appears the color for the text is incorrect and I don't see an SS provided setting to change it.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
  • Solution
3 hours ago, JustineArts said:

When testing out adding any of my products to cart by clicking add to cart button, this purple rectangle pops up over my item for just a few seconds. It almost seems like it should have text that says Added To Cart or something but I can’t figure out how to edit it!

This is the item added popover that appears when items are added to the cart from the Product List Page. It uses the siteBackgroundColor for the text, which is currently set to transparent. If set to white, it would look like this:image.png.64aef67aaa0813430b76a02c0218d029.png

As a first step, try changing your colors in Site Styles.

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment
1 minute ago, samwu said:

do you know of any way to customize the text for this "Item was added to your cart." Window?

This text only appears when an add to cart button is clicked on the Product List Page. There isn't a feature that allows you to customise it, so you'd need to write some custom JavaScript to modify it.

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

Link to comment
39 minutes ago, samwu said:

How might I go about finding the name of that pop up element in order to call it out in my code?

The element has the class "template-cart-item-added-popover".

About me: I'm Paul. A SQSP User for 18 yrs, I joined Circle when it launched in 2016 and have been a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing expertise and extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee fuels my work.

Book paid help with a Squarespace Domain

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.