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 video), añade efectos visuales y crea transiciones suaves entre secciones mediante divisores de forma.
Para editar una sección:
- Ve a la sección que deseas modificar.
- Haz clic en el icono de engranaje de la sección.
- Elige una de las pestañas disponibles: Ajustes, Fondo o Divisores de forma (las opciones varían según el diseño).
Ajustes de la sección
La pestaña Ajustes controla el aspecto y el comportamiento de la sección.
Nota: Los ajustes disponibles dependen del tipo de página y del diseño seleccionado.
Ajustes comunes
- Mostrar/Ocultar el título de la sección
Muestra u oculta el título de la sección.
- Número de elementos por fila
Elige cuántos elementos aparecen por fila.
Disponible solo en páginas con elementos internos y en ciertos diseños.
- Color del recuadro de diseño
Define 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 ciertos diseños.
Ajustes 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 ciertos diseños.
- Animación de imagen (Parallax)
Añade una animación de desplazamiento a la imagen de fondo.
Disponible solo en ciertos diseños.
- Estilo del recuadro
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 video.
Nota: Las opciones de fondo solo están disponibles en diseños específicos.
Color de fondo (icono de pincel)
Usa el icono de 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 que queda por 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, Borrosa o Blanco y negro artístico.
- Parallax
Añade una animación de desplazamiento a la imagen de fondo. Puedes elegir entre una lista de direcciones, como Arriba, Abajo, Arriba a la izquierda, Abajo a la derecha y más.
Disponible solo cuando se utiliza el estilo de imagen Cubrir. - Estilo
Elige cómo la imagen llena la sección:- Cubrir: llena la sección
- Duplicar: repite la imagen en todo el fondo
- Contenida: coloca la imagen dentro de un área específica
- Posición
Define dónde aparece la imagen.
Disponible solo para los estilos Duplicar y Contenida.
- Color del texto
Define el color del texto para esa sección (útil para mejorar la legibilidad sobre imágenes).
Video de fondo (icono de cámara de video)
Usa el icono de cámara de video para añadir un video desde la biblioteca o subir el tuyo, y luego ajusta:
- Opacidad
- Efecto: Normal, Borroso o Blanco y negro artístico
- Color del texto
Divisores de forma entre secciones
Usa Divisores de forma para crear una transición suave y con estilo entre secciones.
- Abre el menú del icono de engranaje de la sección.
- Ve a Divisores de forma.
- Elige un estilo de divisor.
- Usa el control deslizante de Altura para ajustar su tamaño.
El divisor 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 divisor a la sección superior.
Nota
Los ajustes de sección, el diseño del fondo y los divisores de forma no están disponibles actualmente para la Tienda online.
