Popup informativo

Con el método de pago previamente establecido es necesario completar la configuración del plugin con los cuales se desplegará el Popup informativo.

Personalizar modal informativo

Para poder configurar el modal la configuración se tiene que hacer dentro del Store View como se muestra indicó anteriormente.

Importante: Cada vez que se cambie el aspecto del modal o de la leyenda informativa se tiene que limpiar el caché con los siguientes comandos

php bin/magento cache:flush
php bin/magento cache:clean

Configurar modal informativa
Debajo de la configuración del método de pago se encuentra la configuración de la modal informativa, la cual cuenta con diferentes aspectos que se pueden personalizar de acuerdo a las preferencias del partner.

• Versión : Puede indicar una de las siguientes versiones: 1.0, 2.0 ó 3.0.
• Modal : Los valores a configurar son: 1, 2, 3, 4,ó 5. Solo disponible para la versión 3.0
• Style : Solo aplica para la versión 2.0. Existen 2 estilos de fondo diferentes, una con fondo claro y la otra con fondo oscuro que se configuran como: dark o light.
• Parcialidades : Se configura indicando tres parcialidades para el cálculo demostrativo de los pagos ejem: 3,9,12.
• Color de fondo : Color del fondo de la modal. Solo disponible para la versión 3.0.
• Color de títulos : Color del título de la modal. Solo disponible para la versión 3.0.
• Color de texto : Color del texto de la modal. Solo disponible para la versión 3.0.
• Color de los iconos : Color de los iconos de la modal. Solo disponible para la versión 3.0.
• Font family : Tipo de letra (Font Family) Debe de ser un font disponible en Google fonts. Solo disponible para la versión 3.0.
• Link a página informativa : Enlace para conocer más información: "https://......". Solo disponible para la versión 3.0.
• Partner logo : Logo del Partner: "https://......". Solo disponible para la versión 3.0.
• Imagen : (Para el modal 4): "https://......". Solo disponible para la versión 3.0.

Versión
Por el momento se cuentan con 3 versiones de la modal informativa y para una mejor personalización se cuentan con una serie de atributos que se pueden utilizar de manera dinámica.

-Versión 1.0 : Solo incluye una modal única.
-Versión 2.0 : Incluye dos estilos de modal dark y ligth, se obtienen indicando el estilo en el atributo style .
-Versión 3.0 : Incluye 5 tipos de modal diferente: modal 1,2,3,4 y 5, se obtienen indicando el número en el atributo modal.

Versión 1.0

Versión 2.0 ; style: dark

Versión 2.0 ; style: light

Versión 3.0 ; modal: 1

Versión 3.0 ; modal: 2

Versión 3.0 ; modal: 3

Versión 3.0 ; modal: 4

Versión 3.0 ; modal: 5

Personalizar leyenda de producto

Para poder configurar el modal la leyenda del producto se tiene que hacer dentro del Store View como se muestra indicó anteriormente.

Importante: Cada vez que se cambie el aspecto del modal o de la leyenda informativa se tiene que limpiar el caché con los siguientes comandos

php bin/magento cache:flush
php bin/magento cache:clean

Debajo de la configuración del modal se encuentra la configuración de la leyenda del producto, que incluye atributos con los cuales se puede cambiar el estilo de la leyenda que se despliega en el detalle del producto.
Los atributos a configurar son los siguientes:

• Color: El color con de la leyenda de Atrato puede aceptar texto como black, white o colores hexadecimales. Ejemplo #ffffff
• Color del logo de Atrato: Para personalizar el color del logo de Atrato puede ser modificado de la misma manera que la leyenda. Ejemplo #8A8AFF
• Tamaño de la leyenda: Modifica el tamaño de la fuente de la leyenda. Ejemplo 1rem.
• Tamaño del precio: Modifica el tamaño de la fuente del precio. Ejemplo 1rem.
• Font Family: Cambia el tipo de letra (Font Family) de la leyenda de Atrato (El tipo de letra debe de estar dentro de tu página de e-commerce). Ejemplo Merienda

👍

Ya tienes configurado el Popup informativo!