Campos repeater en JetTabs (tabs o acordeón) usando Jet Engine y Dynamic data addon

Campos repeater en JetTabs (tabs o acordeón) usando Jet Engine y Dynamic data addon

Tabla de contenido

En este video tutorial usaremos Dynamic data addon para aprender a usar los campos repeater en las tabs o acordeones del plugin JetTabs de Crocoblock, espero te sea tan útil como lo ha sido para mí en mis proyectos con clientes. A continuación te dejo los vínculos para los plugins que he usado en el tutorial.

PLUGINS DEL TUTORIAL:

Configuración de los íconos

Los iconos del acordeón se configuran en los campos Active y Active Icon.
El Icon es el estado cerrado del acordeon y allí podremos poner el icono: fas fa-plus
El icon se podrá ver cuando el acordeón esta abierto, es decir en estado «activo» por lo que podremos poner el icono: fas fa minus.

En caso de querer poner otros iconos, podrás disponer de la biblioteca oficial de font Awesome

Tengo un regalo para ti

Apúntate a la newsletter y recibirás GRATIS un pack exclusivo de plantillas para Elementor PRO

Los temas que veremos durante el video son:

  • Creación del campo repeater y asignación a un single.
  • Creación de la entrada (página) para rellenar los datos.
  • Diseño del acordeón o de las tabs para campos repeater con texto
  • Diseño de página con tabs y plantillas
  • Descargar e instalar el plugin desde la página (ver plugin acá)
  • Creación de dos plantillas con información para probar el mismo efecto pero con shortcodes.
  • Ejemplo de una página real donde use los dos.

💥 ¡Suscríbete y activa la campana para que no te pierdas ningún video https://cutt.ly/Cyz2l6c

Comparte este artículo

¿Que tal te pareció este artículo?

2 comentarios

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información base sobre privacidad:
Responsable: Sebastián Echeverri (portafolio@sebasweb.net)
Fin del tratamiento: Moderación de comentarios para evitar spam
Legitimación: Tu consentimiento
Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
Derechos: Acceso, rectificación, portabilidad, olvido

Recomiendo:

Sobre la afiliación…

Para mantener este blog, cuento parcialmente con el respaldo de enlaces de afiliación, los cuales generan una pequeña comisión si decides adquirir algo a través de ellos. Esto no implica ningún gasto adicional para ti y solo enlazo productos que personalmente he utilizado y recomiendo.

También te podría interesar ver estos artículos

Listing grid con Query Builder – JetEngine

En este artículo vamos a aprender a crear una consulta personalizada con el «Query Builder» de JetEngine Objetivo:...

Ejemplos de JetTricks – plugin de Crocoblock

Agrega tooltips sobre cualquier tipo de contenido Hola soy un título Widget de título Widget editor de texto...

Algunas plataformas con las que trabajo

No te vayas sin tu regalo!

Apúntate a la newsletter y recibirás GRATIS un pack exclusivo de plantillas para Elementor PRO

Apúntate GRATIS a la newsletter y llévate de regalo un pack de plantillas exclusivas para Elementor!

SUSCRÍBETE

No te pierdas los artículos y trucos relacionados con WordPress, Elementor y diseño y desarrollo web en general.