Paso a paso

Crear template dentro de pg-page

Primero hay que crear una nueva pg-page a la cual se le agrega el header y footer. Luego, en la sección 'Template' se selecciona la opción 'Add content > 'tm-comparador-planes'.

Completar campos del componente

Name: se le agrega un nombre interno para identificarlo en Contentful.

Heading: seleccionar el ml-heading creado para el componente.

Button: at-button con una acción a realizar, ej: ver planes.

Blocks: bloques de contenido que se deseen agregar.

Config: Archivo JSON con datos de planes

ej:

[

{

'plan': 'DATOS INDIVIDUALES 15GB',

'datos': 35000,

'total': 35000

},

{

'voz': 100000,

'plan': 'DATOS INDIVIDUALES 15GB VOZ ILIMITADA',

'datos': 35000,

'total': 35000

},

{

'sms': 100000,

'plan': 'DATOS INDIVIDUALES 15GB SMS ILMITADO',

'datos': 35000,

'total': 35000

},

{

'sms': 100000,

'voz': 100000,

'plan': 'DATOS INDIVIDUALES 15GB VOZ ILIMITADA SMS ILIMITADO',

'datos': 35000,

'total': 35000

},

{

'sms': 100000,

'voz': 100000,

'plan': 'DATOS INDIVIDUALES 40GB VOZ ILIMITADA SMS ILIMITADO',

'datos': 60000,

'total': 60000

},

{

'sms': 100000,

'plan': 'DATOS INDIVIDUALES 75GB SMS ILMITADO',

'datos': 75000,

'total': 75000

},

{

'sms': 100000,

'voz': 100000,

'plan': 'DATOS INDIVIDUALES ILIMITADOS VOZ ILIMITADA SMS ILIMITADO',

'datos': 100000,

'total': 100000

},

{

'sms': 100000,

'voz': 100000,

'plan': 'VOZ ILIMITADA SMS ILIMITADO',

'total': 100000

}

]

planes móviles.png

Páginas que lo contienen

tm-comparador-planes

tm-catálogo

Ficha técnica

Versión: 1.0

Programado por: Jaime Vásquez

Entregado: 07/09/2021