DESACTUALIZADO - PS - 2.3 - INTEGRACIÓN VISUAL

Importante


Se recomienda no modificar nunca los ficheros del propio módulo, de forma que cualquier cambio que se haya podido a hacer no se pierda en un futuro si se actualiza el módulo con una nueva versión.

Prestashop permite hacer cualquier modificación de los ficheros que se creen en la plantilla, de forma que si se copia desde modules/sequrapayment/view/payment.tpl themes/PLANTILLA/modules/sequrapayment/views/payment.tpl será este segundo el que se interprete en lugar del original por lo que se podrá personalizar sin miedo a perder estos cambios en futuras actualizaciones.


PLANTILLA se refiere al nombre de la plantilla en uso

Añadir banner en la página principal desde los módulos


El plugin permite la opción de insertar un banner promocionando alguno de los servicios de SeQura en la página principal. Desde la configuración del módulo SeQura - Pago fraccionado o SeQura - Compra ahora, paga después, se puede activar el banner de la modalidad que se quiera. Dicho banner se engancha en displayHome y puede ser movido desde Posiciones de los módulos. Su aspecto y colores pueden ser modificado por CSS.


Personalización de los widgets (por FTP):

Se puede personalizar los widgets promocionales mediante la parametrización de la plantilla. Los widgets se insertan como un iframe configurable desde nuestro módulo en Prestashop. El código correspondiente de la inserción de los widgets lo podemos personalizar para ello se debe crear el directorio:

  • Compra ahora, paga después: themes/PLANTILLA/modules/sequrapayment/views/ si no existe ya y copiar ahí el fichero modules/sequrainvoice/views/product_widget.tpl 
  • Pago fraccionadothemes/PLANTILLA/modules/sequrapayment/views/ si no existe ya y copiar ahí el fichero modules/sequrapartpayment/views/product_widget.tpl 

Podemos copiar ambos si queremos personalizar los dos. Una vez realizada esta copia se puede modificar para obtener los resultados deseados.



Personalización de los widgets (desde Prestashop):


Simulador de cuotas:

Existen actualmente los siguientes modelos de widgets, pudiendo elegir cuál mostrar en el campo "" de los módulos SeQura Pago fraccionado y SeQura Compra ahora, paga después.

  • Legacy
     
  • Text


A partir de la versión 4.1.2 de los módulos de SeQura, estos widgets pueden personalizarse indicando los parámetros en formato .json dentro del campo "Widget visualization params". Los parámetros que se pueden configurar son:

  • type (text o legacy)
  • size (S, M o L)
  • font-color (#rrggbb)
  • background-color (#rrggbb)
  • alignment (left, center o right)
  • branding (white, black o default)
  • starting-text (only o as-low-as)


Si se deja el campo "Widget visualization params" en blanco, los parámetros que se activarán por defecto son {"type":"text", "size":"M", "alignment":"center", "font-color":"#353735"}.



Cambios en los estilos del checkout:

La mayoría de plantillas suelen tener un custom.css o fichero similar, que se carga en último lugar y está vacío en un principio (Sirve para añadir reglas CSS personalizadas para diferentes necesidades). Ese fichero es el que se puede usar también para reescribir cualquier regla CSS que pueda aplicar a nuestro módulo.

Por ejemplo, si se quiere cambiar el logo de las opciones de pago de SeQura en la tienda en lugar de usar los logos que vienen por defecto, se puede añadir algo como:
#order .payment_module .sequra.partpayment {
    background-image: url(.../img/tulogo.png);
}
#order  .payment_module .sequra.invoicing {
    background-image: url(.../img/tulogo.png);
}
#order  .payment_module .sequra.campaign {
    background-image: url(.../img/tulogo.png);
}

Material visual (sliders, logos y textos):

Si se quiere crear un banner o slider personalizado, se pueden utilizar las imágenes contenidas en Marketing toolkit. Dichas imágenes están tanto en formato PNG como en SVG para que puedan ser editadas y adaptadas al estilo de cada página.

En ese mismo enlace se pueden encontrar también un tutorial de los elementos visuales disponibles de nuestros métodos de pago.



Paso anterior | Paso siguiente