Características de la tienda online

Puedes agregar características a cualquier página de tu tienda online, usando secciones. Puedes elegir, agregar y configurar secciones con imágenes, texto, colores de la marca, entre otros.

Algunas páginas tendrán secciones predeterminadas, como la barra de anuncios, el encabezado y el pie de página. Estas secciones aparecen en cada página.

Barra de anuncios

La barra de anuncios te permite comunicar información importante a tus clientes desde cualquier página. La sección no tiene configuraciones por sí sola, pero puedes personalizar hasta 12 bloques de anuncios diferentes para mostrar. Puedes agregar un enlace a una barra de anuncios para que se pueda hacer clic y llevar a los clientes a una página específica.

Bloque de anuncios

La configuración del bloque de anuncios en la sección de la barra de anuncios
Configuración Descripción
Texto El anuncio que deseas mostrar a tus clientes.
Esquema de colores El esquema de colores que se usará para la barra de anuncios.
Enlace El enlace al que deseas que los clientes naveguen si hacen clic en la barra de anuncios.

Encabezado

El encabezado se muestra en todas las páginas de tu tienda online.

Configuración de la sección

La configuración de la sección del encabezado
Configuración Descripción
Esquema de colores Elige el fondo del encabezado de tu tienda. Usa el menú desplegable para seleccionar entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso.
Imagen del logo La imagen de la sección. Haz clic en Seleccionar imagen para ver tu biblioteca multimedia, o haz clic en el botón Cambiar para modificar o eliminar la imagen.
Editar texto alternativo Agrega una breve descripción para mejorar la SEO y describir los elementos multimedia para los clientes que usen lectores de pantalla.
Ancho del logo personalizado El ancho del logo. Puede ser cualquier múltiplo de 10, desde 50 px hasta 250 px. El valor predeterminado es 100 px.
Posición de logo en computadora

Donde se muestra el logo en el encabezado cuando un cliente ve el sitio en una pantalla grande. La posición del logo se optimiza automáticamente para dispositivos móviles.

  • Centrado a la izquierda - Muestra el logo en línea con el menú principal, centrado verticalmente y alineado a la izquierda.
  • Arriba a la izquierda . Muestra el logo encima del menú principal y alinea el logo y las opciones del menú a la izquierda.
  • Centrado en la parte superior (predeterminado) - Muestra el logo encima del menú principal y alinea el logo y las opciones del menú en el centro.
Menú El menú que se usará como menú principal. Haz clic en Cambiar para seleccionar un menú diferente.
Tipo de menú de escritorio Usa el menú desplegable para elegir entre los tipos de menú de escritorio Menú desplegable y Mega menú. La opción Menú desplegable muestra el contenido del menú de segundo nivel y el tercer nivel se contrae hasta que se hace clic en el elemento de segundo nivel correspondiente. El Mega menú muestra todo el contenido del menú de segundo y tercer nivel al primer clic. El tipo de menú se optimiza automáticamente para dispositivos móviles.
Mostrar línea separadora Muestra una línea para separar visualmente el encabezado del contenido de la página.
Activar encabezado fijo Vuelve a mostrar el encabezado cuando el cliente se desplaza de nuevo. Desaparece cuando el cliente se desplaza hacia abajo.
Espaciado Agrega espacio debajo del encabezado. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio al margen inferior.
Relleno de sección Agrega espacio en la parte superior o inferior del encabezado. Usa la escala deslizable para agregar entre 0px y 100px de espacio a la parte superior o inferior del encabezado.

Pie de página

El pie de página se muestra en todas las páginas de tu tema.

Configuración de la sección

La configuración de la sección del pie de página
Configuración Descripción
Esquema de colores El fondo del pie de página se puede elegir entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso.
Mostrar suscriptor de correo electrónico Incluye un formulario de suscripción de correo electrónico donde los clientes pueden suscribirse a tu boletín y marketing.
Encabezado El título del formulario Mostrar formulario de suscripción de correo electrónico. Si Mostrar suscripción de correo electrónico no está activada, esto no se mostrará.
Íconos de redes sociales Muestra íconos para cualquier plataforma de redes sociales para las que hayas introducido un enlace de perfil en la configuración de tu tema.
Activar selector de país/región Agrega un selector donde un cliente puede elegir los países y regiones que has activado en tu configuración de pagos, para que los clientes puedan ver los precios de tus productos en la moneda de su elección.
Activar selector de idioma Agrega un selector donde un cliente puede elegir los países y regiones que has activado en tu configuración de idiomas, para que los clientes puedan navegar por tu tienda en el idioma que elijan.
Mostrar íconos de pago Muestra los íconos de las formas de pago habilitadas en tu tienda. Cuando un cliente visita tu tienda, estos íconos se filtran para que solo se muestren las formas de pago admitidas en la región y moneda del cliente actual.
Espaciado Agrega espacio encima del pie de página. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio al margen superior.
Relleno de sección Agrega espacio a la parte superior o inferior del pie de página. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio a la parte superior o inferior del pie de página.

Bloque de menú

La configuración del bloque de menú en la sección del pie de página
Configuración Descripción
Encabezado El título del bloque.
Menú El menú que se mostrará en el bloque. Solo los elementos del menú de nivel superior se muestran en el pie de página, por lo que los tipos de menú desplegable no se mostrarán como se espera.

Bloque de texto

El bloque de texto puede usarse para resaltar información importante, como detalles de la tienda, promociones o información de contacto.

La configuración del bloque de texto en la sección del pie de página
Configuración Descripción
Encabezado El título del bloque.
Subtexto El texto que se mostrará en el bloque.

Bloque de imágenes

La configuración del bloque de imágenes en la sección del pie de página
Configuración Descripción
Imagen La imagen que se mostrará en el bloque.
Ancho de imagen Establece el ancho de la imagen. Puede ser cualquier múltiplo de 5, de 50 px a 200 px. El valor predeterminado es 100 px.
Alineación de imagen en pantalla grande

Alinea la imagen dentro del bloque:

  • Izquierda - Alinea la imagen a la izquierda del bloque.
  • Centrado (predeterminado) - Alinea la imagen al centro del bloque.
  • Derecha - Alinea la imagen a la derecha del bloque.

Entradas del blog

Si tienes un blog en tu tienda Shopify, puedes usar una sección de artículo de blog para resaltar los artículos de ese blog. Cada entrada del blog en la sección de artículos del blog muestra las primeras 55 palabras del extracto de un artículo. Si el artículo del blog no tiene un extracto, se mostrarán las primeras 30 palabras del artículo.

Configuración de la sección

La configuración de la sección de artículos del blog
Configuración Descripción
Encabezado El título de la sección
Tamaño del título Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.
Blog En qué blog deseas mostrar los artículos del blog. El valor predeterminado es el primer blog que aparece alfabéticamente en tu página Blogs.
Entradas del blog El número de artículos del blog que quieres mostrar en la sección. Máximo: 4 artículos.
Número de columnas en la versión para computadora Número de columnas para mostrar en computadoras de escritorio. Mínimo: 1. Máximo: 4.
Esquema de colores El color del fondo de la sección del blog. Elige entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso.
Mostrar imagen destacada Muestra la imagen destacada del artículo del blog. Relación de aspecto sugerido para la imagen: 3:2.
Mostrar fecha Muestra la fecha en que se creó el artículo del blog.
Mostrar autor Muestra el autor del artículo del blog.
Habilitar el botón "Ver todos" si el blog tiene más artículos de los que se muestran Si el blog tiene más artículos del blog de los establecidos en el campo Artículo del blog, se mostrará un botón "Ver todo" que lleva a los clientes a la página del blog.
Relleno de sección Agrega espacio a la parte superior o inferior de la sección del artículo del blog. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio encima o debajo de la sección del artículo del blog.

Seleccionar un un blog

  1. En tu editor de temas, haz clic en el título de la sección de artículos del blog.
  2. En la sección Blog, haz clic en Cambiar.
  3. Selecciona el blog.
  4. Haz clic en Seleccionar y luego haz clic en Guardar

Collage

Puedes crear un collage de videos, imágenes, productos y colecciones. Cada sección de Collage contiene tres bloques. De forma predeterminada, la sección contiene un video, producto y bloque de colección.

Para crear un collage de más de tres bloques, añade secciones de collage adicionales debajo de la primera y no incluyas un valor de encabezado en las secciones de collage más bajas. Las secciones de collage aparecerán juntas como una sola sección.

Configuración de la sección

La configuración de la sección collage
Configuración Descripción
Encabezado El título de la sección
Tamaño del título Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.
Diseño para computadora

Cómo se muestra el elemento multimedia de collage en la computadora

  • Bloque grande izquierdo (predeterminado) - El primer bloque en la sección se muestra a la izquierda y más grande que cualquier otro bloque.
  • Bloque grande derecho: el último bloque en la sección se muestra a la derecha y más grande que cualquier otro bloque.
  • Diseño para móviles

    Cómo se muestran los bloques en el móvil.

    • Collage - Muestra las imágenes en un diseño de collage:
      • Si el bloque grande a la izquierda está activado en el diseño de escritorio, el primer bloque de la sección se muestra en la parte superior y es mayor que cualquier otro bloque.
      • Si Bloque grande derecho está activado en Diseño de escritorio, el último bloque de la sección se muestra en la parte inferior y más grande que cualquier otro bloque.
    • Columna: muestra todos los elementos multimedia del mismo tamaño y en una columna.
    Esquema de colores El color de fondo del collage. Elige entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso.
    Relleno de sección Agrega espacio a la parte superior o inferior de la sección del collage. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio a la parte superior o inferior de la sección.

    Bloque de video

    La configuración del bloque de video en la sección collage.
    Configuración Descripción
    Imagen de portada La imagen que se muestra antes de que un cliente reproduzca el video.
    URL El enlace de YouTube o Vimeo que dirige al video. El video debe estar disponible de manera pública y se reproducirá en una ventana emergente.
    Texto alternativo del video El texto alternativo del video. Describe el contexto y el propósito del video para los clientes que usan lectores de pantalla.
    Usar la relación de aspecto de imagen original Selecciona esta opción si no deseas que se recorte la imagen.

    Bloque de productos

    La configuración del bloque de producto en la sección de collage
    Configuración Descripción
    Producto El producto que deseas mostrar.
    Mostrar segunda imagen al pasar el cursor Cuando el cliente pasa el cursor sobre la imagen del producto, se muestra la segunda imagen del producto, si es que la hay.

    Bloque de colección

    Los ajustes para el bloque de colección en la sección collage
    Configuración Descripción
    Colección La colección que deseas mostrar.

    Bloque de imágenes

    La configuración del bloque de imagen en la sección de collage
    Configuración Descripción
    Imagen La imagen de la sección. Haz clic en Seleccionar imagen para elegir una imagen, o haz clic en el botón Cambiar para modificar o eliminar la imagen.
    Editar texto alternativo Agrega una breve descripción de la imagen para mejorar el SEO y describir la imagen para los clientes que usan lectores de pantalla.
    Usar la relación de aspecto de imagen original Selecciona esta opción si no deseas que se recorte la imagen.

    Contenido desplegable

    La sección de contenido desplegable admite filas que se pueden contraer o expandir para mostrar su contenido y una imagen que se puede colocar a la izquierda o a la derecha del contenido desplegable.

    Configuración de la sección

    La configuración de la sección de contenido desplegable
    Configuración Descripción
    Leyenda Un subtítulo opcional para la sección de contenido desplegable. Se muestra encima del encabezado de la sección.
    Encabezado El título de la sección de contenido desplegable
    Tamaño del título Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.
    Alineación del encabezado Elige la alineación del encabezado de la sección. Las opciones son: a la izquierda, en el centro (predeterminada) o a la derecha.
    Diseño

    Selecciona un diseño para tu contenido desplegable:

    • sin contenedor (predeterminado);
    • contenedor de fila: contiene cada fila desplegable en una caja con sombreado;
    • contenedor de sección: contiene toda la sección de contenido desplegable en una caja con sombreado.
    Esquema de colores El color de fondo de la sección de contenido desplegable. Elige entre Resaltado 1, Resaltado 2, Fondo 1, Fondo 2 o Inverso.
    Esquema de color del contenedor El color de fondo del contenedor de contenido desplegable. Elige entre Resaltado 1, Resaltado 2, Fondo 1, Fondo 2 o Inverso. El esquema de colores seleccionado solo se muestra si la opción Diseño está configurada como contenedor de Fila o de Sección.
    Abrir primera fila desplegable Si está marcada, la primera fila de tu contenido desplegable se expandirá de forma predeterminada.
    Imagen La imagen de la sección. Haz clic en Seleccionar imagen para elegir una imagen, o haz clic en el botón Cambiar para modificar o eliminar la imagen.
    Editar texto alternativo Agrega una breve descripción de la imagen para mejorar el SEO y describir la imagen para los clientes que usan lectores de pantalla.
    Relación de aspecto de imagen La relación de aspecto de la imagen de sección:
    • Adaptar a la imagen (predeterminado): utiliza la relación de aspecto de las imágenes. Esto impide que se recorten. Esto impide que se recorten.
    • Pequeña
    • Larga
    Diseño para computadora Elige si aparece primero la imagen o las filas desplegables. La configuración predeterminada muestra el texto primero. En dispositivos móviles, la imagen siempre aparece primero.
    Relleno de sección Agrega espacio a la parte superior o inferior del contenido desplegable. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio encima o debajo de la sección del contenido desplegable.

    Bloque de filas desplegables

    La configuración del bloque de filas desplegable
    Configuración Descripción
    Encabezado Un encabezado para la fila desplegable.
    Icono Elige un ícono de la lista desplegable para que se muestre delante del encabezado del contenido desplegable. El ícono de marca de verificación está seleccionado de forma predeterminada.
    Contenido de fila Contenido de la fila desplegable. El contenido puede incluir enlaces URL y se le puede dar formato. Esta función se puede usar junto con la función de Contenido de páginas para la fila.
    Contenido de fila de la página Puedes insertar contenido existente de otra página en una fila desplegable. Haz clic en Cambiar para seleccionar o eliminar una página. Esta función se puede usar junto con la función de Contenido de la fila.

    Lista de colecciones

    Puedes agregar una lista de colecciones que desees resaltar. Puedes agregar hasta 16 bloques de colección a una lista de colección.

    Configuración de la sección

    La configuración de la sección de la lista de colecciones
    Configuración Descripción
    Encabezado El título de la sección
    Tamaño del título Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.
    Relación de aspecto de imagen La relación de aspecto de las imágenes destacadas de las colecciones:
    • Adaptar a la imagen: utiliza la relación de aspecto de las imágenes. Esto impide que se recorten.
    • Retrato - Recorta las imágenes para usar una proporción de 2:3.
    • Cuadrado (predeterminado) - Recorta las imágenes para que usen una relación de 1:1.
    Número de columnas en la versión para computadora Número de columnas para mostrar en computadoras de escritorio. Mínimo: 1. Máximo: 5.
    Esquema de colores El color de fondo de la sección de la lista de colecciones. Elige entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso.
    Habilitar el botón "Ver todos" si la lista incluye más colecciones de las que se muestran Muestra el botón Ver todo, que dirige a los clientes a la lista de colecciones completa.
    Número de columnas en la versión para móviles Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 2 columnas.
    Activar uso de banda magnética en el móvil Cambia la pantalla del móvil de una columna a una fila, donde los clientes pueden deslizarse hacia los lados para ver más bloques de colección.
    Relleno de sección Agrega espacio a la parte superior o inferior de la lista de colección. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio encima o debajo de la sección de la colección.

    Seleccionar colecciones

    1. Desde tu editor de temas, haz clic en el bloque de colección al que deseas agregar una colección.
    2. Haz clic en Seleccionar colección.
    3. Haz clic en una colección, y luego haz clic en Seleccionar.

    Formulario de contacto

    Tu formulario de contacto envía todos los mensajes a la dirección de correo electrónico del remitente de tu tienda. Puedes cambiar esta dirección en la página de configuración Información de la tienda del panel de control de Shopify.

    El formulario tiene los siguientes campos:

    • Nombre
    • Correo electrónico (obligatorio)
    • Número de teléfono
    • Comentario

    Configuración de la sección

    La configuración de la sección del formulario de contacto
    Configuración Descripción
    Encabezado El título de la sección
    Tamaño del título Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.
    Esquema de colores El color de fondo de la sección del formulario de contacto. Selecciona entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso.
    Relleno de sección Agrega espacio a la parte superior o inferior del formulario de contacto. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio encima o debajo de la sección del formulario de contacto.

    Liquid personalizado

    Puedes agregar tu propio código de Liquid para crear una sección personalizada.

    • Agrega fragmentos de aplicaciones que se proporcionan en las instrucciones de tus aplicaciones descargadas para introducir aplicaciones a tus páginas fácilmente.
    • Agrega un código de Liquid personalizado directamente en el editor.

    Configuración de la sección

    La configuración de la sección de Liquid personalizada
    Configuración Descripción
    Liquid personalizado Agrega fragmentos de la aplicación u otros códigos de Liquid para crear personalizaciones avanzadas.
    Esquema de colores El color de fondo de la sección del formulario de contacto. Selecciona entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso.
    Relleno de sección Agrega espacio a la parte superior o inferior de la sección de Liquid personalizada. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio encima o debajo de la sección de Liquid personalizada.

    Banner de suscripción de correo electrónico

    Puedes agregar una sección a tu página de contraseña para que los clientes puedan introducir su dirección de correo electrónico y así recibir una notificación cuando tu tienda esté abierta. Cada suscripción de correo electrónico crea una cuenta de cliente.

    La sección viene con tres bloques predeterminados:

    • Encabezado
    • Subtítulo
    • Formulario de correo electrónico

    Configuración de la sección

    La configuración de la sección del banner de suscripción de correo electrónico
    Configuración Descripción
    Imagen de fondo La imagen de fondo del banner de suscripción de correo electrónico. Haz clic en Cambiar para reemplazar o eliminar la imagen. Cuando se elimina la imagen, se muestra la imagen que viene con el tema. Para ocultar esta imagen, deselecciona la casilla de verificación Mostrar imagen de fondo.
    Editar texto alternativo Haz clic en esta configuración para definir el texto alternativo de la imagen para la optimización de motores de búsqueda (SEO) y para describir la imagen para los clientes que usan lectores de pantalla.
    Opacidad de la sobreposición de imagen Superpone la imagen del banner de suscripción de correo electrónico con una sobreposición. Usa el control deslizante para establecer la opacidad de la sobreposición. Los valores predeterminados son 0%.
    Mostrar imagen de fondo Marca esta casilla para mostrar la imagen de fondo en tu banner de suscripción de correo electrónico.
    Altura del banner

    Usa el menú desplegable para establecer la altura de la imagen de tu banner de suscripción de correo electrónico. Elige entre Adaptar a la imagen, pequeña, mediana (predeterminada) o grande.

    Posición del contenido en computadoras Establece la posición del banner de suscripción de correo electrónico para computadoras de escritorio. Elige entre arriba, en el medio o abajo y entre derecha, izquierda o centro. La opción predeterminada es en el medio y centrado.


    En la versión de escritorio, el cuadro de texto cubre parcialmente la imagen. En la versión móvil, el cuadro de texto se muestra debajo de la imagen.

    Mostrar contenedor en computadoras Coloca el texto de la imagen del banner de suscripción de correo electrónico en un cuadro de texto sobre la imagen para los clientes que compran desde una computadora de escritorio.
    Alineación del contenido en computadoras Establece la alineación del texto del banner de imagen para computadoras de escritorio. Elige entre derecha, izquierda o centro (predeterminada).
    Esquema de colores El color de fondo de la sección del banner de suscripción de correo electrónico. Elige entre Acento 1, Acento 2, Fondo 1 (predeterminado), Fondo 2 o Inverso.


    En la versión de escritorio, el esquema de colores seleccionado está visible solo cuando se selecciona la opción Mostrar contenedor en la versión de escritorio. En la versión móvil, el esquema de colores seleccionado solo se muestra cuando la opción Mostrar contenido debajo de la imagen en la versión móvil está seleccionada.

    Alineación del contenido en dispositivos móviles Establece la alineación del texto del banner de imagen para dispositivos móviles. Elige entre derecha, izquierda o centro (predeterminada).
    Mostrar contenido debajo en la versión móvil El contenido aparecerá debajo de la imagen del banner de suscripción de correo electrónico en dispositivos móviles.

    Bloque de encabezado

    La configuración del bloque de encabezado en la sección de la suscripción de correo electrónico
    Configuración Descripción
    Encabezado El título de la sección.
    Tamaño del título Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.

    Bloque de subtítulo

    La configuración del bloque de subtítulo en la sección de la suscripción de correo electrónico
    Configuración Descripción
    Descripción La descripción de la sección.
    Estilo de texto Cambia el estilo del texto en la sección de suscripción de correo electrónico. Elige entre Cuerpo (predeterminado) y Subtítulo.

    Suscriptor de correo electrónico

    Puedes agregar una sección donde los clientes puedan introducir su dirección de correo electrónico y suscribirse a tu boletín o marketing. Cuando un cliente se suscriba, se crea una cuenta de cliente en tu panel de control de Shopify.

    La sección viene con tres bloques predeterminados:

    • Encabezado
    • Subtítulo
    • Formulario de correo electrónico

    Configuración de la sección

    La configuración de la sección de suscripción de correo electrónico
    Configuración Descripción
    Esquema de colores El color de fondo de la sección del suscriptor de correo electrónico. Elige entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso.
    Definir ancho completo en sección Hace que la sección sea el ancho completo de la ventana del navegador.

    Bloque de encabezado

    La configuración del bloque de encabezado en la sección de la suscripción de correo electrónico
    Configuración Descripción
    Encabezado El título de la sección.
    Tamaño del título Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.

    Bloque de subtítulo

    La configuración del bloque de subtítulo en la sección de la lista de colecciones
    Configuración Descripción
    Descripción La descripción de la sección.

    Formulario de correo electrónico

    El bloque de formularios de correo electrónico muestra un campo donde los clientes pueden ingresar una dirección de correo electrónico para registrarse en tus materiales de marketing. Este bloque no tiene configuraciones personalizables.

    colección destacada

    Puedes agregar una sección que muestre los productos en una colección.

    Configuración de la sección

    La configuración de la sección de colección destacado
    Configuración Descripción
    Encabezado Título de la sección. Haz clic en el botón de fuente dinámica para insertar una fuente dinámica como título de la sección.
    Tamaño del título Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.
    Descripción Introduce un texto descriptivo para la colección destacada. Puedes dar formato al texto para que se muestre en negrita o cursiva, o incluir un enlace. Haz clic en el botón de fuente dinámica para insertar una fuente dinámica para la descripción de la colección destacada.
    Mostrar la descripción de la colección desde el panel de control Al marcar esta casilla, se usará la descripción de la colección que agregaste a la colección en el panel de control de Shopify, en lugar de cualquier texto introducido en el campo Descripción anterior.
    Estilo de descripción Usa el menú desplegable para elegir un estilo para la descripción de la colección destacada. Las opciones son cuerpo (predeterminada), subtítulo o mayúsculas.
    Colección De qué colección deseas mostrar los productos. Haz clic en Cambiar para remover o cambiar la colección.
    Máximo de productos para mostrar La cantidad de productos de la colección que se mostrarán. Mínimo: 2. Máximo: 12.
    Número de columnas en la versión para computadora Número de columnas para mostrar en computadoras de escritorio. Mínimo: 1. Máximo: 5.
    Definir ancho completo de productos Casilla de verificación para mostrar productos en el ancho completo de la ventana, independientemente de la configuración de ancho de página.
    Habilitar el botón "Ver todos" si la colección tiene más productos de los que se muestran Si la colección tiene más productos de los establecidos en el campo Máximo de productos para mostrar, se mostrará un botón "Ver todo" que lleva a los clientes a la página de colecciones.
    Estilo "Ver todo" Elige entre un enlace, un botón sólido y un botón de contorno.
    Activar carrusel en el dispositivo de escritorio Casilla de verificación para mostrar productos en un carrusel en pantallas con más de 989 píxeles de ancho.
    Esquema de colores El color de fondo de la sección de la colección destacada. Elige entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso.
    Relación de aspecto de imagen La proporción de aspecto de las imágenes del producto:
    • Adaptar a la imagen (predeterminado): utiliza la relación de aspecto de las imágenes. Esto impide que las imágenes se recorten.
    • Retrato - Recorta las imágenes para usar una proporción de 2:3.
    • Cuadrado - Recorta las imágenes para usar una proporción de 1:1.
    Mostrar segunda imagen al pasar el cursor Cuando el cliente pasa el cursor sobre la imagen del producto, se muestra la segunda imagen del producto, si es que la hay.
    Mostrar proveedor Muestra los proveedores de los productos.
    Mostrar calificación de productos Muestra la calificación promedio del producto en estrellas, con la cantidad de reseñas entre paréntesis; por ejemplo: ★★★★★ (8). También necesitas una aplicación de reseñas de productos, como Product Reviews para Shopify y definiciones de metacampos para reviews.rating_count y reviews.rating.
    Activar botón de agregado rápido El botón de agregado rápido permite a los clientes agregar un artículo al carrito desde la tarjeta de producto. Si el producto tiene variantes, el botón incluirá el texto "Seleccionar opciones" y mostrará los detalles del producto en una ventana emergente, donde el cliente podrá seleccionar las variantes que quiera, agregar artículos al carrito, realizar el pago inmediatamente con el botón "Comprar ahora" o hacer clic para ver todos los detalles del artículo. Ten en cuenta que esta configuración depende de que el botón "Comprar ahora" esté activado en la página de producto. Si el botón "Comprar ahora" no está activado en la plantilla de producto, los clientes tendrán la opción de agregar el producto al carrito, pero no tendrán disponible el flujo de pago rápido con el botón "Comprar ahora".
    Número de columnas en la versión para móviles Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 2 columnas.
    Activar uso de banda magnética en el móvil Cambia la pantalla móvil de una columna a una fila, donde los clientes pueden deslizar el dedo hacia los lados para ver más productos.
    Relleno de sección Agrega espacio a la parte superior o inferior de la sección de la colección destacada. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio encima o debajo de la sección de la colección destacada.

    Producto destacado

    Puedes agregar una sección que presenta un producto específico.

    Configuración de la sección

    La configuración de la sección de productos destacados
    Configuración Descripción
    Producto El producto que deseas destacado en la sección.
    Esquema de colores Selecciona el esquema de colores del producto destacado.
    Mostrar fondo secundario Muestra el producto destacado en tu color de fondo secundario.
    Posición del contenido multimedia en computadoras de escritorio Selecciona si quieres que el contenido multimedia del producto destacado se muestre a la izquierda o a la derecha. Solo se aplica a los usuarios que acceden a la página en una computadora de escritorio.
    Ocultar elementos multimedia de otras variantes Selecciona esta opción para ocultar los elementos multimedia de otras variantes una vez que se haya seleccionado una variante.
    Activar la reproducción de video en bucle Permite que el video vuelva a reproducirse. Los clientes deben hacer clic para iniciar la repetición.
    Relleno de sección Agrega espacio a la parte superior o inferior de la sección del producto destacado. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio en la parte superior o inferior de la sección.

    Bloques de secciones

    Puedes agregar los siguientes bloques en tu sección Productos destacados.

    Los bloques disponibles en la sección de productos destacados
    Bloque Configuración
    Texto Introduce el texto de tu producto destacado:
    • Texto:acepta texto o fuente dinámica.
    • Estilo de texto:elige entre cuerpo, subtítuloo mayúscula.
    Nombre Tamaño del título: puede ser Pequeño, Mediano o Grande.
    Precio Este bloque no tiene configuraciones personalizables.
    Selector de variante Elige entre botones o un menú desplegable.
    Selector de cantidad Este bloque no tiene configuraciones personalizables.
    Botones de compras Marca la casilla Mostrar botones de pago dinámico para mostrar cualquier opción de pago dinámico que hayas activado en la configuración de pagos.
    Compartir Texto en el que se puede hacer clic que permite a los clientes compartir el producto en sus redes sociales.
    Calificación de productos Muestra la calificación promedio del producto en estrellas, con la cantidad de reseñas entre paréntesis; por ejemplo: ★★★★★ (8). También necesitas una aplicación de reseñas de productos, como Product Reviews para Shopify y definiciones de metacampos para reviews.rating_count y reviews.rating.
    Liquid personalizado Agregar código Liquid o HTML personalizado.
    Aplicaciones Agregar una aplicación compatible con Online Store 2.0.

    La sección del banner de imagen admite una o dos imágenes y un cuadro de texto con botones. Si se usan dos imágenes, se muestran una al lado de la otra en el escritorio. En el móvil, puedes elegir si las imágenes se muestran una al lado de la otra o en una columna.

    En la versión de escritorio, el cuadro de texto cubre parcialmente la imagen. En la versión móvil, el cuadro de texto se muestra debajo de la imagen. Puedes elegir la alineación del texto entre derecha, izquierda o centro tanto para la versión de escritorio como para la versión móvil.

    Configuración de la sección

    La configuración de la sección de banner de imagen
    Configuración Descripción
    Primera imagen La imagen principal del banner. Si se agregan dos imágenes a la sección, esta imagen se muestra a la izquierda o en la parte superior, dependiendo de si el cliente está utilizando una computadora o un dispositivo móvil.
    Editar texto alternativo Haz clic en esta configuración para definir el texto alternativo de la imagen para la optimización de motores de búsqueda (SEO) y para describir la imagen para los clientes que usan lectores de pantalla.
    Segunda imagen La imagen secundaria para el banner. Si se agregan dos imágenes a la sección, esta imagen se muestra en la parte derecha o en la parte inferior, en función de si el cliente está usando la versión de escritorio o la versión móvil.
    Opacidad de la sobreposición de imagen Agrega una sobreposición a las imágenes del banner. Usa el control deslizante para establecer la opacidad de la sobreposición. El valor predeterminado es 0%.
    Altura del banner

    Establece la altura de las imágenes de tu banner en el menú desplegable.

    • Pequeño: Computadora: 420 px, móvil: 280 px
    • Mediano (predeterminado): Computadora: 560 px, móvil: 340 px
    • Grande: Computadora: 720 px, móvil: 390 px
    Adaptar altura de sección a tamaño de primera imagen Establece la altura de la sección a la altura de la primera imagen. En la versión móvil, ambas imágenes se ajustan a la altura de la primera imagen. Al marcar esta casilla, se sobrescribe la configuración de altura del banner de imagen.
    Posición del contenido en computadoras Establece la posición del banner de imagen de la versión de escritorio. Elige entre arriba, en el medio o abajo y entre derecha, izquierda o centro.
    Mostrar contenedor en computadoras Coloca el texto de la imagen del banner en un cuadro de texto sobre la imagen del banner para los clientes que compran desde computadoras de escritorio.
    Alineación del contenido en computadoras Establece la alineación del texto del banner de imagen para computadoras de escritorio. Elige entre izquierda, derecha o centrado.
    Esquema de colores El color de fondo de la sección del banner de la imagen. Elige entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso. El esquema de colores elegido solo es visible cuando la opción Mostrar cuadro de texto en la versión de escritorio está seleccionada.
    Alineación del contenido en dispositivos móviles Establece la alineación del texto del banner de imagen para dispositivos móviles. Elige entre izquierda, derecha o centrado.
    Apilar imágenes en móviles Si se agregan dos imágenes a la sección, muestra las imágenes en una columna en lugar de una al lado de la otra.
    Mostrar contenedor en el móvil Coloca el texto de la imagen del banner en un cuadro de texto sobre la imagen del banner para los clientes que compran desde dispositivos móviles.

    Bloque de encabezado

    La configuración del bloque de encabezado en la sección de banner de imagen
    Configuración Descripción
    Encabezado Texto grande para el título del cuadro de texto.
    Tamaño del título Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.

    Bloque de texto

    La configuración del bloque de texto en la sección del banner de imagen
    Configuración Descripción
    Descripción Muestra el texto en estilo de párrafo.
    Estilo de texto Cambia el estilo del texto del banner de la imagen. Elige entre Cuerpo, Subtítulo y Mayúscula.

    Bloqueo de botón

    La configuración del bloque de botones en la sección del banner de imagen
    Configuración Descripción
    Primera etiqueta de botón El texto que se muestra en el primer botón.
    Primer enlace de botón La URL a la que deseas vincular el primer botón.
    Usar estilo de botón con contorno Ajusta el estilo del botón para que sea un contorno de un botón en lugar de tener un fondo sólido.
    Primera etiqueta de botón El texto que se muestra en el segundo botón.
    Segundo enlace de botón La URL a la que deseas vincular el botón.
    Usar estilo de botón con contorno Ajusta el estilo del botón para que sea un contorno de un botón en lugar de tener un fondo sólido.

    Imagen con texto

    Puedes agregar una sección que contenga una imagen y un bloque de texto con un botón opcional para vincular a los clientes a una nueva página. Empareja el texto con una imagen para enfocarte en el producto, la colección o el artículo de blog que elijas. Agrega información sobre disponibilidad, estilo, o incluso ofrece una reseña.

    Configuración de la sección

    La configuración de la sección imagen con texto
    Configuración Descripción
    Imagen Haz clic en Seleccionar imagen para elegir una imagen para la sección. Haz clic en el botón Cambiar para modificar o eliminar la imagen.
    Editar texto alternativo Haz clic en esta configuración para definir el texto alternativo de la imagen para la optimización de motores de búsqueda (SEO) y para describir la imagen para los clientes que usan lectores de pantalla.
    Altura de imagen Elige la altura de la imagen:
    • Adaptar a la imagen (predeterminada)
    • Pequeña
    • Larga
    Ancho de la imagen en computadoras El ancho de la imagen:
    • Pequeña
    • Mediana (predeterminado)
    • Larga
    Ubicación de la imagen en computadoras Elige si se muestra primero la imagen o el texto. La imagen se muestra primero de forma predeterminada para diseños móviles:
    • Imagen primero (predeterminada para la versión móvil)
    • Imagen segunda
    Posición del contenido en computadoras La posición vertical del contenido en el contenedor:
    • Arriba (predeterminado)
    • Centrada
    • Abajo
    Alineación del contenido en computadoras La alineación del texto en el contenedor:
    • Izquierda (predeterminado)
    • Centrado
    • Derecha
    Diseño de contenido Permite que los cuadros de imagen y texto se superpongan entre sí. Si se selecciona Sin solapamiento, el contenido se ajustará para incluir el texto y la imagen.
    • Solapamiento
    • Sin solapamiento (predeterminado)
    Esquema de colores El color de fondo de la imagen con texto. Elige entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso.
    Diseño para móviles Elige la alineación del contenido para dispositivos móviles:
    • Izquierda (predeterminada)
    • Derecha
    • Centrado
    Relleno de sección Agrega espacio a la parte superior o inferior de la sección de la imagen con texto. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio encima o debajo de la sección de la imagen con texto.

    Bloque de encabezado

    La configuración del bloque del encabezado en la sección de imagen con texto
    Configuración Descripción
    Encabezado Texto del título de la sección.
    Tamaño del título Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.

    Bloque de texto

    La configuración del bloque de texto en la sección de imagen con texto
    Configuración Descripción
    Contenido Muestra texto en estilo de párrafo en la sección de texto.
    Estilo de texto Estilo para el texto del contenido:
    • Cuerpo (predeterminado)
    • Subtítulo

    Bloqueo de botón

    La configuración del bloque de botones en la sección de imagen con texto
    Configuración Descripción
    Etiqueta de botón El texto que se muestra en el botón.
    Enlace de botón La URL a la que deseas vincular el botón.

    Bloque de subtítulos

    La configuración del bloque de la leyenda en la sección de imagen con texto
    Configuración Descripción
    Texto Agrega un eslogan o subtítulo a tu imagen. El texto aparecerá en la parte inferior de la sección de imagen con texto.
    Estilo de texto Estilo del texto de contenido:
    • Mayúsculas (predeterminada)
    • Subtítulo
    Tamaño del texto Tamaño del texto del contenido:
    • Pequeña
    • Mediana (predeterminado)
    • Larga

    Multicolumna

    Puedes usar la sección multicolumna para mostrar contenido con diseño de columna y agregar un botón debajo de las columnas para llevar al cliente a una nueva página. Empareja el texto con una imagen para enfocarte en el producto, colección o artículo del blog que elijas. Agrega detalles sobre disponibilidad, estilo, o incluso ofrece una reseña.

    Configuración de la sección

    La configuración de la sección de varias columnas
    Configuración Descripción
    Encabezado El título de la sección
    Tamaño del título Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.
    Ancho de imagen

    El ancho de las imágenes agregadas a las columnas.

    • Ancho completo de la columna (predeterminado): el ancho de la imagen es el tamaño completo de la columna.
    • Ancho medio de la columna - El ancho de la imagen es la mitad del tamaño de la columna.
    • Un tercer ancho de columna - El ancho de la imagen es un tercero del tamaño de la columna.
    Relación de aspecto de imagen

    La relación de aspecto de la imagen:

    • Adaptar a la imagen (predeterminado): utiliza la relación de aspecto de las imágenes. Esto impide que las imágenes se recorten.
    • Retrato - Recorta las imágenes para usar una proporción de 2:3.
    • Cuadrado - Recorta las imágenes para usar una proporción de 1:1.
    • Círculo - Recorta la imagen para mostrarla en un círculo
    Número de columnas en la versión para computadora Usa la escala de rango para seleccionar el número de columnas que se muestran en las computadoras de escritorio. Mínimo: 1. Máximo: 6.
    Alineación de columna

    La alineación de las imágenes y el texto dentro de las columnas:

    • Izquierda (predeterminada) - Alinea las imágenes y el texto a la izquierda.
    • Centrar - Alinea las imágenes y el texto en el centro.
    Fondo secundario Elige Ninguno para ocultar el fondo secundario o Mostrar como fondo de columna para cambiar los colores del contenedor de columna.
    Etiqueta de botón El texto que se muestra en el botón.
    Enlace de botón La URL a la que deseas vincular el botón.
    Esquema de colores El color de fondo de la sección multicolumna. Elige entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso.
    Número de columnas en la versión para móviles Establece un diseño de columna específico para la versión para dispositivos móviles. Elige entre 1 y 2 columnas.
    Activar uso de banda magnética en el móvil Cambia la pantalla del móvil de una columna a una fila, donde los clientes pueden deslizarse hacia los lados para ver más bloques de colección.
    Relleno de sección Agrega espacio a la parte superior o inferior de la sección de varias columnas. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio encima o debajo de la sección multicolumna.

    Bloque de columna

    Puedes tener un máximo de 12 columnas en una sección. Si tienes uno, dos o tres bloques de columna, se mostrarán en una fila en la versión de escritorio. Si tienes cuatro o más bloques de columna, se muestran en un diseño de dos columnas. En la versión móvil, los bloques de columna se muestran en una sola columna, a menos que esté activada la opción Habilitar el deslizamiento para la versión móvil.

    La configuración del bloque de columnas en la sección de varias columnas
    Configuración Descripción
    Imagen La imagen que quieres mostrar.
    Encabezado El título de la columna.
    Descripción El texto del párrafo en la columna.
    Etiqueta de enlace [optional] El texto del enlace agregado debajo del bloque de columna. Déjalo en blanco si no tienes un enlace agregado.
    Enlace URL del enlace. Si no tienes un enlace, se queda en blanco.

    Página

    Puedes elegir mostrar el contenido de una página personalizada en una sección. Esto lleva el contenido completo de la página a la sección, pero no trae ningún código Liquid de ninguna plantilla.

    Configuración de la sección

    La configuración de la sección de la página
    Configuración Descripción
    Página La página de tu tienda online que deseas mostrar.
    Tamaño del título Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.
    Esquema de colores El color de fondo de la sección del bloque de colecciones. Elige entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso.
    Relleno de sección Agrega espacio a la parte superior o inferior de la sección de la página. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio encima o debajo de la sección de la página.

    Texto enriquecido

    Puedes agregar una sección de texto enriquecido con un encabezado, una leyenda, un texto y un botón para enlazar a los clientes con una nueva página.

    Configuración de la sección

    La configuración de la sección de texto enriquecido
    Configuración Descripción
    Posición del contenido en computadoras Elige la posición del contenedor de texto enriquecido. Usa el menú desplegable para seleccionar a la izquierda, centrado (predeterminado) o a la derecha. El contenido se optimiza automáticamente para dispositivos móviles.
    Alineación de contenido Esta configuración afecta la alineación del texto para todos los bloques dentro de la sección de texto enriquecido. Usa el menú desplegable para seleccionar a la izquierda, centrado (predeterminado) o a la derecha.
    Esquema de colores El fondo de la sección de texto enriquecido. Elige entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso.
    Definir ancho completo en sección Las secciones son de ancho completo de forma predeterminada.
    Relleno de sección Agrega espacio a la parte superior o inferior de la sección del texto enriquecido. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio encima o debajo de la sección del texto enriquecido.

    Bloque de encabezado

    Puedes tener hasta 3 bloques de encabezados en tu sección de texto enriquecido.

    La configuración del bloque del encabezado en la sección de texto enriquecido
    Configuración Descripción
    Encabezado Es el título de la sección. Usa los botones para poner el texto en negrita o cursiva, o para agregar un enlace. Haz clic en el botón de origen para vincular a fuentes dinámicas.
    Tamaño del título Cambia el tamaño del texto del título. Elige entre pequeño, mediano, grande o extra grande.

    Bloque de texto

    El bloque Texto es una buena manera de compartir información sobre tu marca con tus clientes. Puedes describir los beneficios de tus productos, hacer anuncios, dar la bienvenida a los clientes a tu tienda o hablar sobre los valores de tu marca.

    Puedes tener hasta 3 bloques de texto en la sección de texto enriquecido.

    La configuración del bloque de texto en la sección de texto enriquecido
    Configuración Descripción
    Descripción Texto en estilo de párrafo para el contenido principal de la sección. Haz clic en el botón de origen para vincular a fuentes dinámicas.

    Bloque de subtítulos

    Puedes tener hasta 3 bloques de subtítulos en tu sección de texto enriquecido.

    La configuración del bloque de texto en la sección de texto enriquecido
    Configuración Descripción
    Texto Agrega un eslogan breve a tu sección de texto enriquecido.
    Estilo de texto Usa el menú desplegable para seleccionar un estilo de texto entre Subtítulo (predeterminado) y Mayúsculas.
    Tamaño del texto Usa el menú desplegable para establecer el tamaño del texto de tu leyenda. Elige entre pequeño, mediano (predeterminado) y grande.

    Bloqueo de botón

    Puedes tener hasta 2 bloques de botones en tu sección de texto enriquecido.

    La configuración del bloque de botones en la sección de texto enriquecido
    Configuración Descripción
    Etiqueta de botón El texto que se muestra en el botón.
    Enlace de botón La URL a la que deseas vincular el botón.
    Usar estilo de botón con contorno Ajusta el estilo del botón para que sea un contorno de un botón en lugar de tener un fondo sólido.

    Diapositivas

    Puedes agregar una sección de presentación de diapositivas para mostrar un carrusel de hasta cinco imágenes en una página de tu tienda.

    Configuración de la sección

    La configuración de la sección de presentación de diapositivas
    Configuración Descripción
    Diseño Elige entre Ancho completo (predeterminado) o Cuadrícula. La opción Ancho completo muestra la presentación de diapositivas con el ancho completo de la sección, mientras que la opción Cuadrícula la muestra con relleno a ambos lados.
    Altura de diapositiva

    La altura de la presentación de diapositivas:

    • Adaptar a la primera imagen (predeterminada): todas las imágenes tendrán la misma altura que la primera imagen en el carrusel.
    • Pequeña
    • Mediana
    • Larga
    Estilo de paginación

    El estilo de navegación de la presentación de diapositivas que aparece debajo de las imágenes.

    • Puntos
    • Mostrador (predeterminado)
    • Números
    Rotar las diapositivas automáticamente

    Marca esta casilla para cambiar las imágenes de la presentación de diapositivas automáticamente. Si no se marca esta casilla, la presentación de diapositivas mostrará una imagen estática hasta que el cliente avance manualmente.

    Cambiar temporizador de diapositivas Usa la barra para establecer el tiempo de cambio automático de la presentación de diapositivas. Mínimo: 3 segundos, máximo: 9 segundos.
    Diseño para móviles Marca la casilla para mostrar el contenido debajo de las imágenes en la versión móvil.
    Accesibilidad Agrega una descripción de tu presentación de diapositivas para clientes con discapacidad visual.

    Configuración de diapositivas de imagen

    La configuración de las imágenes de la sección de presentación de diapositivas
    Configuración Descripción
    Imagen Elige una imagen estática o dinámica para la presentación de diapositivas. Haz clic en Seleccionar imagen para ver tu biblioteca multimedia o haz clic en el botón de origen para conectar una fuente dinámica. Una vez que has seleccionado una imagen, puedes cambiarla o eliminarla haciendo clic en el botón Cambiar.
    Editar texto alternativo

    Describe la imagen de la presentación de diapositivas y ofrece contexto a los clientes que usan lectores de pantalla.

    Encabezado

    Texto de encabezado opcional para la imagen. El texto se agrega a cada imagen de forma individual.

    Tamaño del título

    Selecciona entre un encabezado pequeño, mediano (predeterminado) o grande.

    Subtítulo Texto opcional del subtítulo para la imagen. El texto se añade a cada imagen de forma individual.
    Etiqueta de botón Introduce el texto para un botón o déjalo en blanco para ocultar el botón por completo.
    Enlace de botón La URL a la que deseas vincular el botón. Haz clic en el botón de origen para agregar una fuente dinámica como URL.
    Usar estilo de botón con contorno Haz clic en la casilla de verificación para activar un botón sólido o con contorno.
    Posición del contenido en computadoras La posición del cuadro de contenido sobre la imagen. Elige entre arriba, en el medio o abajo y entre izquierda, centro o derecha. La configuración predeterminada es en el medio y centrado.
    Mostrar contenedor en computadoras Marca la casilla para mostrar el cuadro de contenido.
    Alineación del contenido en computadoras Alinea el texto en el contenedor. Elige entre las opciones izquierda, centro (predeterminado) o derecha.
    Opacidad de la sobreposición de imagen Usa el control deslizante para ajustar la opacidad de la sobreposición de la imagen.
    Esquema de colores Cambia el color de fondo del cuadro de contenido. Elige entre Resaltado 1, Resaltado 2, Fondo 1 (predeterminado), Fondo 2 o Inverso. Esta configuración requiere que se muestre el contenedor para afectar la imagen de la presentación de diapositivas.
    Diseño para móviles Elige cómo se mostrará el contenido en un dispositivo móvil. Elige entre izquierda, centro (predeterminado) o derecha.

    video

    Puedes añadir una sección de video para incrustar un video desde YouTube o Vimeo en una página de tu tienda.

    Configuración de la sección

    La configuración de la sección de vídeo
    Configuración Descripción
    Encabezado El título de la sección
    Tamaño del título Cambia el tamaño del texto del título. Elige el tamaño del título. Puede ser: pequeño, mediano o grande.
    Imagen de portada La imagen que se muestra antes de que un cliente reproduzca el video.
    URL El enlace de video de YouTube o Vimeo. El video debe estar disponible al público.
    Texto alternativo del video El texto alternativo del video. Describe el contexto y el propósito del video para los clientes que usan lectores de pantalla.
    Definir ancho completo en sección Elimina el relleno predeterminado y hace que la sección sea el ancho completo de la página.
    Esquema de colores El color de fondo de la sección del bloque de colecciones. Elige entre Acento 1, Acento 2, Fondo 1, Fondo 2 o Inverso.
    Relleno de sección Agrega espacio a la parte superior o inferior del video. Usa el control deslizante de rango para agregar entre 0 px y 100 px de espacio encima o debajo de la sección del video.

    ¿Estás listo/a para comenzar a vender con Shopify?

    Prueba gratis