Skip to main content

C11. Builder - Tipos de bloques


Para añadir boque hacer clic en la zona central de la columna o clic en el botón de icono de engranaje opción del menú, "Añadir bloque". 


Se pueden añadir múltiples bloques en cada columna.


image-1665667154423.png




a) Editor de texto

Dispone de una interfaz para dar formato, y estilos a los textos, múltiples tipos de encabezados, listas, colores de tipografías y textos enlazados. 

image-1665664779822.png



b) Imagen

Permite presentar una imagen, con campo para etiqueta alt, y campo para especificar url del enlace (opcional).

image-1665665016817.png


Interfaz de bloque de imagen

Elemento

Función
Campo "SRC"

 Refleja la url de la imagen subida. Es un campo editable.


Botón 

image.png

Abre el explorador de archivos de Builder.
Permite:
Subir archivos JPG, PNG y SVG.
Organizar los archivos en carpetas.
Eliminar archivos subidos y eliminar carpetas.
Buscar archivos y carpetas


c) Lista de iconos

Permite crear una lista de enlaces con iconos.

La url del icono se puede dejar en blanco para desactivar. Se puede usar una url o emplear un nombre de icono de fontAwesome.

image-1665665203490.png

d) Producto

Permite presentar productos de la tienda. en modo tarjeta. 

image-1665665408589.png

La interfaz para añadir producto es de tipo buscador. Los cambios se guardan automáticamente.

image-1665665561115.png

e) Categoría

Permite mostrar una categoría. Para seleccionar la categoría hacer clic en buscar para acceder al buscador. 
Dispone de dos modos de presentar la categoría. Mostrar árbol completo y/o mostrar imágenes.

image-1665665641314.png


f) Editor de código HTML

Permite crear contenido con lenguajes de programación para diseño web. Los estilos han de aplicarse en línea.

image-1665666052115.png

g) Slider

Permite crear un slider.

image-1665666169697.png

image-1665666230223.png

Dispone de una interfaz de ajustes de opciones de modos de comportamiento del carrusel, velocidad de transición de diapositivas, dirección, e intervalo entre otros.

image-1665666408359.png

image-1665666290422.png


h) Marcas

Permite mostrar marcas en modo lista o slider. Permite añadir una marca de las creadas en la sección de Marcas de la aplicación.

image-1665666834694.png

Interfaz de ajustes abierta.

image-1665666807530.png