JustineArts Posted March 11 Share Posted March 11 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 Link to comment
creedon Posted March 11 Share Posted March 11 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 paul2009 Posted March 11 Solution Share Posted March 11 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: As a first step, try changing your colors in Site Styles. JustineArts 1 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original 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 completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
JustineArts Posted March 11 Author Share Posted March 11 Thank you Paul! This fixed the issue! paul2009 1 Link to comment
samwu Posted March 15 Share Posted March 15 @paul2009 do you know of any way to customize the text for this "Item was added to your cart." Window? Open to both Squarespace editor or customized code. Link to comment
paul2009 Posted March 15 Share Posted March 15 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. samwu 1 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original 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 completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
samwu Posted March 15 Share Posted March 15 Understood. How might I go about finding the name of that pop up element in order to call it out in my code? Link to comment
samwu Posted March 15 Share Posted March 15 I ask because even if I installed an extension like the ‘Added to Cart’ Popover by SF Digital, I'm assuming I'd need to call out the stock/Squarespace pop up to hide it. Link to comment
paul2009 Posted March 15 Share Posted March 15 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". samwu 1 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original 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 completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment