En el editor de temas: PersonalizarPágina de inicioAgregar secciónCompra el look

Compra el look

Una foto grande con puntos sobre los productos que aparecen en ella. Al tocar un punto se muestra el producto, que puede ir directo al carrito.

Coloca cada punto según su posición horizontal y vertical en la foto. Comprueba en el teléfono que los puntos siguen sobre las prendas correctas.

Configuración

Imagen

Imagen de estilo de vida
ImagenUna foto que muestre los productos. Coloca los puntos en los bloques.
Imagen para teléfono
ImagenOpcional. Si está vacía, los teléfonos muestran la imagen principal. Cada punto tiene su propia posición para teléfonos.
Forma de la imagen en escritorio
Opción: Vertical (4:5), Cuadrada, Horizontal (4:3), Ancha (16:9), OriginalPredeterminado: Vertical (4:5)Original: sin recorte, para que los puntos queden exactamente sobre los productos.
Forma de la imagen en teléfonos
Opción: Vertical (4:5), Cuadrada, OriginalPredeterminado: Vertical (4:5)
Lado de la imagen en escritorio
Opción: Automático: opuesto a la sección de arriba, Primero, ÚltimoPredeterminado: Automático: opuesto a la sección de arribaJunto a la lista de productos, en ordenador. En móviles, la imagen siempre va bajo el encabezado. Automático: si la sección de arriba también tiene una imagen junto al texto, la imagen pasa al otro lado, de modo que las secciones consecutivas se alternen; si no, va al principio (a la derecha, en hebreo).

Título

Título
TextoDéjalo vacío para mostrar el título predeterminado.
Palabra pequeña sobre el título
Activado o desactivadoPredeterminado: Activado
Palabra pequeña
TextoDéjalo vacío para mostrar la palabra predeterminada.

Puntos y productos

Botón + de agregado rápido
Activado o desactivadoPredeterminado: ActivadoEn la tarjeta que se abre desde un punto. Abre la vista rápida, o la página del producto cuando la vista rápida está desactivada.
Lista de productos junto a la imagen
Activado o desactivadoPredeterminado: ActivadoSolo en escritorio. Al hacer clic en una fila se abre su punto. Desactivado: el título se sitúa sobre la imagen.
Etiqueta de la lista
TextoDéjalo vacío para mostrar la etiqueta predeterminada.
Indicación bajo la imagen
Activado o desactivadoPredeterminado: ActivadoSolo en teléfonos: «Toca un punto para ver el producto».
Color de los puntos
Opción: Claro, OscuroPredeterminado: ClaroClaro para una foto oscura, oscuro para una foto clara.
Anillo pulsante alrededor de los puntos
Activado o desactivadoPredeterminado: ActivadoSolo mientras la sección está en pantalla. No se muestra a los visitantes que prefieren movimiento reducido.

Cada punto es un bloque: elige un producto y colócalo en porcentaje, por separado para escritorio y teléfonos. Un punto sin producto no se muestra en la tienda.

La configuración que comparten todas las seccionesVentana, Desplazamiento, Espaciado, Colores, Estilo del texto

La configuración de ventana, desplazamiento, espaciado y colores funciona igual en todas las secciones. Ver cómo funciona.

Ventana

Unión
Opción: Ventana separada, Unida a la ventana de arriba, Unida a la ventana de abajo, Unida arriba y abajoPredeterminado: Ventana separada
Esquinas de las imágenes
Opción: Redondeadas, RectasPredeterminado: Redondeadas

Desplazamiento

La siguiente sección la cubre al desplazarse
Activado o desactivadoPredeterminado: DesactivadoAl desplazarse hacia abajo, esta sección permanece fija bajo el encabezado y la siguiente sección sube por encima. Al volver hacia arriba, el efecto se invierte. Desactivado en el editor, para los visitantes que pidieron movimiento reducido y en pantallas muy bajas.

Espaciado

Espaciado personalizado para esta sección
Activado o desactivadoPredeterminado: DesactivadoDesactivado: el espaciado entre secciones de la configuración del tema, en Diseño. Activado: los valores de aquí, arriba y abajo de esta sección. En móvil, la mayoría de las secciones usan el 65 % de ellos.
Espacio superior
Control deslizante, de 0 a 120 pxPredeterminado: 40 px
Espacio inferior
Control deslizante, de 0 a 120 pxPredeterminado: 40 px
Ancho del contenido
Opción: Estrecho, Estándar, Ancho, Ancho completoPredeterminado: Estándar

Colores

Esquema de color
Esquema de coloresIgual que el esquema de la página: la sección queda sobre el fondo de la página. Otro esquema da a la sección su propio fondo, como una tarjeta dentro del marco. Los colores personalizados de abajo tienen prioridad.
Usar colores personalizados para esta sección
Activado o desactivadoPredeterminado: DesactivadoDe lo contrario, la sección usa los colores del tema.
Fondo
ColorPredeterminado: #F1F1EF
Texto
ColorVacío: automático. Claro sobre fondo oscuro, oscuro sobre fondo claro.
Estilo del fondo
Opción: Color plano, Escenario iluminadoPredeterminado: Color planoEscenario iluminado: una luz suave desde arriba que se atenúa hacia abajo, a partir del color de la sección, claro u oscuro. En un color oscuro, el texto y los botones se aclaran solos.
Color de la luz
ColorLa luz suave desde el centro superior. Vacío: blanco.

Estilo del texto

Estilo de texto personalizado para esta sección
Activado o desactivadoPredeterminado: DesactivadoDe lo contrario, la sección usa el estilo del tema. Las fuentes de Shopify no incluyen hebreo, así que eliges entre estilos que funcionan en hebreo.
Estilo del título
Opción: Predeterminado del tema, Ligero, Negrita, SerifPredeterminado: Predeterminado del tema
Tamaño del título
Control deslizante, de 70 a 160 %Predeterminado: 100 %
Color del título
ColorVacío: automático, usa el color de la sección (claro sobre fondo oscuro).
Estilo del texto
Opción: Predeterminado del tema, Ligero, Negrita, SerifPredeterminado: Predeterminado del tema
Tamaño del texto
Control deslizante, de 70 a 160 %Predeterminado: 100 %
Color del texto
ColorVacío: automático, usa el color de la sección (claro sobre fondo oscuro).

Bloques

Los bloques son las piezas dentro de la sección. En el editor se agregan, se eliminan y se arrastran para cambiar el orden.

Punto

General

Producto
ProductoEl producto que muestra este punto.

Posición en escritorio

Desde la izquierda
Control deslizante, de 0 a 100 %Predeterminado: 50 %Porcentaje del ancho de la imagen, siempre desde la izquierda.
Desde arriba
Control deslizante, de 0 a 100 %Predeterminado: 50 %Porcentaje de la altura de la imagen.

Posición en teléfonos

Desde la izquierda
Control deslizante, de 0 a 100 %Predeterminado: 50 %Porcentaje del ancho de la imagen, siempre desde la izquierda.
Desde arriba
Control deslizante, de 0 a 100 %Predeterminado: 50 %Porcentaje de la altura de la imagen.

¿Algo de aquí no coincide con lo que ves en el editor? Escríbenos y corregiremos la guía.