-
Componentes
-
Módulos
-
Tipos de visualización
- Clases auxiliares
-
Componentes
- Nativos de Liferay
- Interacciones
- Campos de formulario
- Botones
- Interruptores
- Filtros
- Desplegables
- Filtro aplicado
- Pestañas
- Filtro pestaña
- Vista cuadrícula o listado
- Línea divisoria
- Navegación
- Contenido
- Composiciones de texto
- Encabezado
- Elementos tarjetas
- Tablas
- Etiqueta
- Etiqueta
- Cifras
- Ficha Bloque Descriptivo
- Indicador de nivel
- Bloque persona
- Enlaces
- Descarga de ficheros
- Indicador fecha
- Logotipos
- Bloque ficha técnica
- Tarjetas
- Basica
- Pictograma
- Apertura - Tarjetas Flexibles
- Recurso Gráfico Compacta
- Básica Mosaico
- Calendarizada
- Datos de contacto
- Logotipo o pictograma
- Compra
- Accesos
- Contenedor Tarjetas
- Datos publicación
- Alertas
- Fondo imagen
- Multimedia
- Agenda
- Mover elemento responsivo
-
Módulos
- Funcionales
- Tarjetas
- Actualidad
- Contenido relacionado
- Apertura - Tres Destacados
- Carrusel
- Mosaico
- Mapa
- Filtrado
- Localizaciones
- Entradas destacadas
- Distributiva old
- Calendarizada
- Distributiva
- Publicación
- Accion
- Banner - Accesos directos
- Suscripcion
- Banner AccesoDirecto Ilustración
- Banner acceso directo textura
- Banner-Encuesta
- Banner - Etiquetas
- Acción-Compra
- Contenido
- Contenido + imagen
- Ficha-ilustracion
- Ficha-desplegables
- Tablas
- Contacto
- Descargas
- Ficha pestañas
- Citas destacadas
- Tarjetas
- Tarjetas-Pictograma
- Contenido Cifras+Imagen
- Listado
- Contenido-Entidades
- Cifras
- Selector alfabético
- Apertura
- Tipos de visualización
Acción-Compra
El propósito del módulo Acción-Compra es poder ofrecer a través de las tarjetas de compra, un medio para iniciar un proceso de compra. Cada una de ellas contiene un botón que redirige al flujo de compra establecido por el CRM.
Para la construcción de este módulo, al contenedor de la composición, es clave añadir en el css personalizado del contenedor, la clase mod-compra, para alojar posteriormente de manera correcta el contenedor interior.
En el interior, debemos de incluir el fragmento FRG_FondoImagenResponsiva, para colocar la imagen en la zona deseada. En su interior, en cada contenedor de la cuadricula, debemos de usar la composición FRG_CMP_Compra_Biblioteca, la cuál ya contiene el resto de elementos que componen este módulo.
Tenemos disponibles dos variantes, una máxima y una mínima, que difiere en la disposición y cantidad de card mostradas.
Imagenes:
Se recomienda no cambiar la imagen de fondo decorativa para obtener mayor constacia de diseño.
FRG_CMP_Compra_Maximo
Fragmentos > Módulos > Acción > FRG_CMP_Compra_Maximo
Forma parte de nuestra biblioteca
Biblioteca electrónica y física
Biblioteca electrónica y física
FRG_CMP_Compra_Minimo
Fragmentos > Módulos > Acción > FRG_CMP_Compra_Minimo