Skip to main content
All CollectionsLook and FeelBasic Storefront Changes
Changing the Image with Payment Methods Logos
Changing the Image with Payment Methods Logos

Learn how to change the collection of payment methods and/or security system logos that can be displayed in the storefront

A
Written by Anna Verbichenko
Updated over a week ago

Your X-Cart store can show your customers an image with a list of logos of the payment methods supported by your store. By default, we have at least two locations on the storefront where the image with the logos can be visible:

  1. in the checkout header:

  2. on the Payment methods tab of a product details page (implemented by the add-on Custom Product Tabs).

    You can decide whether you want the image to be displayed in those locations and make the required adjustments. See:

Changing the payment methods logo image at checkout

Important: The feature of showing the payment logos in the checkout header was introduced in X-Cart 5.3.3 and is not supported in earlier X-Cart versions. Starting with X-Cart version 5.3.3.2, the checkout logo image has been commented out from the template code and is now available as an opt-in solution. If you want to enable this image, edit the template skins/customer/layout/header/header.bar.checkout.logos.twig removing the {# and #} marks from the lines 8-10.

You can customize the checkout logo image to show something else by following these steps:

  1. Make sure the add-on ThemeTweaker is installed and enabled.

  2. Prepare the image with the payment logos that you want to use. The image must be in the PNG format.

  3. Place the image to the following file path:
    ​<X-Cart Dir>/skins/theme_tweaker/customer/images/checkout_logos.png

That’s it! The new image will substitute for the default one. This modification will be preserved during software updates.

To revert the changes, delete the image you have added.

Note: The method described above is not yet supported by X-Cart 5.5.x, but will be added eventually.

Changing the payment methods logo image in the Payment methods product page tab

The payment methods logo image that can be found on the Payment methods tab of a product details page is part of our demo data for the add-on Custom Product Tabs. You can keep our image or add an image of your own. To change the image, you will need to edit the contents of the Payment methods tab via the Admin area following the instructions in our Custom Product Tabs add-on manual.

Related pages:


​

Did this answer your question?