Los Page Styles controlan el diseño visual de tus páginas de venta. La configuración se organiza en tres pestañas: Colores, Tipografía y Botones.
Colores
Define colores (mediante selectores de color) para:
- Core — fondo y texto.
- Botones — fondo y texto de los botones.
- Secundario — paneles, secciones y áreas destacadas.
- Acento — destacados y elementos decorativos.
- Atenuado — fondos sutiles y estados deshabilitados.
- Otros elementos — borde, fondo del temporizador y texto del temporizador.
Logo
- Logo Color — color del logo en el encabezado y pie de página.
- Logo Background — un interruptor que añade un panel de fondo detrás del logo. Cuando está activado, puedes definir su color, opacidad, relleno y estilo de esquinas.
Tipografía
Tamaños de fuente
Valores de texto libre para Display, Heading, Subheading, Body y Caption. Ingresa cualquier tamaño CSS — rem, px o clamp() (por ejemplo clamp(2.5rem, 6vw, 4rem)).
Pesos de fuente
Define los pesos de Display, Heading y Body de 100 a 900 (400 es normal, 700 es negrita).
Familias de fuentes
Elige una Heading Font y una Body Font de una lista fija: Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana.
Botones
Apariencia del botón
- Button Shape — Redondeado, Cuadrado o Píldora.
- Button Style — Sólido o Fantasma.
- Rollover State — Oscurecer o Aclarar al pasar el ratón.
Diseño hero
- Vertical Alignment — Arriba, Abajo o Centro.
- Horizontal Alignment — Izquierda o Centro.
Imagen del logo
Carga una imagen de logo y define su ancho (por ejemplo 200px).
Visualización del producto
- Preview Images — Artwork Image, Product o Staging Shot.
- Thumbnails — Artwork Image o Product Image.
- Default Selected — qué tamaño se selecciona por defecto: Smallest o Largest.
Opciones adicionales
- Header Downward Arrow — activa una flecha animada en el hero, con texto editable.
- Low Inventory Warning — activa un mensaje de escasez, con texto editable.
- Shipping Cost Display — muestra los costos de envío a los clientes, con valores separados para USA/Canadá/Europa y Resto del mundo.
Idioma y contenido
- Page language — el idioma del texto del sistema de la página (botones, cuenta atrás, encabezados, mensajes del carrito). Auto sigue el idioma de tu tienda en Shopify; o elige uno explícitamente. Se aplica cuando se publica el drop.
- Collection description — tu propio texto para la línea bajo "The Collection"; si está vacío, se usa el valor predeterminado traducido.
Visualización del costo de envío
Activa o desactiva si las tarifas de entrega se muestran bajo el botón Añadir al carrito. Activado por defecto; los cambios se aplican a una página en vivo en su próxima republicación.
Galería de productos
Cinco interruptores controlan qué aparece en la galería de imágenes de cada producto en la página de venta:
- Certificate (COA) shot y Letter-to-buyer shot — incluye u oculta las imágenes de vista previa del certificado y la carta. Consulta ¿Los Certificados de Autenticidad se muestran en mi página de tienda? para la pregunta común sobre "ocultar la imagen del COA".
- Every frame colour — muestra una foto de producto enmarcado para cada color de marco, no solo una.
- Images added in Shopify — las imágenes que añadas al producto en el administrador de Shopify también aparecen en la galería.
- Hide images removed in Shopify — eliminar una imagen en el administrador de Shopify también la elimina de la galería.
- Certificate per size edition — muestra una imagen de certificado por nivel de tamaño en lugar de un único certificado de ejemplo.
Formato de foto del producto
Table shot format controla cómo se muestran las fotos de mesa planas (productos solo de impresión) en la galería: Landscape (la foto natural), Square (recorte central 1:1) o Portrait (la misma proporción de retrato que las otras fotos de productos). Las fotos enmarcadas, de pared, de certificado y de carta no se ven afectadas.
Redacción del título del producto
Product title wording define las palabras que aparecen después de cada título de obra en la página de venta ("… Fine Art Print" por defecto). Deja el campo vacío para mostrar solo el título. Un drop que ya haya establecido su propia redacción la conservará — el estilo solo proporciona la redacción donde la página no tiene ninguna.
Dimensiones del producto
Líneas de texto opcionales en el área de descripción del producto que muestran las medidas de la variante seleccionada: Printed area (impresión sin bordes), Border (un rango cuando los lados difieren), Total print size (el papel) y Total framed print size (impresión más marco, solo variantes enmarcadas). Elige la unidad — Centímetros, Pulgadas o Ambos — o déjala en Auto para seguir la configuración de medida de tu cuenta. Por defecto solo Total print size está marcada, lo que no muestra nada extra porque los botones de tamaño ya lo muestran. Consulta Cómo mostrar dimensiones de impresión en tu página de tienda.
Resolución de imagen del encabezado
Header image resolution — desktop (px) y — mobile (px) controlan el tamaño con el que se sirve la imagen del encabezado por dispositivo.