Es muy común que queramos crear o añadir imágenes adicionales en nuestros métodos de pago en Prestashop, esto suele suceder por ejemplo con los métodos de envió por transferencia bancaria los cuales no suelen añadir este tipo de configuraciones adicionales.
Añadir estas imágenes es posible editando el código del modulo y agregando una linea que permita llamar nuestra imagen y mostrarla para el método de envió, en este caso particular vamos a estar trabajando con el modulo de transferencia bancaria.
Ten en cuenta que cada modulo tiene una estructura diferente por lo que para añadir este tipo de opciones hará falta buscar muy bien dentro del código del modulo donde deseas añadir una imagen adicional.
Agregando imágenes al método de transferencia bancaria en prestashop
El primer que tenemos que dar para añadir estas opciones dentro de nuestra tienda es subir la imagen que le asignaremos a nuestro método de pago, para ello tenemos que ingresar en los archivos de nuestro sitio web a traves de cPanel o FTP.
cPanel -> Administrador de Archivos -> Public_html
Una vez dentro de este apartado ingresa a la carpeta donde tienes los archivos de tu sitio web, dentro de esto vamos a subir la imagen del logo que deseas añadir para el modulo de transferencia bancaria en la ruta /upload
Una vez tenemos nuestra imagen en el directorio regresamos a directorio raiz donde se encuentran todos los archivos de nuestro sitio web y editamos el archivo ps_wirepayment.php que se encuentra en la ruta /modules/ps_wirepayment/ps_wirepayment.php
Dentro de este archivo ubica la linea de código $newOption->setModuleName($this->name) y debajo de ella añade lo siguiente:
->setLogo(_THEME_PROD_PIC_DIR_.'transfer.png')
Ten en cuenta que debes sustituir transfer.png por el nombre de tu imagen, guarda los cambios y limpiar la cache den Parámetros Avanzados -> Rendimiento
Con ello se debe mostrar el logo para las opciones de transferencia bancaria
Modificar el tamaño a mi imagen
Como ultimo paso necesitamos mejorar el tamaño de nuestra imagen para que se adapte de forma correcta a nuestro sitio web, para ello necesitamos añadir el siguiente código CSS en nuestro archivo Custom.css
Lo primero sera regresar al directorio raiz donde se encuentran todos los archivos de nuestro sitio web y ingresar al la ruta -> themes/TU_TEMA/assets/css
Dentro de este ubicaremos el archivo custom.css o stule.css y los editamos
Abajo del todo en este archivo pega el siguiente código y guarda los cambios
label img {
width: 25px !important;
}
Recuerda borrar la cache de tu sitio web desde los parámetros avanzados -> rendimiento
De esta forma podremos añadir las imágenes que necesitamos a nuestro modulo de transferencia bancaria.