En el editor de temas: Personalizar›Página de producto›Agregar sección›Página de producto
Página de producto
El corazón de la página de producto: las fotos y, a su lado, el panel de compra. Cada pieza del panel es un bloque que puedes mover, quitar o agregar.
Da a cada producto su propia guía de tallas en su campo “Size guide”. Los productos sin una propia muestran la página definida en el bloque “Selector de opciones”.
Configuración
Diseño
- Ancho del área del producto
- Control deslizante, de 1000 a 2000 pxPredeterminado: 1600 pxSe usa cuando «Ancho del contenido», más abajo, es Estándar.
- Diseño en ordenadores
- Opción: Mitad y mitad, EscenarioPredeterminado: Mitad y mitadMitad y mitad: una imagen cuadrada con las miniaturas debajo y los detalles al lado; toda la página se desplaza junta. Escenario: una imagen alta con las miniaturas dentro y la tarjeta de detalles encima.
- Mantener la imagen en su sitio al desplazarse
- Activado o desactivadoPredeterminado: ActivadoEn pantallas grandes, cuando el panel de detalles es más alto que la imagen, la imagen sigue a la vista mientras el panel se desplaza.
- Alineación del panel en teléfonos y tabletas
- Opción: Centrado, Al ladoPredeterminado: CentradoCentrado: el título, el precio, las opciones y la cantidad se sitúan en el centro. La descripción y las filas desplegables se mantienen alineadas al lado, ya que son textos largos. En escritorio el panel siempre se alinea al lado, junto a las fotos.
Fotos
- Ajuste de la foto
- Opción: Llenar el marco, Mostrar la foto completaPredeterminado: Llenar el marco«Llenar el marco» recorta la foto en un cuadrado. «Mostrar la foto completa» nunca recorta.
- Mostrar miniaturas
- Activado o desactivadoPredeterminado: ActivadoEn escritorio y tableta: una columna junto a la imagen. En teléfonos: consulta la siguiente configuración.
- Miniaturas también en teléfonos
- Activado o desactivadoPredeterminado: ActivadoUna fila de miniaturas bajo la imagen principal; toca para elegir.
- Mostrar flechas
- Activado o desactivadoPredeterminado: Activado
- Continuar de la última foto a la primera
- Activado o desactivadoPredeterminado: ActivadoLas flechas nunca se detienen al final.
- Mostrar el botón de ampliar
- Activado o desactivadoPredeterminado: Activado
- Reproducción automática del video
- Activado o desactivadoPredeterminado: DesactivadoEl video de la galería se reproduce sin sonido y en bucle cuando aparece en pantalla.
- Mostrar una etiqueta en la foto
- Activado o desactivadoPredeterminado: ActivadoAgotado, el texto propio del producto o una oferta.
Barra de compra inferior
- Mostrar la barra de compra inferior
- Activado o desactivadoPredeterminado: ActivadoCuando el botón principal sale de la vista, el marco se ensancha en la parte inferior de la pantalla y lleva el producto, la selección actual, el precio y Añadir al carrito hasta el final de la página. Tiene el color del marco. En el móvil se alterna con el menú flotante al desplazarse hacia arriba.
- Forma de la tarjeta flotante en teléfonos
- Opción: Tarjeta flotante, Sube detrás del menú, El marco subePredeterminado: Tarjeta flotanteTarjeta flotante: flota justo encima del marco inferior, como en computadoras, y el menú inferior deja espacio. Sube: la tarjeta sube desde detrás del menú inferior y el menú se queda. Marco: el marco sube a todo el ancho y el menú deja espacio. Sin menú inferior, "sube" pasa a ser el marco. En computadoras, siempre una tarjeta flotante.
- Color de la tarjeta flotante
- ColorVacío: la superficie del sitio, como el panel de búsqueda. Sobre un color oscuro el texto es claro.
- Color del borde de la tarjeta flotante
- ColorUn borde alrededor de la tarjeta flotante. Vacío: una línea fina del color del texto.
- Imagen pequeña del producto en la barra
- Activado o desactivadoPredeterminado: ActivadoUna imagen pequeña al inicio de la barra, dentro de la fila.
Fondo de la página
- Estilo del fondo
- Opción: Fondo del sitio, Color plano, Escenario iluminadoPredeterminado: Fondo del sitioFondo del sitio: la página coincide con el resto del sitio. Color uniforme: el color de abajo. Escenario iluminado: un escenario del color elegido, con una luz suave detrás de la imagen y detrás de los detalles. En un color oscuro, el texto, las líneas y los botones se aclaran solos. Las dos últimas opciones sustituyen los colores personalizados de la sección.
- Esquema de color
- Esquema de coloresEl escenario toma el fondo y el acento de este esquema. Un color elegido abajo tiene prioridad.
- Color de fondo
- ColorCon escenario iluminado: el tono del escenario. Por defecto es el carbón cálido que usa el escenario en todo el sitio.
- Color de la luz
- ColorLa luz suave detrás de la imagen y detrás de los detalles. Vacío: blanco.
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.
Bloque de aplicación
Las aplicaciones instaladas pueden agregar aquí su propio bloque, por ejemplo reseñas o una tabla de tallas.
Esta parte no tiene configuración propia.
Título
General
- Mostrar el nombre de la colección sobre el título
- Activado o desactivadoPredeterminado: Activado
- Resaltar la parte después de " | "
- Activado o desactivadoPredeterminado: ActivadoSi el nombre del producto contiene " | ", la parte que sigue se muestra con más peso.
- Mostrar proveedor
- Activado o desactivadoPredeterminado: Desactivado
Precio
General
- Mostrar el porcentaje de descuento
- Activado o desactivadoPredeterminado: DesactivadoEl descuento ya se muestra en la foto. Actívalo para mostrarlo también junto al precio.
Texto
General
- Texto
- TextoUna descripción breve bajo el título. Puedes conectarla a un campo de producto.
Selector de opciones
General
- Estilo
- Opción: Botones, Lista desplegablePredeterminado: Botones
- Colores
- Opción: Círculos de color, Lista desplegablePredeterminado: Círculos de colorSolo para una opción de color. Las demás opciones siguen el estilo de arriba.
- Página de la guía de tallas
- PáginaLos productos con su propio campo «Guía de tallas» (custom.size_guide) muestran esa página. Si no, esta página y, si está vacía, la de la configuración del tema.
Cantidad
General
- Posición
- Opción: Junto a «Comprar ahora», Fila propiaPredeterminado: Junto a «Comprar ahora»Junto a «Comprar ahora»: la cantidad va al inicio de la primera fila de botones, y «Añadir al carrito» tiene debajo su propia fila a todo el ancho. Fila propia: encima de los botones, con su etiqueta. Con niveles de cantidad, los niveles ocupan su lugar.
Niveles por cantidad
General
- Título
- TextoVacío: «Cantidad» en el idioma del cliente. En ordenador solo lo leen los lectores de pantalla.
- Etiqueta para 1 unidad
- TextoVacío: el número de unidades («2 unidades»), en el idioma del cliente.
- Mostrar este nivel
- Activado o desactivadoPredeterminado: Activado
- Número de unidades
- Control deslizante, de 2 a 12Predeterminado: 2
- Descuento
- Control deslizante, de 0 a 60 %Predeterminado: 10 %Debe coincidir con tu descuento automático.
- Etiqueta
- TextoVacío: el número de unidades («2 unidades»), en el idioma del cliente.
- Mostrar este nivel
- Activado o desactivadoPredeterminado: Activado
- Número de unidades
- Control deslizante, de 2 a 12Predeterminado: 3
- Descuento
- Control deslizante, de 0 a 60 %Predeterminado: 18 %Debe coincidir con tu descuento automático.
- Etiqueta
- TextoVacío: el número de unidades («2 unidades»), en el idioma del cliente.
- Destacar un nivel
- Opción: Ninguno, Segundo nivel, Tercer nivelPredeterminado: Ninguno
- Texto destacado
- TextoVacío: el descuento del nivel destacado, por ejemplo «18% de descuento».
Ofrece un mejor precio por comprar más. El descuento solo se muestra aquí: crea un descuento automático equivalente en el panel de control de Shopify para que se aplique de verdad.
Opciones de compra
General
- Título
- TextoVacío: el texto predeterminado.
- Mostrar el porcentaje de ahorro
- Activado o desactivadoPredeterminado: Activado
- Mostrar las descripciones de los planes
- Activado o desactivadoPredeterminado: ActivadoLa descripción proviene de la aplicación de suscripciones.
- Mostrar el enlace a la política de suscripción
- Activado o desactivadoPredeterminado: ActivadoSe muestra cuando la tienda tiene una política de suscripción (Configuración, Políticas).
Opciones de compra única y de suscripción, para productos que se venden con una aplicación de suscripciones. Sin este bloque, los productos con suscripciones muestran las opciones sobre el botón de agregar al carrito.
Botones de compra
General
- Botón Comprar ya
- Activado o desactivadoPredeterminado: ActivadoVa directo al pago solo con este producto y deja el carrito como está.
- Botones de pago dinámico
- Opción: Billetera o «Comprar ahora» de Shopify, Solo billetera, DesactivadoPredeterminado: Billetera o «Comprar ahora» de ShopifyLos botones de Shopify debajo de los botones de compra. Muestran la billetera del comprador (Shop Pay, Apple Pay, Google Pay, PayPal) cuando hay una activada en la configuración de pagos. Mientras el botón Comprar ya está activado, el «Comprar ahora» de Shopify nunca se muestra, para que haya uno solo.
- Botones de pago rápido
- Activado o desactivadoPredeterminado: Activadobit, tarjeta de crédito y lo que hayas agregado. Agrega al carrito y va a la pantalla de pago. Los botones en sí están en la configuración del tema, «Botones de pago exprés».
- Mostrar el formulario de destinatario para tarjetas de regalo
- Activado o desactivadoPredeterminado: ActivadoPermite a los compradores enviar una tarjeta de regalo directamente a otra persona. Mientras se muestra el formulario, el botón Comprar ya y los botones de pago dinámico se ocultan en las tarjetas de regalo, porque Shopify solo comprueba los datos del destinatario al agregar al carrito.
Línea de entrega y garantía
General
- Nota de entrega
- TextoUna línea breve bajo el botón de compra, entre dos líneas finas, visible antes de agregar al carrito. Por ejemplo: Entrega a domicilio en 8–18 días hábiles. Para una línea distinta por producto, completa el campo de producto custom.delivery_note (Texto de una sola línea; Configuración, Datos personalizados, Productos): tiene prioridad sobre este texto. Si ambos están vacíos, se muestra la línea de envío de la configuración del tema (Productos) y, si también está vacía, una línea que sigue la regla de envío gratis (configuración del tema, Envío gratis).
- Nota de garantía
- TextoDesactivada de forma predeterminada: vacío significa sin línea. Para una línea distinta por producto, completa el campo de producto custom.warranty (Texto de una sola línea; Configuración, Datos personalizados, Productos): tiene prioridad sobre este texto. Escribe solo lo que sea cierto para el producto.
Fila de confianza
General
Hasta tres promesas breves con un icono, y los iconos de pago debajo. Su lugar natural es justo debajo del botón de compra.
Primer elemento
- Icono
- Opción: Paquete (envío), Flecha de retorno (devoluciones), Escudo (pago seguro), Auriculares (atención), Diamante (calidad), Ocultar este elementoPredeterminado: Paquete (envío)
- Texto
- TextoVacío: un texto predeterminado según el icono. Paquete: la promesa de envío según la regla de envío gratis (configuración del tema, Envío gratis). Flecha de retorno y escudo: un texto breve fijo. Auriculares y diamante no tienen texto predeterminado, así que el elemento solo se muestra con un texto escrito aquí. Un texto largo se divide en dos líneas equilibradas.
Segundo elemento
- Icono
- Opción: Paquete (envío), Flecha de retorno (devoluciones), Escudo (pago seguro), Auriculares (atención), Diamante (calidad), Ocultar este elementoPredeterminado: Flecha de retorno (devoluciones)
- Texto
- TextoVacío: un texto predeterminado según el icono. Paquete: la promesa de envío según la regla de envío gratis (configuración del tema, Envío gratis). Flecha de retorno y escudo: un texto breve fijo. Auriculares y diamante no tienen texto predeterminado, así que el elemento solo se muestra con un texto escrito aquí. Un texto largo se divide en dos líneas equilibradas.
Tercer elemento
- Icono
- Opción: Paquete (envío), Flecha de retorno (devoluciones), Escudo (pago seguro), Auriculares (atención), Diamante (calidad), Ocultar este elementoPredeterminado: Escudo (pago seguro)
- Texto
- TextoVacío: un texto predeterminado según el icono. Paquete: la promesa de envío según la regla de envío gratis (configuración del tema, Envío gratis). Flecha de retorno y escudo: un texto breve fijo. Auriculares y diamante no tienen texto predeterminado, así que el elemento solo se muestra con un texto escrito aquí. Un texto largo se divide en dos líneas equilibradas.
Iconos de pago
- Mostrar los iconos de las formas de pago
- Activado o desactivadoPredeterminado: Activado
Entrega estimada
General
- Días hábiles, como mínimo
- Control deslizante, de 0 a 30Predeterminado: 11
- Días hábiles, como máximo
- Control deslizante, de 0 a 45Predeterminado: 18
- Días que no son hábiles
- Opción: Viernes y sábado, Sábado y domingo, Ninguno, todos los días cuentanPredeterminado: Viernes y sábado
- Línea principal
- Texto[from] y [to] se sustituyen por fechas. Vacío: «Pide hoy y llega entre el [from] y el [to]»
- Segunda línea
- TextoVacío: el rango de días, hasta tu puerta.
- Mostrar un icono de calendario
- Activado o desactivadoPredeterminado: Activado
Calcula el rango de fechas a partir de hoy, en días hábiles. Las fechas se calculan en el navegador del comprador, por lo que siempre son correctas para el día de la visita.
Pregunta por WhatsApp
General
- Pregunta
- TextoVacío: el texto predeterminado.
- Texto del enlace
- TextoVacío: el texto predeterminado.
- Mensaje preparado
- Texto[product] se sustituye por el nombre del producto. Vacío: «Hola, tengo una pregunta sobre [product]»
- Agregar el enlace del producto al mensaje
- Activado o desactivadoPredeterminado: Activado
Una línea que abre un chat de WhatsApp con un mensaje preparado. El número proviene de la configuración del tema, en redes sociales. Hasta que se agregue un número, la línea lleva a la página de contacto de la tienda.
Descripción
Esta parte no tiene configuración propia.
Fila desplegable
General
- Título
- Texto
- Qué muestra la fila
- Opción: Texto o página, Especificaciones del producto, Lista con iconosPredeterminado: Texto o página
- Contenido
- Texto
- Contenido de una página
- PáginaSe muestra después del contenido de arriba.
- Campo de especificaciones del producto
- TextoEspacio de nombres y clave, por ejemplo custom.specs. Un dato por línea en el campo: "Nombre: valor". Los productos sin el campo no muestran la fila.
- Líneas
- TextoUna frase por línea. El icono se elige según las palabras: shipping, return, support, secure o payment (también en hebreo). Las demás líneas llevan un escudo con una marca de verificación.
- Enlaces a las políticas de envío y reembolso
- Activado o desactivadoPredeterminado: Activado
Burbuja de oferta
General
- Icono
- Opción: Rayo, Regalo, Destello, Temporizador, Corazón, Escudo con marca de verificación, Sin iconoPredeterminado: Rayo
- Título
- TextoVacío: «Una oferta especial», en el idioma del visitante.
- Línea de la oferta
- TextoPor ejemplo «20 $ de descuento en pedidos de 200 $ o más». Sin línea, la burbuja no aparece.
- Productos
- ProductosLa burbuja solo aparece en los productos elegidos aquí. Vacío: en todos los productos que usan esta plantilla.
Cuenta atrás
General
- Línea de la oferta
- TextoPor ejemplo «20 % de descuento». Vacío: el porcentaje de descuento de la variante, si tiene precio de comparación.
- Texto corto
- TextoAparece junto a la línea de la oferta. Vacío: «Tiempo limitado», en el idioma del visitante.
- Productos
- ProductosLa barra solo aparece en los productos elegidos aquí. Vacío: no aparece en ninguno. Úsala para una oferta real con una fecha de fin real.
Temporizador
- Fecha y hora de finalización
- TextoAño-mes-día seguido de hora:minuto, por ejemplo 2026-10-20 18:00, en la zona horaria de la tienda. Vacío o no válido: la barra no aparece en la tienda y el editor muestra una nota con la fecha tal como la entendió la tienda.
- Mostrar segundos
- Activado o desactivadoPredeterminado: ActivadoLos visitantes que prefieren movimiento reducido nunca ven los segundos, y el temporizador se actualiza una vez por minuto.
- Cuando se agota el tiempo
- Opción: Mostrar un mensaje de oferta terminada, La barra desaparecePredeterminado: La barra desaparece
- Mensaje de finalización
- TextoVacío: «Esta oferta ha terminado. Gracias por tu interés.», en el idioma del visitante.
Fondo
- Color de fondo
- ColorVacío: la tinta de la tienda. El escenario iluminado se crea a partir de este color.
- Estilo del fondo
- Opción: Color plano, Escenario iluminadoPredeterminado: Escenario iluminadoEscenario iluminado: una luz suave desde arriba que se atenúa hacia abajo, creada a partir del color elegido. En un color claro la parte superior se vuelve blanca; en un color oscuro es un escenario oscuro.
- Color de la luz
- ColorLa luz suave desde el centro superior. Vacío: blanco.
- Color del texto
- ColorVacío: automático. Claro sobre fondo oscuro, oscuro sobre fondo claro.
Liquid personalizado
General
- Liquid personalizado
- CódigoPara personalizaciones avanzadas y fragmentos de aplicaciones.
¿Algo de aquí no coincide con lo que ves en el editor? Escríbenos y corregiremos la guía.