Placing credit card icons on product details pages

Last updated

It is a common practice for online shops to place credit card logos on the store pages. It lets the customers know they can pay by credit card in a store and, what is more important, gives them a sign of secure online shopping and increases their confidence.

In Ecwid, you can place credit card logos on the store pages as well. In order to display your custom logos under the add to bag button on the product page, add the following code to your custom CSS theme:

div.ecwid-productBrowser-backgroundedPanel {
  padding-bottom: 40px;
  background-image: url('LINK_TO_CREDIT_CARD_LOGOS');
  background-position: bottom center;
  background-repeat: no-repeat;
div.ecwid-productBrowser-nav div.ecwid-productBrowser-backgroundedPanel {
  background-image: none;
  padding-bottom: 10px; 

You can use your own image - just place the full URL of your image instead of the text in bold in the code above. The padding-bottom value ("padding-bottom: 40px;") should be modified in your custom CSS code according to the height of your image. Just make sure the value of padding-bottom is a bit greater than the image height.

Free credit card icons:

Back to top
Has the article answered your question?

Awesome! Thanks for your feedback!

Please send us that question. We will be happy to help by email.

Send a message