Ficha-desplegables

カート 88

Agenda

Ficha desplegables

El propósito del módulo Contenido-Ficha-Desplegables es organizar el contenido de forma compacta, permitiendo al usuario expandir o colapsar secciones para ver información adicional. Su propósito es mejorar la navegación y ahorrar espacio, mostrando solo lo necesario hasta que el usuario decida explorar más

FRG_CMP_FichaDesplegables

Fragmentos > Módulos - Contenido > FRG_CMP_FichaDesplegables

Claro

Enumeraciones

Nombre del botón

Modo oscuro

Tiene compatiblidad con el modo oscuro que normalmente se activa con un contenedor que tenga la clase "block-dark-mode".

FRG_CMP_FichaDesplegablesOscuro

Fragmentos > Módulos - Contenido > FRG_CMP_FichaDesplegablesOscuro

Oscuro

Enumeraciones

Nombre del botón

Modo imagen de fondo

Versión que nos permite decorar el módulo con una imagen decorativa, esta versión es más compleja ya que utilizamos el componente FRG_FondoImagenResponsiva para mostrar la imagen en el modo escritorio, permitiendonos desplazar la imagen fuera de los límites y a parte en el modo móvil se oculta para pasar ya al uso de una imagen normal (Oculta en modo escritorio) para así hacer que ocupe el propio espaciado real de la imagen.

Se debe de tener claro este funcionamiento para hacer uso de este módulo ya que es un poco más complejo de lo normal, recomendamos documentarse sobre el fragmento FRG_FondoImagenResponsiva

FRG_CMP_FichaDesplegablesImagen

Fragmentos > Módulos - Contenido > FRG_CMP_FichaDesplegablesImagen

Elementos móviles

Nota editores: Se ha de tener en cuenta que este módulo debido a que el diseño responsivo cambia la posición de ciertos elementos y tiene sus componentes exclusivos para dicha vista ocultando en este caso los presentes en escritorio.

Como se puede comprobar en la captura tenemos una imagen que en este caso aparece detras de los párrafos. Este elemento tendrá que coincidir con la misma imagen que en escritorío. El botón del módulo se desplaza al contenedor especial situado debajo de la colección esto es con la ayuda del fragmento FRG_MoverElementoResponsivo, es importante que esten ambos para su correcto funcionamiento.