Articles on: 🧑‍🎓Tutorials

How to add an image below the add to cart button?

Wide Hello to you! 😁

We'll see how to add an image under the add to cart button if you want to display "secure payment" images for example.

There are 2 ways to add an image depending on the image format.

On the one hand there are the "classic" images in PNG, JPEG, GIF, ...

And on the other hand the SVG images.

1) Add a "classic" image in PNG, JPEG, GIF...



Click on Settings to access the WideBundle settings.



Click on General Settings.



Add the link of your image in the corresponding field



Click on Save

2) Add an SVG image



Click on Settings to access the WideBundle settings.



Click on General Settings.



Copy and paste the SVG code in the field "HTML below the add to cart button"



If you want your SVG image to be centered below the add to cart button, add your SVG code between these 2 scripts:

<div style="text-align: center;"> and </div>

So it will be:

<div style="text-align: center;">YOUR SVG code</div>



And voilà !

Your image is added!

See you soon! 😁

Updated on: 26/10/2022

Was this article helpful?

Share your feedback

Cancel

Thank you!