Secciones de Sliders de imágenes en el editor de bloques de Waclis

En este tutorial vas a aprender a insertar y editar los Sliders de imágenes dentro del editor de bloques de Waclis.

Los sliders se utilizan como secciones protagonistas (hero) para destacar:

• mensajes principales

• campañas

• llamados a la acción

• servicios clave

• identidad visual del sitio

Bloques de Slider disponibles

Actualmente están disponibles los siguientes bloques:

• Slider 001

• Slider 002

Funcionan con imágenes de fondo, textos superpuestos y, según el diseño, botones o indicadores de navegación.

Cómo insertar un Slider de imágenes

Acceso al editor de bloques

Ruta de acceso:

Configuraciones > Editar sitio > Menues

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

Insertar un bloque de Slider

1. Haz clic en el icono de Sections.

2. Selecciona Sections en el panel lateral.

3. Busca la categoría Sliders de imágenes.

4. Si está colapsada, haz clic para desplegarla.

5. Elige el Slider

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

7. El slider se insertará en la vista del sitio.

Cómo editar un Slider de imágenes

Los sliders pueden editarse de tres formas, igual que el resto de las categorías.

Forma 1: Editar desde la vista (visual)

Es la forma más común para cambios de contenido.

1. Haz clic directamente sobre:

   • la imagen del slider

   • el título

   • el texto descriptivo

   • el botón (si existe)

2. Se habilita el panel de Properties.

3. Desde allí puedes:

   • cambiar la imagen (botón Set Image)

   • usar imágenes subidas o URLs externas

   • editar textos

   • modificar el atributo Alt

   • configurar enlaces del botón

   • ajustar alineación

   • definir Id y Class

Forma 2: Editar desde el Navigator

Muy útil cuando el slider tiene múltiples capas.

1. Haz clic en el icono de Navigator.

2. Verás la estructura del slider:

   • Section

   • Container

   • capas de imagen

   • capas de texto

   • botones

3. Selecciona el elemento exacto que quieras editar.

4. Se abrirá automáticamente Properties.

5. Realiza los cambios necesarios.

Esto evita editar textos o imágenes equivocadas.

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. Verás el HTML del slider.

3. Desde allí puedes:

   • modificar estructura

   • ajustar jerarquías

   • duplicar slides

   • cambiar clases

   • personalizar contenido avanzado

Qué se puede editar en los Sliders

• Imagen de fondo

• Textos principales

• Subtítulos

• Botones y enlaces

• Orden de los slides

• Atributos Alt

• Identificadores (Id / Class) para estilos avanzados

Buenas prácticas al usar Sliders

• Usá imágenes optimizadas y de alta calidad.

• No sobrecargues de texto cada slide.

• Mantené mensajes claros y directos.

• Usá botones con acciones concretas.

• Evitá demasiados slides en un mismo slider.

Limitaciones importantes

Los sliders del editor de bloques:

• funcionan con contenido estático

• no se conectan a productos del catálogo

• no muestran contenido dinámico

• no cambian según el usuario

Para sliders dinámicos o personalizados se requiere desarrollo avanzado.

Diferencia clave a tener en cuenta

Estos sliders:

• NO son sliders de productos

• NO reemplazan banners dinámicos del catálogo

• NO se vinculan automáticamente a datos del sistema

Son sliders visuales, pensados para comunicación y diseño.