Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.

Desplazamiento en paralelo

Las plantillas de la familia Brine usan un efecto gráfico especial en las imágenes del encabezado que se conoce como "desplazamiento en paralelo". El desplazamiento en paralelo consiste en una imagen de fondo que se mueve más lentamente que el contenido que está en el frente, lo que crea una ilusión de profundidad e inmersión.

La versión 7.1 no admite el desplazamiento en paralelo.

Este es un ejemplo de desplazamiento en paralelo en la plantilla Burke:

parallax_scroll_download.gif

Antes de comenzar

  • Para averiguar si tu plantilla acepta el desplazamiento en paralelo, ve nuestra lista de plantillas de la familia Brine.
  • Habilitar el desplazamiento en paralelo afecta a todos los banners de tu sitio.
  • El desplazamiento en paralelo funciona en dispositivos móviles.
  • La familia Marquee descontinuada también es compatible con el desplazamiento en paralelo. Para informarte mejor, consulta la guía de la plantilla Marquee.

Páginas compatibles

El desplazamiento en paralelo está disponible en las páginas que admiten banners:

  • Páginas de Índice (imágenes de fondo detrás de las secciones Página de Diseño).
  • Páginas de Diseño
  • Páginas de Productos
  • Páginas de Eventos
  • Páginas de Álbum
  • Páginas de Blog
  • Páginas de Galería

Habilitar o deshabilitar el desplazamiento en paralelo

Si los banners de tu sitio no muestran el efecto de desplazamiento en paralelo, habilítalo en Estilos del sitio de la familia Brine:

  1. En el Menú de Inicio, haz clic en Menúy, luego, en Diseño y en Estilos del sitio.
  2. Desplázate hasta la sección Principal: Superposición.
  3. Marca Activar desplazamiento en paralelo.
  4. También te conviene marcar Recorte inteligente del desplazamiento en paralelo para minimizar los recortes.
  5. Haz clic en Guardar

Para deshabilitar el desplazamiento en paralelo de tu sitio, sigue los mismos pasos, pero desmarca Activar desplazamiento en paralelo.

Cómo agregar imágenes en miniatura

Para crear el efecto de desplazamiento en paralelo, añade una imagen en miniatura a tu página o sección:

Si no ves el efecto de desplazamiento en paralelo, verifica que esté activado.

Destaca el efecto

Hay varios modos para destacar el efecto del desplazamiento en paralelo.

Mezclar contenidos

Mezcla imágenes del desplazamiento en paralelo con contenidos e imágenes que no se desplazan en paralelo. El contenido que se mueve más rápido aparenta desplazarse sobre las imágenes que se desplazan en paralelo.

Por ejemplo, en un Índice puedes combinar secciones de contenido con desplazamiento en paralelo y secciones de galería que no tienen este efecto o secciones de contenidos sin imágenes de fondo.

Añadir contenidos en la superposición

Otro modo de destacar el desplazamiento en paralelo es añadir texto, botones u otros contenidos a una imagen como una superposición. Este contenido se desplaza con la misma velocidad que el resto de la página, más rápidamente que la imagen. En la familia Brine, puedes agregar este contenido con bloques:

Añadir un filtro de color

Puedes añadir un filtro de color a todos los banners de tu sitio con Color de superposición en la sección Principal: Superposición de Estilos del sitio.

Recortar

Para comprender cómo el recorte afecta a las imágenes con desplazamiento paralelo, ayuda pensar en tu sitio como una hoja de papel con un rectángulo recortado en ella. La imagen que se desplaza en paralelo es una capa separada e inferior, que solo se puede ver a través del agujero del papel.

Para que el papel se desplace más rápidamente que la imagen, la imagen debe ser más alta que el agujero. El espacio adicional arriba y abajo de la imagen es lo que se revela cuando mueves el papel hacia arriba y hacia abajo.

Debido a esto, los cambios en el recorte y en el punto focal tal vez no tengan un impacto notable sobre la posición de una imagen con desplazamiento en paralelo. Tu sitio ha sido diseñado de manera tal que comprobar que la imagen tenga márgenes a los lados para poder mostrar el efecto del desplazamiento en paralelo.

Consejo: Marca Recorte inteligente del desplazamiento en paralelo en Estilos del sitio para minimizar el recorte a la izquierda y a la derecha.

Problemas con el desplazamiento

Si ves problemas de desplazamiento cuando el desplazamiento en paralelo está habilitado, tal vez debas reducir el tamaño de la página. Los navegadores pueden cargar las páginas con desplazamiento en paralelo lentamente, en especial, si el tamaño total de la página es de 15 MB o más. Si el desplazamiento sigue sin verse bien o si no tienes la opción de reducir el tamaño de la página, considera desactivar el desplazamiento en paralelo

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 86 de 214