Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

Include Page
DOC:Aviso
DOC:Aviso
Info

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 desde modules/sequrapayment/view/payment.tpl  a themes/PLANTILLA/modules/sequrapayment/views/payment.tpl será  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 "Widget visualization params" de los módulos SeQura Pago fraccionado y SeQura Compra ahora, paga despuésdel módulo SeQura Checkout.

  • Legacy 

     Image RemovedImage Added
  • Text

    Image Removed

...

  • Image Added

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 

    center right)

  • branding (white, black

     o 

     o default)

  • starting-text (

    only o 

    only 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.

Code Block
languagecss
firstline1
titlePor 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);
}

...

Include Page
DOC:Material visual extended
DOC:Material visual extended



Paso anterior anterior | Paso siguiente