Secciones de Carruseles en el editor de bloques de Waclis

En este tutorial vas a aprender a insertar y editar las secciones prearmadas de Carruseles dentro del editor de bloques de Waclis.

Los carruseles permiten mostrar contenido deslizable de forma horizontal y se utilizan principalmente para:

• logos de marcas o clientes

• imágenes destacadas

• banners visuales

• galerías compactas

• contenido promocional

Bloques de Carrusel disponibles

Actualmente, el editor de bloques de Waclis incluye los siguientes bloques:

1. Carrusel 001

2. Carrusel 002

3. Carrusel 003

4. Carrusel 004

5. Carrusel 005

Cada uno tiene un diseño distinto (logos, imágenes, navegación visible u oculta), pero todos se insertan y editan con la misma lógica.

Cómo insertar un carrusel

Acceso al editor de bloques

Para ingresar al editor de bloques:

Configuraciones > Editar sitio > Menues

Luego, haz clic en el icono de la paleta de pintor.

Insertar un bloque de Carrusel

1. Haz clic en el icono de Sections.

2. Selecciona Sections en el panel lateral.

3. Busca la categoría Carruseles.

4. Si la categoría está colapsada, haz clic para desplegarla.

5. Elige el bloque que quieras usar.

6. Haz clic en el botón “+”.

7. El carrusel se agrega automáticamente en la vista del sitio.

Cómo editar un carrusel

Los carruseles se pueden editar de tres maneras, igual que el resto de las categorías.

Forma 1: Editar desde la vista (visual)

Es la forma más habitual.

1. Haz clic sobre una imagen o logo del carrusel.

2. Se habilita el panel de Properties.

3. Desde allí puedes:

   • cambiar la imagen (botón Set Image)

   • usar una imagen subida o una URL externa

   • definir Width y Height

   • editar el atributo Alt

   • ajustar alineación

   • habilitar o deshabilitar enlace

   • asignar Id y Class

Este método es ideal para:

• reemplazar logos

• cambiar imágenes

• ajustar contenido visual rápidamente

Forma 2: Editar desde el Navigator

Muy útil cuando el carrusel tiene muchas imágenes.

1. Haz clic en el icono de Navigator.

2. Verás la estructura:

   • Section

   • Container

   • elementos de imagen del carrusel

3. Selecciona la imagen exacta que quieras editar.

4. Se abre automáticamente Properties.

5. Realiza los cambios necesarios.

Esto evita editar la imagen equivocada cuando hay muchas similares.

Forma 3: Editar desde el Code editor (HTML)

Pensado para usuarios con conocimientos técnicos.

1. Abre el Code editor desde la parte inferior.

2. Se muestra el HTML del carrusel.

3. Desde allí puedes:

   • agregar o eliminar imágenes

   • reorganizar el orden

   • modificar clases

   • ajustar atributos manualmente

Qué se puede editar en los carruseles

• Imágenes o logos

• Cantidad de elementos

• Orden de los elementos

• Enlaces (si el bloque los incluye)

• Atributos Alt

• Identificadores (Id / Class) para personalización avanzada

Buenas prácticas al usar carruseles

• No sobrecargar el carrusel con demasiados elementos.

• Usar imágenes optimizadas y del mismo estilo.

• Para logos, mantener proporciones similares.

• Evitar carruseles demasiado altos.

• Ubicarlos en zonas visibles pero no invasivas.

Limitaciones importantes

Los carruseles del editor de bloques:

• funcionan con contenido estático

• no se conectan automáticamente a productos

• no muestran contenido dinámico del catálogo

• no permiten carruseles automáticos de productos o categorías

Diferencia clave a tener en cuenta

Estos carruseles:

• NO son carruseles de productos

• NO reemplazan listados dinámicos

• NO se vinculan al catálogo automáticamente

Son carruseles visuales, no funcionales.