Hunter_Croft Posted December 14, 2019 Share Posted December 14, 2019 I was wondering how to change (or if I can change) the shopping cart icon on this website using SquareSpace v7.1 to something that looks better. I can't seem to find anything to show a way to change this to more what it looks like in v7.0. jjjuliejj 1 Link to comment
jjjuliejj Posted April 30, 2020 Share Posted April 30, 2020 Did you ever figure out how to switch the shopping cart icon in 7.1? I'd love to know how to do that. Thanks! Link to comment
SnazzyView Posted May 1, 2020 Share Posted May 1, 2020 If you set the shopping cart icon to hidden, then a cart icon will appear in the bottom right hand corner, automatically when a customer add an item to their cart. Once it's visible there's no reason why you can't add some CSS to make it look like the Classic Button and change its position. snazzyview.com Link to comment
Jeremyn Posted December 9, 2021 Share Posted December 9, 2021 Anyone have found a code to achieve that? Link to comment
tuanphan Posted December 14, 2021 Share Posted December 14, 2021 On 12/9/2021 at 10:51 PM, Jeremyn said: Anyone have found a code to achieve that? Can you share link to shop page on your site? We can take a look Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Jeremyn Posted December 14, 2021 Share Posted December 14, 2021 Of course! https://creativeportrait.net.au/product-store Link to comment
SquareRefresh Posted December 14, 2021 Share Posted December 14, 2021 Hey @Jeremyn we have a free solution which changes it into a nice bag instead. You can view the demo here. SquareRefresh, premium plugins & templates that have an elevated feel. Plugins: Have your site stand out. Templates: Our templates are designed with versatility in mind.Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins. Link to comment
paul2009 Posted December 15, 2021 Share Posted December 15, 2021 If you have a preferred cart icon, you should be able to use a few lines of Custom CSS to use this instead of the default cart icon. In this example you'll need to add the URL of your icon in place of "//path/your-custom-icon.svg". .icon--cart { background-repeat: no-repeat !important; background-image: url("//path/your-custom-icon.svg") !important; } .icon--cart svg { display: none !important; } If this post has helped you, please click a 'Like' or 'Thanks' icon below ⬇️ About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to 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 is optional. 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