Introducción al editor de bloques de Waclis

En este tutorial vas a conocer cómo funciona el editor de bloques de Waclis, para que entiendas qué tipo de contenido puedes crear, cómo se organiza una página y desde dónde se editan los distintos elementos.

Este editor es la base para armar y personalizar secciones del sitio web de forma visual y flexible, siempre dentro de ciertos alcances definidos.

¿Qué es el editor de bloques?

El editor de bloques de Waclis te permite construir contenido a partir de bloques independientes.

Cada bloque representa una sección de contenido, por ejemplo:

• un texto

• una imagen

• una combinación de texto e imagen

• una sección personalizada

• un bloque con contenido HTML editable

Los bloques se agregan uno debajo del otro y juntos forman la estructura visual de una página.

¿Qué puedes hacer con los bloques?

Con los bloques puedes:

• Agregar contenido nuevo a una página

• Editar textos, imágenes y estilos

• Reordenar secciones completas

• Duplicar o eliminar bloques

• Personalizar el contenido de cada bloque de forma independiente

Cada bloque funciona como una unidad propia dentro de la página.

Diferencia entre editar contenido y editar estructura

Es importante entender esta diferencia:

Editar contenido

Implica cambiar lo que se muestra dentro del bloque, por ejemplo:

• el texto

• los colores

• una imagen

• el contenido visible

Este tipo de edición se hace desde las opciones normales del bloque.

Editar estructura

Implica modificar cómo está construido el contenido del bloque internamente, por ejemplo:

• la estructura del HTML del bloque

• los contenedores

• las etiquetas

• clases o identificadores

Esto se hace desde el editor de código del bloque, cuando el bloque lo permite.

Qué tipo de contenido NO se edita con el editor de bloques

El editor de bloques no permite modificar contenido dinámico generado automáticamente por el sistema.

Por ejemplo, no es posible editar desde los bloques:

• la ficha de producto

• las tarjetas del listado de productos

• carruseles de productos dinámicos

• listados automáticos de productos o categorías

• componentes que se generan en base al catálogo

Este tipo de contenido se construye de forma dinámica a partir de la información del sistema y no se edita bloque por bloque.

Cómo se personaliza el contenido dinámico

La personalización del contenido dinámico se realiza mediante el editor de CSS, que corresponde a un nivel avanzado de personalización.

A través del editor de CSS es posible:

• modificar estilos visuales

• adaptar diseños de fichas de producto

• personalizar tarjetas de listados

• ajustar carruseles de productos dinámicos

Este tipo de personalización requiere conocimientos de CSS y no se gestiona desde el editor de bloques.

¿Qué NO es el editor de bloques?

El editor de bloques:

• no modifica la estructura general del sitio web

• no altera el HTML base del sistema

• no edita componentes dinámicos del catálogo

• no reemplaza el editor de CSS avanzado

Solo actúa sobre el contenido que se crea dentro de cada bloque.

Cómo se organizan las páginas en Waclis

Una página en Waclis se compone de:

1. La estructura general del sitio (menú, encabezado, pie)

2. El contenido central armado con bloques

3. Componentes dinámicos generados automáticamente (como productos)

Cuando editas una página, trabajas principalmente sobre el contenido estático armado con bloques.

Recomendación inicial

Si recién comienzas a usar el editor de bloques:

• Usa bloques para contenido estático y secciones informativas

• No intentes modificar productos o listados desde los bloques

• Si necesitas personalizar productos, evalúa el uso del editor de CSS

• Separa el contenido en bloques distintos cuando necesites ediciones independientes

Esto evita bloqueos y confusiones frecuentes.

Eliminación de Imágenes en el Editor

Para eliminar permanentemente una imagen contenida en el diseño del editor de bloques, puedes seleccionar directamente la imagen dentro del bloque y oprimir la tecla Suprimir (o Backspace) en tu teclado. Alternativamente, la vía más precisa es utilizar la herramienta de vista Navigator para localizar el bloque de la imagen en la estructura y eliminarla.