Versions Compared

Key

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

...

...

...

...

...

...

...

...

...

...

...

titleImportante

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

...

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.

...

Include Page
Aviso
Aviso

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és.

  • Legacy
     Image Removed
  • Text
    Image Removed

A partir de la versión 4.1.2 de los módulos de SeQura, estos del módulo SeQura Checkout.

Include Page
Widgets
Widgets

Estos widgets pueden personalizarse indicando los parámetros en formato formato .json dentro  dentro del campo campo "Widget visualization 's params". Los . En nuestro configurador de widgets se puede escoger el diseño que más se ajuste a la web.

Los parámetros que se pueden configurar son:

  • type (

    text o legacy

    text, banner 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)

  • amount-font-size (13, 15, 17)

  • amount-font-color (#rrggbb)

  • amount-font-bold (true o false)

  • link-font-color (#rrggbb)

  • link-underline (true o false)

  • border-color (#rrggbb)

  • no-costs-claim (free o without-cost)

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);
}

...

...



Paso anterior | Paso siguiente