Payment systems icons OpenCart

The module adds neat payment method images and icons to your store in two prominent locations: on the product page and in the website footer. This allows customers to immediately see how they can pay for their order, reducing questions, increasing trust, and increasing conversion rates.

What does the module do?

• Adds a new tab to the store settings in the admin panel
• Allows you to upload/select two images via OpenCart's image manager:
  • Payment icons on the product page
  • Payment icons in the footer of the site
• Automatically displays selected images:
  • in the product card (product.twig) - immediately below the reviews/buttons block
  • in the footer (footer.twig) - on the right, with a neat image

Advantage: customization is done without manual template editing—just select images in the admin panel, and the module will automatically select them for display.

What data and operations does it work with?

1. Reads and saves the settings values in the store configuration.
2. Checks for image files in the image/ folder.
3. Substitutes the correct URL taking into account HTTP/HTTPS.

Recommendations for use

• Combine logos of Visa/Mastercard, Apple Pay, Google Pay, etc. in one image.
• Make the image wide and readable: it will be displayed as img-responsive for adaptability on all devices.
• For the product page, use a more "sales-oriented" version (for example: "Payment by card and online"), and for the footer, use a compact one.