Configura tu tema sin empezar de cero.

Inicio rápido

Pasa de un tema instalado a una tienda lista para personalizar en seis pasos.

1. 01

   Duplica el tema

   Guarda una copia antes de cambiar un preset o la estructura de una página.

2. 02

   Elige un preset

   Selecciona el punto de partida más cercano a tu marca: Ochre, Prairie, Rivage o Alpine.

3. 03

   Añade tu identidad

   Sube el logotipo y el favicon y ajusta colores, tipografías, espacios y formas.

4. 04

   Sube tus medios

   Añade una imagen de escritorio y, cuando haga falta, una versión específica para móvil.

5. 05

   Conecta tu catálogo

   Selecciona colecciones y productos reales. Los productos de la demo no se transfieren.

6. 06

   Revisa antes de publicar

   Prueba navegación, variantes, carrito, búsqueda, móvil y contraste.

Presets

Los cuatro presets comparten funciones, pero emplean composiciones, ritmos, tipografías y paletas diferentes.

• 01

  Ochre

  Dirección editorial cálida para relojes, accesorios y catálogos refinados.

• 02

  Prairie

  Composición botánica y ligera para bicicletas, artesanía y marcas outdoor.

• 03

  Rivage

  Carrusel inmersivo y ritmo solar para baño, joyería y lifestyle.

• 04

  Alpine

  Diseños densos y envolventes para punto, moda y marcas invernales.

Instalación y personalización

Los ajustes globales definen la identidad; las secciones organizan el contenido de cada página.

• 01

  Instala sin publicar

  Después de comprar, abre Tienda online > Temas. Trabaja con el tema de la biblioteca y mantén publicado el tema actual durante la preparación.

• 02

  Guarda una copia

  Duplica el tema antes de cambiar el preset, la navegación o la estructura. Nombra la copia con fecha o versión.

• 03

  Configura la identidad global

  En Configuración del tema, ajusta logotipo, favicon, colores, tipografía, ancho, botones, tarjetas, movimiento y redes sociales.

• 04

  Compón las plantillas

  Elige Inicio, Producto, Colección o Página y añade, oculta o reordena secciones sin editar código.

• 05

  Sustituye el contenido inicial

  Revisa cada título, botón, enlace, imagen y colección. Los textos del preset son ejemplos.

Imágenes y vídeo

Unos medios bien preparados evitan recortes inesperados y protegen el rendimiento.

• 01

  Hero de escritorio

  Usa aproximadamente 2400 × 1400 px y aleja el sujeto de la zona de texto. Comprueba el recorte en el editor.

• 02

  Hero móvil

  Añade una imagen vertical cercana a 1200 × 1600 px cuando sea necesario. El recorte automático no conserva siempre un sujeto en el borde.

• 03

  Productos

  Mantén un ratio coherente, por ejemplo 4:5 cerca de 1600 × 2000 px. Añade producto solo, llevado o en contexto y un detalle cuando sea útil.

• 04

  Vídeo

  Usa un bucle corto alojado en Shopify y proporciona siempre una imagen de portada.

• 05

  Accesibilidad

  Añade texto alternativo útil a las imágenes informativas.

• 06

  Rendimiento

  Exporta en WebP o AVIF y evita medios muy pesados en la parte superior.

Catálogo y navegación

Conecta cada sección con los recursos reales de la tienda antes de publicar.

• 01

  Productos y variantes

  Comprueba precio, disponibilidad, opciones, muestras, medios, cantidad y carrito.

• 02

  Colecciones

  Añade imagen, descripción y filtros de Shopify Search & Discovery.

• 03

  Navegación

  Asigna main-menu al encabezado y footer al pie, y revisa todos los enlaces.

• 04

  Páginas de producto

  Ordena los bloques, activa recomendaciones y añade envío, cuidado y devoluciones.

• 05

  Mercados e idiomas

  Traduce el contenido con Shopify Translate & Adapt y revisa monedas, menús y textos.

• 06

  Anclas y botones

  Para enlazar una sección del inicio, usa su identificador. Para recursos Shopify, selecciona el producto, colección o página en el editor.

Lista antes de publicar

Antes de publicar, recorre la tienda como un cliente y no solo desde el editor.

• 01

  Inicio

  Comprueba botones, carruseles, imágenes de escritorio y móvil, formularios y orden de las secciones.

• 02

  Colecciones

  Comprueba imagen, texto, orden, filtros, paginación, tarjetas y el estado sin resultados.

• 03

  Productos

  Prueba opciones, variantes, medios, precio, disponibilidad, carrito y recomendaciones.

• 04

  Carrito y búsqueda

  Añade, modifica y elimina un artículo. Prueba búsqueda predictiva, resultados y carrito vacío.

• 05

  Móvil y accesibilidad

  Prueba un móvil pequeño y un escritorio, teclado, foco, contraste, textos alternativos y movimiento reducido.

• 06

  Páginas de confianza

  Enlaza contacto, entrega, devoluciones, privacidad y condiciones. Sustituye los textos legales de ejemplo.

Solución de problemas

La mayoría de problemas proceden de un recurso sin seleccionar o de un medio cuyo encuadre no coincide con la sección.

• 01

  Una sección de productos está vacía

  Selecciona una colección publicada con productos disponibles en el canal Tienda online.

• 02

  El hero está mal recortado

  Añade una imagen móvil, ajusta el punto focal y deja espacio alrededor del sujeto.

• 03

  El hover no cambia la imagen

  Añade dos medios al producto y revisa las posiciones principal y secundaria de la sección.

• 04

  No aparecen filtros

  Configura Shopify Search & Discovery y comprueba las opciones o metacampos de los productos.

• 05

  Un enlace lleva al lugar equivocado

  Selecciona de nuevo su destino. Para un ancla, confirma que el identificador exista en la página.

Preguntas frecuentes

Soporte

Para pedir ayuda, envía la URL de la tienda, la versión, la página afectada, los pasos y una captura.

Objetivo de respuesta: dos días laborables.

Notas de la versión

Versión 1.0.0 - primera versión pública

• Cuatro presets estacionales con estructuras propias.
• Heroes estáticos, divididos y en carrusel con medios móviles.
• Colecciones, filtros, búsqueda predictiva, recomendaciones y carrito lateral.
• Muestras, variantes, compra rápida, recogida y opciones de compra.
• Ajustes de marca, movimiento reducido y cuatro idiomas.