Medios con texto

Este componente te permite crear diseños dinámicos en tu tienda mediante el uso de múltiples elementos, para los cuales puedes definir cómo se mostrarán dentro de la sección.

Para entender mejor cómo funciona, nos referiremos como Contenido a la columna donde se muestran elementos como Subtítulo, Título, Texto y Enlace; y como Medios a aquella donde se muestran Imágenes o Video.

Al hacer clic en el nombre del componente encontrarás opciones generales para personalizarlo, las cuales determinarán cómo se verá y se comportará la sección. Las opciones disponibles para este componente son las siguientes:

Posición de medios

Esta opción permite definir la posición en la que se mostrará el Medio:

• Izquierda: se mostrará en el lado izquierdo de la sección en dispositivos de escritorio, y antes del Contenido en dispositivos móviles.
• Derecha: se mostrará en el lado derecho de la sección en dispositivos de escritorio, y después del Contenido en dispositivos móviles.
  • Al elegir esta opción, se mostrará otra con la que puedes forzar que la columna de Medios se mantenga después del Contenido en dispositivos móviles. Si se desactiva, se posicionará antes.

Nota: ambas secciones usarán 6 columnas del total de 12 dentro del espacio disponible de la sección.

---

Opciones de medios

Este grupo permite definir qué tipo de elemento Medios usarás dentro del componente.

Imagen

Con esta opción podrás subir imágenes para dispositivos de escritorio y móviles. Si no se sube una imagen móvil, la primera se usará en todos los dispositivos.

Video incrustado

Al elegir esta opción, se mostrará un campo donde puedes añadir el Código incrustado de plataformas como YouTube o Vimeo.

URL de video

Esta opción permite mostrar un video de plataformas como YouTube o Vimeo, simplemente copiando y pegando la dirección URL desde el navegador. También puedes mostrar videos desde cualquier otra URL donde haya un video, por ejemplo, si lo tienes almacenado en otro servidor o dominio.

Nota: ambas opciones de video mostrarán otra llamada Proporción del video, con la cual podrás definir las dimensiones del video.

---

Opciones de contenido

Este grupo contiene varias opciones para que puedas añadir Contenido y definir cómo se mostrará.

Alineación

Encontrarás dos opciones para definir la alineación tanto en dispositivos de escritorio como móviles.

Posición vertical (escritorio)

Esta opción permite definir la posición vertical de la columna de Contenido en relación con la de Medios. Esto será notorio cuando la altura de esta sea menor que la columna de Medios.

Elementos de contenido

También encontrarás los campos para añadir un Subtítulo, Título, Texto y Enlace (botón) dentro de la columna.

Al elegir un Enlace, se mostrarán las siguientes opciones para personalizarlo:

• Texto del enlace: texto que se mostrará dentro del botón.
• Estilo contorno: mostrará un borde alrededor del botón y un fondo transparente.
• Flecha en el botón: muestra un ícono de flecha al lado derecho del texto del botón.
• Enlace externo: si está habilitado, el enlace se abrirá en una nueva pestaña del navegador.

---

Apariencia

Este grupo contiene las siguientes opciones para personalizar el componente:

• Margen superior: permite controlar el margen superior de la sección.
• Margen inferior: permite controlar el margen inferior de la sección.
• Colores del contenido: permite elegir el Pack de colores para el componente.

---

Animaciones

La opción Personalizar opciones permite ajustar las animaciones para este componente específico. Puedes leer cuáles están disponibles en esta página.