Guía de configuración de AUREL para Shopify
AUREL es un tema Shopify OS 2.0 para marcas de belleza y skincare, centrado en storytelling de ingredientes y merchandising por rutina. Esta página documenta la instalación, la configuración de cada sección y las preguntas frecuentes del tema.
Instalación y puesta en marcha
Sigue estos pasos para instalar AUREL en una tienda Shopify y dejarlo listo para personalizar.
- Adquiere el tema desde el Shopify Theme Store. Entra en themes.shopify.com (o desde tu panel de Shopify: Tienda online → Temas → Explorar temas), busca «AUREL» en el buscador o filtra por la categoría Belleza y cosmética, abre la ficha del tema, revisa las vistas previas de demo y pulsa Comprar tema. Tras completar el pago, el tema se añade automáticamente a la biblioteca de temas de tu tienda.
- Instálalo en tu tienda. En Tienda online → Temas, localiza AUREL dentro de la sección de temas comprados y pulsa Añadir para incorporarlo a tu biblioteca de temas instalados.
- Publica o previsualiza. Puedes previsualizar el tema antes de publicarlo, o publicarlo directamente si sustituye a tu tema activo.
- Configura marca y colores. Entra en el editor de temas (Personalizar) y abre el panel
Brandpara cargar tu logo, favicon y ajustar la paleta enColors. - Organiza el menú. Asigna el menú principal y el menú de footer desde Configuración del tema → Navegación, incluyendo enlaces a tus páginas de rutina e ingredientes si las usas.
- Añade tu catálogo. Carga productos y colecciones reales antes de personalizar las secciones de la home, para ver el resultado final con contenido propio.
- Personaliza las secciones. Usa el editor de temas para añadir, reordenar y configurar las secciones descritas más abajo en cada plantilla.
Configuración de secciones
Cada sección se añade y edita desde el editor de temas de Shopify (Personalizar). A continuación se detallan los ajustes principales y los bloques disponibles para las secciones de AUREL.
Hero editorial split
Bloque principal de portada con imagen a pantalla partida.
- Ajustes: imagen desktop y mobile, posición de la imagen (izquierda/derecha), altura (adaptar, media, grande, pantalla completa), ancho máximo de texto, esquema de color.
- Bloques: eyebrow, título (heading), texto enriquecido, botón primario, botón secundario, nota de confianza.
Featured collection editorial
- Ajustes: colección, eyebrow, título, texto, etiqueta y enlace de botón, número de productos (2–8), mostrar "compra rápida", esquema de color.
Routine steps
Pasos de la rutina de belleza (cleanse, hidratar, proteger, etc.).
- Ajustes: título, columnas en desktop (2–4), mostrar numeración de pasos, esquema de color.
- Bloques: "Step item" repetible — número de paso, título, texto corto y enlace a colección.
Ingredient story grid
Cuadrícula educativa de ingredientes activos.
- Ajustes: título, columnas en desktop (2–4), proporción de imagen (cuadrada, retrato, paisaje), esquema de color.
- Bloques: "Ingredient card" — imagen, título, subtítulo, descripción y enlace.
Before / after slider
- Ajustes: título, esquema de color.
- Bloques: "Result pair" — imagen antes/después, título, texto y disclaimer de resultados (recomendado mantener el disclaimer visible por buenas prácticas de claims cosméticos).
Trust icons
- Ajustes: columnas en desktop (2–6), scroll horizontal en mobile, esquema de color.
- Bloques: "Trust item" — icono SVG, título y texto (ej. "Testado dermatológicamente").
Featured product
- Ajustes: producto, texto eyebrow, layout de galería (miniaturas a la izquierda, apilado, carrusel), mostrar descripción, mostrar botón de pago dinámico, mostrar disponibilidad para recogida, esquema de color.
Product recommendations
- Ajustes: título, tipo de recomendación (relacionados/complementarios), número de productos (2–10), columnas en desktop (2–5), esquema de color.
Announcement bar
- Ajustes: rotación de mensajes, velocidad de rotación, alineación de texto, esquema de color.
- Bloques: mensaje simple y mensaje con enlace.
Newsletter rich
- Ajustes: eyebrow, título, texto, placeholder del campo de email, etiqueta del botón, esquema de color.
Custom Liquid
- Ajustes: bloque de código Liquid libre y esquema de color, para insertar contenido personalizado (widgets, apps, embebidos) en cualquier plantilla.
Ajustes del tema
Desde Personalizar → Configuración del tema puedes controlar el aspecto general de AUREL sin editar código.
| Panel | Qué controla |
|---|---|
| Brand | Logo, favicon y datos básicos de marca usados en todo el tema. |
| Colors | Esquemas de color reutilizables (color schemes) aplicados sección por sección. |
| Typography | Fuentes y escalas tipográficas para títulos y cuerpo de texto. |
| Layout | Anchos de página y espaciados generales. |
| Buttons and forms | Estilo de botones, inputs y elementos de formulario. |
| Product experience | Comportamiento de la ficha de producto y de la cuadrícula (quick add, badges, etc.). |
| Social and trust | Redes sociales y elementos de confianza mostrados en el footer. |
FAQ del tema AUREL
Dudas habituales de merchants que instalan y configuran AUREL.
¿AUREL es compatible con Shopify OS 2.0 y el editor de temas?
Sí. AUREL está construido íntegramente sobre secciones y bloques de Shopify OS 2.0, por lo que todas las secciones se añaden, reordenan y configuran desde el editor de temas nativo, sin tocar código.
¿Cómo cambio el idioma de la tienda entre español e inglés?
AUREL incluye archivos de idioma en español (es.json) e inglés (en.default.json). Actívalos desde Configuración → Idiomas en el panel de Shopify; el tema usará automáticamente las traducciones incluidas.
¿Puedo reordenar o eliminar secciones de la home?
Sí, todas las secciones de la home son opcionales y se pueden añadir, eliminar, duplicar y reordenar libremente por arrastre desde el editor de temas.
¿El tema soporta metafields para fichas de producto enriquecidas?
Sí. AUREL está preparado para aprovechar metafields de producto habituales en skincare (tipo de fórmula, concerns, ingredientes, claims de resultados) si se configuran en el catálogo. Consulta la sección "Configuración de secciones" para ver dónde se muestran.
¿Qué hago si una sección no aparece en el editor?
Confirma que estás editando la plantilla correcta (Home, Producto, Colección, etc.), ya que algunas secciones son específicas de plantilla. Si el problema persiste, contacta con soporte del tema desde el formulario más abajo.
¿Cómo reporto un bug o pido ayuda de configuración?
Usa el formulario de soporte del tema en la sección "Soporte" de esta misma página. Es un canal exclusivo para compradores del tema AUREL, distinto del contacto de la tienda.
Soporte del tema AUREL
Este formulario es exclusivo para merchants que han adquirido el tema AUREL a través de la Shopify Theme Store. Para consultas de clientes de una tienda concreta, utiliza el formulario de contacto de esa tienda, no este.
Enviar una consulta de soporte
Al enviar, tu consulta se procesa automáticamente y te responderemos por email. Si lo prefieres, escribe directamente a [email protected].