Secciones de Banners en el editor de bloques de Waclis

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

Los banners se utilizan para destacar contenido visual con impacto, como:

• promociones

• categorías destacadas

• campañas

• accesos rápidos

• mensajes clave con imagen y texto

Bloques de Banner disponibles

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

• Banner 008

• Banner 007

• Banner 006

• Banner 004

• Banner 003

• Banner 002

Cada banner tiene un diseño visual distinto (imagen completa, múltiples banners, textos superpuestos, grillas), pero todos se editan con la misma lógica.

Cómo insertar un banner

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 Banner

1. Haz clic en el icono de Sections.

2. Selecciona Sections en el panel lateral.

3. Busca la categoría Banners.

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

5. Elige el banner que quieras usar.

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

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

Cómo editar un Banner

Los banners se pueden editar de tres formas, como el resto de las categorías.

Forma 1: Editar desde la vista (visual)

Es la forma más habitual.

1. Haz clic directamente sobre:

   • la imagen del banner

   • el título

   • el texto

   • el botón (si incluye)

2. Se habilita el panel de Properties.

3. Desde allí puedes:

   • cambiar la imagen (Set Image)

   • usar imagen subida o URL externa

   • editar textos

   • modificar el atributo Alt

   • configurar enlaces

   • ajustar alineación

   • asignar Id y Class

Forma 2: Editar desde el Navigator

Muy útil cuando el banner tiene varios bloques internos.

1. Haz clic en el icono de Navigator.

2. Verás la estructura:

   • Section

   • Container

   • columnas o bloques del banner

3. Selecciona el elemento exacto.

4. Se abre automáticamente Properties.

5. Realiza los cambios.

Forma 3: Editar desde el Code editor (HTML)

Para usuarios con conocimientos técnicos.

1. Abre el Code editor desde la parte inferior.

2. Se muestra el HTML del banner.

3. Desde allí puedes:

   • modificar estructura

   • reorganizar banners

   • cambiar clases

   • ajustar comportamiento visual

Qué se puede editar en los Banners

• Imagen de fondo o imagen principal

• Textos y títulos

• Botones y enlaces

• Cantidad de banners

• Orden visual

• Atributos Alt

• Identificadores (Id / Class) para estilos avanzados

Buenas prácticas al usar Banners

• Usá imágenes de buena calidad.

• No sobrecargues de texto el banner.

• Usá llamados a la acción claros.

• Mantené coherencia visual.

• Ubicá banners estratégicamente.

Limitaciones importantes

Los banners:

• funcionan con contenido estático

• no se conectan automáticamente al catálogo

• no muestran productos dinámicos

• no cambian según el usuario

Para banners dinámicos se requiere desarrollo avanzado.

Diferencia clave a tener en cuenta

Estos banners:

• NO son banners dinámicos de productos

• NO se sincronizan con categorías automáticamente

• NO reemplazan listados del catálogo

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