Módulo Slick paragraphs

En Drupal siempre contarás con varias opciones para crear tus contenidos o ampliar las funcionalidades de tu proyecto, a partir de la versión 8, con la aparición de Paragraphs, se crearon una gran cantidad de nuevas posibilidades para que esto fuera posible.

Una de estas es la oportunidad de crear un Carrusel con más opciones de personalización que en el pasado, por esta razón te voy a contar cómo configurarlo para que puedas añadirlo a tu proyecto.

Cómo instalar y configurar el módulo:

Paso 1 Descargar el módulo:

     Lo primero que tendrás que hacer es descargarlo, para ello, a partir de Drupal 8 se recomienda que utilices el gestor de paquetes Composer, ya que te facilitará tanto la instalación como futuras actualizaciones del tus proyectos. No obstante también podrías descargarlo desde la Página oficial del módulo y una vez descargado, tendrás que colocarlo en la carpeta "modules" o "modules/contrib", dependiendo de tu instalación y asegurarte de descargar todas sus dependencias o el módulo no funcionará, esta es una de las ventajas con las que cuentas al hacer la instalación usando Composer.

Paso 2 Activación del módulo :

     Para activar el módulo Slick Paragraphs, al igual que todos los demás módulos contribuidos de Drupal, tendrás la posibilidad de hacerlo, mediante el uso de la herramienta Drush, con el comando "drush en slick_paragraphs -y", que sirve para activar cualquier módulos y todas sus dependencias, o desde la interfaz de Drupal.    

 

Cómo crear un carrusel de imágenes:

1.- Crear un contenido Tipo Paragrphs:

     Cómo una de las dependencias del Slick Paragraphs es el módulo "Paragrphs" y ya lo tenemos activado, ahora podremos crear una la estructura correspondiente a una diapositiva con todos los elementos que deseamos mostrar en el carrusel, para ello accederemos a la siguiente url y  añadiremos el tipo "diapositiva".

     /admin/structure/paragraphs_type/add

slick carousel drupal - www.drupaladicto.org Formacion especializada en drupal y symfony - roles permisos y usuarios

2.- Añadir los campos de la diapositiva:

Si lo que tenemos pensado es un carrusel donde mostrar por ejemplo las ofertas de temporada, lo lógico sería que cada Diapositiva tenga al menos tres campos: Imagen de la campaña, el nombre de la campaña y algún texto adicional para describir o tal ves un enlace que nos lleve a la página de productos o al detalle de la campaña; por lo tanto, lo que necesitaremos en este momento es añadir tantos campos como vayamos a necesitar.

/admin/structure/paragraphs_type/slide/fields

slick carousel drupal - www.drupaladicto.org Formacion especializada en drupal y symfony - roles permisos y usuarios

3.- Creando el Carrusel:

     Ya tenemos preparada nuestra diapositiva con todos los elementos que vamos a mostrar cada vez que se mueva el carrusel, por lo tanto, el siguiente paso que nos queda es crear nuestro "Carrusel", como la idea es que nuestro carrusel se muestre en la página principal, crearemos un Bloque personalizado

/admin/structure/block/block-content/types

slick carousel drupal - www.drupaladicto.org Formacion especializada en drupal y symfony - roles permisos y usuarios

Con un campo tipo "Paragraphs" al que llamaremos "carrusel_home", y dentro de este campos, vamos a permitir que se añadan tantas diapositivas como haga falta.

slick carousel drupal - www.drupaladicto.org Formacion especializada en drupal y symfony - roles permisos y usuarios

Lo siguiente será seleccionar el otro tipo paragraphs al que llamamos "diapositiva" para completar el proceso de nuestro carrusel.

slick carousel drupal - www.drupaladicto.org Formacion especializada en drupal y symfony - roles permisos y usuarios

Ahora ya podrás crear tu carrusel con todas las diapositivas que necesites, también podrás realizar otras configuraciones del carrusel, desde la pestaña de visualización del campo:

slick carousel drupal - www.drupaladicto.org Formacion especializada en drupal y symfony - roles permisos y usuarios