En el editor de temas: PersonalizarPágina de inicioAgregar secciónAntes y después

Antes y después

Dos imágenes de lo mismo con una línea entre ellas que se arrastra, por ejemplo antes y después de un tratamiento o un proceso.

Usa dos imágenes tomadas desde el mismo ángulo y del mismo tamaño, para que solo se mueva el cambio. La línea también funciona con el teclado.

Configuración

Imagen del “antes”: ImagenUsa el mismo encuadre que la imagen principal, para que la línea compare dos estados de lo mismo.
Imagen del “después”: Imagen
Etiqueta del antes: TextoVacío: “Antes”.
Etiqueta del después: TextoVacío: “Después”.
Enfoque de la imagen: Opción: El punto focal de la imagen, Centro, Arriba, AbajoPredeterminado: El punto focal de la imagen
Forma de la imagen en computadora: Opción: Vertical (4:5), Alta (2:3), Cuadrada, Horizontal (3:2)Predeterminado: Vertical (4:5)
Forma de la imagen en teléfono: Opción: Igual que en computadora, Vertical (4:5), Cuadrada, Horizontal (3:2)Predeterminado: Igual que en computadora

Línea pequeña sobre el título: Activado o desactivadoPredeterminado: Activado
Línea pequeña: TextoDéjalo vacío para mostrar el valor predeterminado.
Título: TextoDéjalo vacío para mostrar el título predeterminado.
Tamaño del título: Opción: Mediano, Grande, ExtragrandePredeterminado: Grande
Párrafo: TextoDéjalo vacío para mostrar el texto predeterminado.

Mostrar un botón: Activado o desactivadoPredeterminado: Activado
Texto del botón: TextoDéjalo vacío para mostrar el texto predeterminado.
Enlace del botón: EnlaceDéjalo vacío para abrir la página de todos los productos.
Botón de cristal: Control deslizante, de 0 a 90 %Predeterminado: 0 %0: un botón sólido normal. Por encima de 0: cristal oscuro translúcido con un borde fino de luz, para un botón sobre una imagen. Un valor más alto es más oscuro.

Lado de la imagen: Opción: Automático: opuesto a la sección de arriba, Al inicio (a la derecha, en hebreo), Al final (a la izquierda, en hebreo)Predeterminado: Automático: opuesto a la sección de arribaDónde va la imagen junto al texto, en ordenador o tableta. 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).
Orden en el teléfono: Opción: Primero la imagen, Primero el textoPredeterminado: Primero la imagen
Alineación del texto: Opción: Inicio, Centro, FinalPredeterminado: Inicio
Posición del texto junto a la imagen: Opción: Arriba, En el medio, AbajoPredeterminado: En el medioEn computadora o tableta.

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.

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

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 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

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 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).

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