Puedes personalizar cualquier sección de tu sitio web para que se adapte a tu estilo: ajusta cómo se muestra, cambia el fondo (color, patrones, imágenes o vídeo), añade efectos visuales y crea transiciones suaves entre secciones mediante separadores de formas.
Para editar una sección:
- Ve a la sección que quieres cambiar.
- Haz clic en el icono de engranaje de la sección.
- Elige una de las pestañas disponibles: Configuración, Fondo o Separadores de formas (las opciones varían según el diseño).
Configuración de la sección
La pestaña Configuración controla cómo se ve y cómo funciona la sección.
Nota: La configuración disponible depende del tipo de página y del diseño seleccionado.
Configuración común
- Mostrar/Ocultar el título de la sección
Muestra u oculta el título de la sección.
- Número de elementos en una fila
Elige cuántos elementos aparecen por fila.
Disponible solo en páginas con elementos internos y en determinados diseños.
- Color del cuadro del diseño
Establece el color de fondo del cuadro de texto.
Disponible solo en diseños que incluyen un cuadro de texto.
- Visualización en móvil
Controla cómo aparece la sección en dispositivos móviles.
Disponible solo en páginas con elementos internos y en determinados diseños.
Configuración de la página de inicio y de la página Promo
Las páginas de inicio y Promo incluyen opciones adicionales específicas de la sección:
- Posición del texto
Elige dónde aparece el texto (dirección/alineación).
- Altura mínima
Establece la altura de la sección (30%–100%).
- Ancho de la imagen
Controla cómo se muestra una imagen.
Disponible solo en determinados diseños.
- Animación de imagen (Parallax)
Añade una animación de desplazamiento a la imagen de fondo.
Disponible solo en determinados diseños.
- Estilo del cuadro
Añade un borde al cuadro de texto.
Disponible solo en diseños con cuadros de texto.
Fondo de la sección
La pestaña Fondo te permite dar estilo al fondo de la sección usando un color, patrón, imagen o vídeo.
Nota: Las opciones de fondo están disponibles solo en determinados diseños.
Color de fondo (icono del pincel)
Usa el icono del pincel para elegir un color de fondo para la sección.
Patrones (icono de cuadrícula)
Usa el icono de cuadrícula para añadir un patrón y luego personalizarlo:
- Color de fondo del diseño
Cambia el color de fondo debajo del patrón.
- Tema de color
Define el estilo de color del patrón:- Principal: variaciones de los colores principales de tu sitio web
- Contraste: una variación en contraste del color principal
- Mono: un patrón de un solo color
- Opacidad de la forma
Controla cuán transparentes son los elementos del patrón.
- Animar + Velocidad de animación
Activa la animación del patrón y ajusta su velocidad.
Imagen de fondo (icono de imagen)
Usa el icono de imagen para añadir una imagen de fondo desde la biblioteca o subir la tuya, y luego ajusta:
- Opacidad
Controla la transparencia de la imagen.
- Efecto
Elige cómo se muestra la imagen: Normal, Borroso o Blanco y negro artístico.
- Parallax
Añade una animación de desplazamiento a la imagen de fondo.
Disponible solo al usar el estilo de imagen Cover.
- Estilo
Elige cómo la imagen rellena la sección:- Cover: rellena la sección
- Duplicar: repite la imagen en el fondo
- Contenido: coloca la imagen dentro de un área específica
- Posición
Define dónde aparece la imagen.
Disponible solo para los estilos Duplicar y Contenido.
- Color del texto
Establece el color del texto para esa sección (útil para mejorar la legibilidad sobre imágenes).
Vídeo de fondo (icono de cámara de vídeo)
Usa el icono de cámara de vídeo para añadir un vídeo desde la biblioteca o subir el tuyo, y luego ajusta:
- Opacidad
- Efecto: Normal, Borroso o Blanco y negro artístico
- Color del texto
Separadores de formas entre secciones
Usa Separadores de formas para crear una transición suave y con estilo entre secciones.
- Abre el menú del icono de engranaje de la sección.
- Ve a Separadores de formas.
- Elige un estilo de separador.
- Usa el control deslizante Altura para ajustar su tamaño.
El separador se añade en la parte inferior de la sección seleccionada. Para un flujo visual más completo, también puedes añadir un separador a la sección superior.
Nota
La configuración de secciones, el diseño del fondo y los separadores de formas no están disponibles actualmente para la tienda de comercio electrónico.
