Jump to content

How to add icons above the add to cart button

Recommended Posts

Posted

Hi! I'd love to know if it's possible to add 3 or 4 icons (free delivery, secure payment, easy returns, and eco-friendly packaging) right above or below the add-to-cart button. I tried to add the image below, but the layout doesn't look right.

Thanks!

Cristina

FREE DELIVERY.png

Posted

Is this image going to be the same across all your products?

Please post the URL for a page on your site where we can see your issue.

A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

Please set up a site-wide password, if your site is not public and you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site.

Please read the site-wide password and how to share a link documentation to understand how they work.

We can then take a look at your issue.

You may find How to post a forum question post useful.

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.

Posted

Thanks creedon, here's the url: https://www.newpencilbox.com/shop/p/brooklyn-heights-print-pink

It would appear in all physical products. Btw, I tried to eliminate the image overlay (the image is a png in a transparent background), and I can't do that either. What I'm doing is adding an image block to the additional info section, but the image there is gigantic. I tried uploading a much smaller image but it appears the same size and super pixelated. I'd like the 4 icons to appear in the desktop view as they appear in the mobile view, but without the image overlay. 

Thanks!

Posted
Quote

What I'm doing is adding an image block to the additional info section, but the image there is gigantic. I tried uploading a much smaller image but it appears the same size and super pixelated.

If the Additional Info method works for you, you can use Spacer blocks to make the image block smaller.

Alternatively you can use something like my Store Product Detail Page Add Images Based on Tags code.

It all just depends on how your want your effect to work.

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.

Posted

It looks like the alternate solution is much better - not sure I will be able to follow all the steps on my own, but I will try 🙂

Thanks for your work, I highly appreciate!

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.