Lintel — Documentación
Tema de Shopify para tiendas de muebles, arte, cerámica, iluminación y fitness en casa · Versión 1.0.0 · Autor: Lizardassets · English version
Estado. Lintel 1.0.0 no ha sido aprobado por Shopify ni está publicado en la Shopify Theme Store. Todavía no se ha probado en una tienda Shopify real: todas las comprobaciones hasta ahora se han hecho en local. Esta guía describe el código y los ajustes del tema tal como están en la versión 1.0.0.
Contenido
- Introducción
- Instalación y elección del preset
- Configuración global
- Secciones y bloques
- Plantillas
- Funciones propias del tema
- Preguntas frecuentes y solución de problemas
- Soporte
- Registro de cambios
Los nombres en negrita son los que ves en el editor de temas con el panel de administración en español. Los textos entre «comillas» son los que ve el comprador. La ruta Configuración del tema › Grupo › Ajuste señala el panel de ajustes del tema en el editor.
1. Introducción
Lintel está pensado para tiendas cuyos productos tienen un tamaño que importa: muebles, obra enmarcada, cerámica, lámparas y equipos de entrenamiento en casa. Las medidas se leen de los metacampos de tus productos y variantes y se muestran con palabras, tablas y dibujos a escala, en centímetros o pulgadas. Si faltan datos, no se calcula ni se inventa nada: el tema simplemente muestra menos.
Lintel incluye cinco presets (estilos). No son variaciones de color de una misma maqueta: cada uno tiene su propia cabecera, panel de menú en escritorio, menú móvil, tarjeta de producto, revelado de tarjeta, vista rápida, panel del carrito, página del carrito, panel de búsqueda, resultados de búsqueda, filtros de colección, composición de la ficha de producto, pie de página y estilo de movimiento.
- Lintel — muebles e interiorismo: una habitación comprable, el plano de la casa, el paso de puerta en las tarjetas, en la vista rápida y en el carrito, y un carrito de puerta corredera.
- Lucerna — iluminación: un escenario de luz que enciende una sala, bandas de luz por temperatura de color, un regulador en la ficha de producto y una «persiana» oscura de carrito que suma la luz del pedido.
- Mantel — cerámica y vajilla: una balda de formas a su altura relativa, muestras en azulejo de prueba, una rejilla de galería en dos tamaños, una vista rápida en hoja inferior y un carrito en pila.
- Enfilade — arte y ediciones: una cabecera partida con índice A–Z de artistas, tarjetas tipo cartela de museo, una rejilla de colgado de salón, una sala de observación a pantalla completa y un carrito en lista numerada de catálogo.
- Telamon — equipos de fitness para casa: un díptico plegable (en uso / guardado), planos de ocupación a escala, un dique inferior en móvil y un carrito en plano de suelo que dibuja cada pieza sobre una cuadrícula de 1 m.
2. Instalación y elección del preset
2.1 Añadir el tema
- En el panel de Shopify, abre Tienda online › Temas.
- Añade Lintel a tu biblioteca de temas y elige el preset (estilo) con el que quieres empezar.
- El tema se añade sin publicar. Pulsa Personalizar para abrir el editor y verlo con tus productos antes de publicarlo.
2.2 Qué preset elegir
| Preset | Indicado para | Palabras del catálogo | Cabecera | Ficha de producto |
|---|---|---|---|---|
| Lintel | Muebles, interiorismo | Muebles: pieza, acabado, habitación | Dintel: menú en vanos junto al nombre | Vistas: Pieza / En la sala / Plano |
| Lucerna | Lámparas e iluminación | Iluminación: lámpara, acabado, estancia | Buscador: campo junto al menú | Escenario con regulador y placa de características |
| Mantel | Cerámica, vajilla | Cerámica: pieza, esmalte, foto | Estante: nombre arriba, fila de menú debajo | Fotos apiladas con su leyenda |
| Enfilade | Arte, grabados, ediciones | Arte: obra, marco, pared | Partida: menú a ambos lados del nombre | Obra centrada con cartela en dos columnas |
| Telamon | Equipos de fitness para casa | Fitness: equipo, color, espacio | Dique: campo de búsqueda y menú segmentado | Dos columnas iguales y debajo el plano de ocupación |
Elige el preset cuya forma de comprar se parezca más a tu catálogo, no solo por sus colores. Todos los presets comparten los mismos ajustes, así que después puedes combinar opciones (por ejemplo, el paso de puerta de Lintel con otro estilo de tarjeta).
2.3 Qué instala cada preset
Cada preset trae su propia página de inicio, plantillas de producto, colección, carrito y búsqueda, cabecera y pie:
- Lintel — inicio: Habitación comprable, Plano de la casa, Colección destacada (Cajetín), Acabado protagonista, Guía de medidas, Biblioteca de acabados, Suscripción por correo. La ficha añade Biblioteca de acabados, Productos relacionados y Vistos recientemente. Colección: columna lateral con árbol. Página del carrito: lista agrupada con columna de medidas. Pie: banda base con cuatro columnas y unidades.
- Lucerna — inicio: Escenario de luz, Bandas de luz, Colección destacada (Tabla de catálogo iluminada), Imagen con texto (Colgada de un cordón), Columnas de texto (Placa de características), Suscripción por correo (Placa nocturna). Colección: barra fija con chips y conmutador de lámparas apagadas / encendidas. Página del carrito: tabla técnica. Pie: noche, guías primero e interruptor de luz.
- Mantel — inicio: Imagen con texto, Balda de formas, Colección destacada (Sobre baldas), Habitación comprable, Columnas de texto (Pasos del taller), Acabado protagonista, Preguntas (Etiquetas de cuidado). Colección: balda que empuja la rejilla, pictogramas de forma, tamaños alternos. Página del carrito: losetas en dos columnas. Pie: leyenda de cuidados primero. Incluye además una plantilla de página con una Guía de medidas sobre diámetro, altura y capacidad.
- Enfilade — inicio: Habitación comprable, Comprar por habitación, Colección destacada (Colgado de salón), Lista de colecciones (Salas de exposición), Artículos del blog (Entradas de catálogo), Suscripción por correo (Tarjeta de invitación). Colección: columna índice con línea alfabética y rejilla de salón. Página del carrito: lista numerada. Pie: colofón centrado. Incluye además una segunda plantilla de producto para publicaciones, con una lista de bloques más corta (sin vista a escala, medidor, consulta ni autoría).
- Telamon — inicio: Díptico plegable, Segmentos por disciplina, Producto destacado, Lista de colecciones (Cuadrícula de suelo), Preguntas (Pasos de montaje), Suscripción por correo (Comprobante plegable). Colección: segmentos y panel lateral con conmutador rejilla / lista comparativa. Página del carrito: lista de comprobación con unidad de venta y bultos. Pie: compacto con columnas plegables.
Las demás plantillas (blog, artículo, páginas, contacto, 404, contraseña, lista de colecciones) son comunes a todos los presets.
2.4 Cambiar de preset más adelante
Los ajustes del tema de cada preset (colores, fuentes, tarjeta, diseños de vista rápida, carrito y búsqueda, movimiento) se guardan como un estilo. Cuando el editor de temas te ofrezca cambiar de estilo, cambiará esos ajustes; tus plantillas y las secciones que hayas organizado se quedan como están. Para empezar desde la página de inicio y las plantillas completas de otro preset, vuelve a añadir el tema con ese preset.
2.5 Primeros pasos
- Configuración del tema › Logotipo y favicon: sube tu logotipo y tu favicon.
- Configuración del tema › Vocabulario › Palabras del catálogo: elige las palabras que corresponden a lo que vendes.
- Configuración del tema › Medidas y acabados: crea definiciones de metacampo de tipo Dimensión (Configuración › Datos personalizados) e introduce su espacio de nombres y sus claves. Consulta 6.1.
- Asigna tus menús en las secciones Encabezado y Pie de página.
- Activa los filtros en la app Search & Discovery de Shopify si quieres filtrar en la tienda.
- Sustituye todos los textos de ejemplo de las secciones de inicio (testimonios y prensa vienen con textos marcados como ejemplo).
- Revisa la tienda en un móvil y en un escritorio antes de publicar.
3. Configuración global
3.1 Colores y esquemas de color
Configuración del tema › Colores contiene los esquemas de color. Cada esquema tiene:
- Fondo, Degradado del fondo, Superficie (franjas técnicas, campos y paneles), Texto, Títulos, Acento y enlaces, Señal y Etiqueta de señal (puntos de habitación, contadores y selección), Botón principal, Texto del botón principal, Botón secundario, Líneas.
- Colores de insignias: oferta, agotado e información, cada una con el color de su texto.
- Un juego completo de colores oscuros para los mismos papeles (consulta 3.2).
Cada preset trae cinco esquemas. Cada sección tiene su propio ajuste Esquema de color.
Colores por zona fija el esquema de las partes que se abren sobre la página: Cajón del carrito, Vista rápida, Tarjetas de producto (una tarjeta con otro esquema que el de su sección se dibuja como una loseta), Megamenú, Menú móvil, Búsqueda, Cajón de filtros, Barra fija de compra y Avisos (confirmaciones de formularios).
Mantén un contraste mínimo de 4,5:1 entre texto y fondo, y entre acento y fondo, tanto en los colores claros como en los oscuros.
3.2 Modo oscuro
Configuración del tema › Colores › Modo oscuro:
- Desactivado: solo se usan los colores claros.
- Según el dispositivo: la tienda usa los colores oscuros de cada esquema cuando el dispositivo del comprador está en modo oscuro.
- Según el dispositivo, con un conmutador: lo mismo, más un conmutador para el comprador. Posición del conmutador: Cabecera, Pie de página o Cabecera y pie de página. Sin JavaScript el conmutador se oculta y se aplica el ajuste del dispositivo.
Los cinco presets vienen con el conmutador activado. Varias secciones admiten una foto de noche que se muestra en modo oscuro (Habitación comprable, Exposición actual, Díptico plegable) y el Escenario de luz puede empezar encendido o apagado según los colores de la tienda.
3.3 Tipografía
Configuración del tema › Tipografía:
- Títulos: Fuente, Tamaño de títulos (80–130 %), Mayúsculas de los titulares (Como se escriben, Mayúsculas, Versalitas), Títulos de producto (Normal o Cursiva; la cursiva se aplica en tarjetas, fichas, carrito, búsqueda, habitaciones y vista rápida).
- Texto e interfaz: Fuente (se usa en precios, medidas y controles; una fuente con cifras tabulares mantiene los números alineados) y Tamaño del texto (90–120 %).
Las fuentes proceden de la biblioteca de fuentes de Shopify.
3.4 Diseño y movimiento
- Configuración del tema › Diseño: Ancho de página (1000–1800 px), Espacio entre secciones (Compacto, Normal, Amplio), Estilo de botón (Recto, Suave, Redondeado, Con filete, Bloque) y Esquinas de botones, Estilo de campo (Con marco, Subrayado, Relleno), Foco del teclado (Anillo, Anillo separado, Subrayado y contorno), Esquinas de imágenes, Esquinas de paneles, campos y cajones, Imágenes de la galería del producto (Automático o Siempre enteras).
- Configuración del tema › Movimiento: Estilo de movimiento (Umbral, Encendido, Asentado, Silencio, Bisagra), Velocidad del movimiento (70–130 %), Transiciones suaves entre páginas, Revelar secciones al desplazarse y Precargar páginas al señalar (los enlaces de carrito, pago y cuenta nunca se precargan). Nada se mueve cuando el dispositivo del comprador pide movimiento reducido.
3.5 Cabecera
La sección Encabezado (grupo de cabecera) tiene:
- Menú y Menú de la cuenta del cliente (los enlaces de la hoja que abre el icono de cuenta).
- Barra › Composición: Dintel, Buscador, Estante, Partida o Dique. Posición del logotipo en escritorio (solo Dintel), Búsqueda, cuenta y carrito como Iconos o Palabras, Acceso a la búsqueda (botón que abre un panel, campo que se ensancha sobre el menú o campo siempre visible), Texto de ayuda del campo, Al desplazarse (comprimir la barra, mantenerla visible, mantener solo la segunda fila, ocultar al bajar y mostrar al subir, o desplazarse con la página) y Línea de texto (la muestra la composición Partida).
- Bloques Promoción en el menú: imagen, título, texto y enlace en el panel de un elemento de primer nivel, o en todos los paneles.
El logotipo se configura en Configuración del tema › Logotipo y favicon (Logotipo, Ancho del logotipo 60–320 px, Favicon). La sección Barra de anuncios va sobre la cabecera, con uno o varios bloques Anuncio (texto y enlace).
3.6 Menús
- Panel del menú en escritorio (Encabezado › Menús): Plano con «En esta sala», Fila de colgantes, Estante de piezas, Índice A–Z con vista previa o Columnas filtradas por segmento. Orden del índice se aplica al índice A–Z. Mostrar imágenes en los menús usa la imagen de la colección en los elementos que enlazan a colecciones.
- Menú móvil: Niveles con miga, Persiana desde arriba, Hoja inferior, Índice a pantalla completa o Dique inferior con resumen del carrito. Se usa por debajo de 990 px y en escritorio cuando el menú no cabe. Nombre del catálogo da nombre a la pestaña del catálogo del dique.
- Mostrar país e idioma en el menú móvil y País e idioma en la barra: los selectores solo aparecen cuando Shopify Markets ofrece más de una opción.
3.7 Pie de página
La sección Pie de página tiene Composición (Banda base con cuatro columnas y unidades, Noche: guías primero e interruptor de luz, Leyenda de cuidados primero, Colofón centrado, Compacto con columnas plegables), Mostrar «Arriba», Mostrar selectores de país e idioma, Mostrar Seguir en Shop (requiere Shop Pay), Mostrar iconos de pago, Mostrar enlaces a políticas y Esquema de color. Bloques: Marca, Menú, Texto, Guías (últimos artículos de un blog), Leyenda de cuidados (marcas de lavavajillas, microondas y horno con tu propio texto), Índice de autores y Suscripción por correo.
Los enlaces sociales se introducen en Configuración del tema › Redes sociales (Instagram, Pinterest, Facebook, TikTok, YouTube, X, LinkedIn).
3.8 Carrito
Configuración del tema › Carrito:
- Tipo de carrito: Panel lateral o Página. Diseño del carrito: Puerta corredera, Persiana oscura bajo la cabecera, Pila anclada al icono del carrito, Lista numerada a pantalla completa o Plano de suelo con cada pieza a escala. Todos los diseños conservan las mismas líneas, descuentos, nota y pago; la página del carrito funciona sin JavaScript.
- Agrupar las líneas del carrito por (nada, tipo de producto o proveedor), Permitir notas del pedido, Mostrar medidas en el carrito.
- Mostrar productos complementarios en el panel del carrito (los productos complementarios de Shopify, configurados en la app Search & Discovery) y Colección si no hay recomendaciones.
- Umbral de envío gratis y hasta tres recompensas (Recompensa 1–3 · importe y · texto): la barra solo cuenta; los descuentos o regalos se configuran en Shopify.
- Mostrar un cálculo del envío en el carrito (país, provincia y código postal; una estimación a partir de tus tarifas de envío) y Enlace de condiciones de entrega.
- Pedir que se acepten los términos antes del pago y Página de términos.
- Ofrecer un servicio en el carrito, Nombre del servicio, Nota de precio y Producto de servicio (opcional): una casilla que se guarda con el pedido como atributo del carrito y que, si quieres, añade un producto de servicio con su propio precio.
- Colección para el enlace del carrito vacío.
Los códigos de descuento se introducen en el pago de Shopify. Los descuentos automáticos y los ya aplicados se muestran en el carrito, por línea y para todo el pedido.
3.9 Búsqueda
Configuración del tema › Búsqueda: Mostrar sugerencias al escribir, Diseño de la búsqueda (Panel bajo la cabecera con fichas de colección, Filas técnicas bajo el campo, Balda, Catálogo razonado en una columna, Comparador de huella), Menú de atajos, Búsquedas frecuentes, Colección destacada (hasta cuatro productos antes de escribir), Mostrar precio en sugerencias y Mostrar proveedor en sugerencias.
3.10 Otros ajustes globales
- Tarjetas de producto: forma y encaje de la imagen, Estilo de tarjeta (Lámina con cajetín, Franja técnica, Loseta redondeada, Cartela de museo, Plano con unidad de venta), Revelado de la tarjeta, Ancho de la puerta, insignias, foto de ambiente al pasar el cursor, medidas, Detalle de la tarjeta, valoración, muestras, opciones de vista rápida y añadido rápido, Metacampo de personalización, proveedor y ritmo de Rejilla de las colecciones. Consulta 6.2 y 6.3.
- Medidas y acabados, Piezas y Datos del producto: los metacampos que lee el tema. Consulta 6.1.
- Formato de moneda › Mostrar códigos de moneda.
- Vocabulario › Palabras del catálogo: Muebles, Arte, Cerámica, Fitness, Iluminación o General. Estas palabras se usan en la búsqueda, las colecciones, las tarjetas, las habitaciones y la página 404; tus propios títulos se quedan como los escribas.
4. Secciones y bloques
Lintel tiene 53 secciones y 12 bloques de tema. Las tablas recogen las secciones que puedes añadir o editar; todas tienen además el ajuste Esquema de color, que no se repite.
4.1 Grupos de cabecera y pie
| Sección | Ajustes clave |
|---|---|
| Barra de anuncios | Bloques Anuncio con texto y enlace. |
| Encabezado | Menús, composición de la barra, acceso a la búsqueda, comportamiento al desplazarse, panel del menú en escritorio, menú móvil, localización, bloques Promoción en el menú (3.5–3.6). |
| Pie de página | Composición, «Arriba», localización, Seguir en Shop, iconos de pago, políticas; bloques Marca, Menú, Texto, Guías, Leyenda de cuidados, Índice de autores, Suscripción por correo (3.7). |
4.2 Habitaciones, escenas y medidas
| Sección | Ajustes clave |
|---|---|
| Habitación comprable | Foto del ambiente, foto y recorte para móvil, foto de noche, segunda foto opcional con conmutador (p. ej. luces encendidas, equipo guardado), estilo de los puntos (Número, Con medida, Sello), posición del panel, disposición del texto; bloques Punto con producto, variante que se ve y posiciones por foto. |
| Plano de la casa | Bloques Sala con colección, nombre, superficie, foto y pared de la puerta; al señalar una sala se abren tres de sus piezas con medidas. |
| Comprar por habitación | Bloques Habitación con colección, nombre, descripción breve e imagen de vista previa; Usar una foto de producto en las habitaciones sin foto. |
| Escenario de luz | Fotos con las luces apagadas y encendidas (escritorio y móvil), Sala al cargar, nombres de los estados, nota sobre la foto, texto y enlace; bloques Luz de la escena. |
| Bandas de luz | Bloques Banda con título, Temperatura de color (1800–6500 K), texto, colección, imagen y texto del enlace. |
| Díptico plegable | Pareja: En uso y guardado, o Día y tarde; fotos de cada estado, fotos para móvil y pareja de noche, punto focal en móvil, nombres de los estados, texto y enlace; bloques Pieza de la sala. |
| Exposición actual | Una obra colgada entera sobre una foto de pared: Obra, fotos de pared para escritorio, móvil y noche, ancho y altura de la obra en la pared, posición de la cartela, fechas, texto y enlace. |
| Guía de medidas | Título, texto, Mostrar selector cm / in, Dibujo (Automático, Sofá, Obra enmarcada, Taza, Ninguno); bloques Consejo. |
| Balda de formas | Bloques Forma con colección, título, pieza en la balda (su altura real fija su tamaño) e imagen opcional. |
| Segmentos por disciplina | Bloques Segmento con colección y título; Productos por segmento, Columnas en escritorio. |
4.3 Productos y colecciones
| Sección | Ajustes clave |
|---|---|
| Colección destacada | Aspecto (Sencillo, Cajetín, Tabla de catálogo iluminada, Sobre baldas, Colgado de salón), colección, productos que mostrar (2–16), columnas, Deslizar en móvil, Mostrar enlace «Ver todo». |
| Producto destacado | Producto; bloques Proveedor, Título, Precio, Unidad de venta, Plano de ocupación, Opciones y acabado, Medidas, Ficha técnica, Disponibilidad, Cantidad, Botones de compra, Advertencias, Texto, Liquid personalizado, aplicaciones. |
| Lista de colecciones | Aspecto (Tarjetas, Salas de exposición, Cuadrícula de suelo), columnas en escritorio y móvil; bloques Colección. |
| Acabado protagonista | Detalle del acabado, nombre del acabado, Valor de opción que coincide, colección donde buscar, piezas que mostrar; lista las variantes con ese acabado. |
| Biblioteca de acabados | Bloques Acabado con nombre, valor de opción, imagen o color de muestra, descripción, colección y Solo muestra de referencia. |
| Índice de artistas | Bloques Artista con colección, nombre, Ordenar por, técnica y obra mostrada. |
| Perfil de autoría | Imagen y su forma, oficio, nombre, biografía, colección, mostrar las piezas, título y número de piezas, columnas; bloques Dato. |
| Productos relacionados | Título, productos que mostrar (2–8). Solo en la plantilla de producto. |
| Vistos recientemente | Aspecto (Tira de cajetines con medidas, Filas oscuras con color de luz, Piezas de pie en una balda, Lista numerada de catálogo, Tarjetas compactas con huella), productos mostrados (2–12). |
4.4 Contenido
| Sección | Ajustes clave |
|---|---|
| Imagen con texto | Aspecto (Lado a lado, Colgada de un cordón), imagen, Imagen de detalle, disposición, ancho y forma de la imagen; bloques Texto, Botón, Frase destacada. También aparece como el preset «Relato de materiales». |
| Texto enriquecido | Alineación; bloques Título, Texto, Botón, Etiqueta pequeña. |
| Columnas de texto | Aspecto (Columnas, Placa de características, Pasos del taller), título, columnas, forma de las imágenes; bloques Columna con imagen, icono, título, texto y enlace. |
| Preguntas | Aspecto (Acordeón, Etiquetas de cuidado, Pasos de montaje); bloques Fila con pregunta, respuesta o respuesta desde una página, abierta por defecto. |
| Testimonios | Aspecto (Cajetines, Banda nocturna con citas encendidas, Losetas redondeadas, Centrados en cursiva, Tarjetas enmarcadas con segmentos); bloques Testimonio con cita, autor, lugar, foto, valoración (0–5) y producto. |
| Prensa y socios | Aspecto (Fila entre filetes, Banda nocturna, En una balda, Índice en versalitas, Rejilla enmarcada), Logotipos en escala de grises; bloques Logotipo con nombre, imagen, enlace y frase corta. |
| Artículos del blog | Aspecto (Tarjetas, Entradas de catálogo), blog, texto del enlace, artículos que mostrar (2–6), mostrar fecha. |
| Suscripción por correo | Aspecto (Centrado, Cajetín, Placa nocturna, Tarjeta de invitación, Comprobante plegable), etiqueta pequeña, título, texto. |
| Vídeo | Vídeo alojado en Shopify o una URL de YouTube/Vimeo, imagen de portada, descripción para lectores de pantalla, pie de vídeo, forma. El vídeo solo se reproduce cuando el comprador pulsa reproducir. |
| Formulario de contacto | Título. |
| Grupo | Ancho, disposición (en columna o en fila), alineación, espaciado; contiene bloques de tema y de aplicaciones. Un segundo «Grupo», con solo esquema de color, admite cualquier bloque de tema. |
| Liquid personalizado | Código Liquid. |
| Aplicaciones | Ajustar al ancho de página; contiene bloques de aplicaciones. |
4.5 Bloques de tema
Título (tamaño), Texto (Grande o Normal), Etiqueta pequeña, Botón (Relleno, Contorno, Enlace de texto), Imagen (Original, Horizontal, Vertical, Cuadrada), Frase destacada, Precio y Medidas (conectados por defecto al producto más cercano), Grupo, Liquid personalizado, Fila (para Preguntas) y Columna (para Columnas de texto).
4.6 Secciones que dibuja el tema
Panel del carrito, Complementos del carrito, Cálculo del envío, Estado del carrito, Sugerencias de búsqueda, Vista rápida y Elemento visto las dibuja el tema a partir de los ajustes globales. No tienen ajustes propios en el editor.
5. Plantillas
5.1 Producto
La sección Información de producto tiene:
- Forma del escenario de medios (Horizontal 4:3, Cuadrado, Vertical 4:5, Panorámico 16:9), Activar zoom de imagen, Composición de la ficha (Vistas: Pieza / En la sala / Plano; Escenario con regulador y placa de características; Fotos apiladas con su leyenda; Obra centrada con cartela en dos columnas; Dos columnas iguales y debajo el plano de ocupación), Esquema de color del escenario, Posición de la fuente de luz y Las fotos encendida y apagada tienen el mismo encuadre (composición con regulador).
- Par de fotos: Metacampo de la segunda foto y los nombres de las dos fotos, para un conmutador entre dos estados (encendido / apagado, en uso / plegado).
- Mostrar barra de compra en móvil: aparece cuando el botón de añadir al carrito sale de la pantalla.
Bloques: Ruta de navegación, Proveedor, Sobre el proveedor, Título (con subtítulo y valoración), La pieza que te llevas, Otras piezas de la serie, Precio (nota de impuestos, Shop Pay Installments), Unidad de venta, Plano de ocupación, Opciones y acabado (botones o desplegable, muestras, Mostrar «Pedir muestra»), Vista a escala, Medidas (franja o tabla, selector cm / in, dibujo opcional), Ficha técnica (filas desde metacampos, explicaciones), Disponibilidad (umbral de pocas unidades, SKU), Cantidad, Botones de compra (pago acelerado, formulario de destinatario de tarjeta regalo, texto para preventas y pruebas en casa), Advertencias, Plazo de entrega, Recogida en tienda, Nota de entrega, Descripción, Fila desplegable, Productos complementarios (solo enlaces, un «+» en cada pieza o comprar juntos con casillas), Consulta sobre este producto, Autoría, Medidor, Texto, Liquid personalizado y bloques de aplicaciones.
La galería de medios del producto admite imágenes, vídeos y modelos 3D.
5.2 Colección
La sección Colección tiene productos por página (8–48), columnas en escritorio (2–4) y móvil (1–2), Estilo de rejilla (Uniforme, Celdas con filetes, Tamaños alternos, Salón), descripción e imagen de la colección, Activar filtros, Activar orden, Disposición de los filtros (Columna lateral con árbol, Barra fija, Balda que empuja la rejilla, Columna índice, Segmentos y panel lateral), Menú de colecciones, Mostrar tipos de mueble sobre la rejilla y Estilo de tipologías, El comprador elige las columnas, Mostrar un conmutador de vista con Conmutador de vista (Foto de pieza / ambiente, Lámparas apagadas / encendidas, Rejilla / lista comparativa) e Imagen de tarjeta por defecto. La plantilla Página de colecciones tiene un ajuste de título.
5.3 Blog y artículos
La sección Blog muestra los artículos por página (3–24). La sección Artículo tiene Mostrar autor; muestra las etiquetas del artículo y, si el blog admite comentarios, los comentarios y su formulario.
5.4 Páginas
La sección Página muestra el contenido de la página. La plantilla de contacto añade la sección Formulario de contacto. Puedes añadir cualquier sección a las plantillas de página.
5.5 Página 404
La sección Página 404 muestra un mensaje, un campo de búsqueda y una Imagen decorativa opcional (por ejemplo, un vano vacío). Sus palabras siguen las Palabras del catálogo.
5.6 Búsqueda, carrito, contraseña y tarjeta regalo
- Resultados de búsqueda: resultados por página, Diseño de resultados (Rejilla con columna de salas, Tabla técnica con vista de rejilla, Galería en dos tamaños, Catálogo razonado, Comparador de huella), filtros y orden.
- Carrito: Diseño (Lista agrupada con columna de medidas, Tabla técnica, Losetas en dos columnas, Lista numerada, Lista de comprobación con unidad de venta y bultos), Agrupar las líneas por, imagen y enlaces del carrito vacío, Enlace de condiciones (lista numerada) y Metacampo de bultos (lista de comprobación).
- Página de contraseña: título, un formulario de suscripción por correo y el formulario de contraseña.
- Tarjeta regalo: el valor, el código, un código QR, un enlace a Apple Wallet cuando Shopify lo ofrece y la opción de imprimir.
6. Funciones propias del tema
6.1 Medidas, acabados y piezas (metacampos)
-
Medidas: ancho, fondo, alto y, opcionalmente, diámetro y caída mínima y máxima, leídos de metacampos de tipo Dimensión, primero de la variante y después del producto. Configura el espacio de nombres y las claves en Configuración del tema › Medidas y acabados (por defecto:
custom.width,custom.depth,custom.height,custom.diameter,custom.drop_min,custom.drop_max). -
Segundo juego de medidas (por ejemplo, plegado o guardado) con el prefijo
stored_por defecto, másstored_labelystored_note. - Clave del dibujo acotado: un metacampo de archivo con el dibujo con medidas de cada producto, que se añade a la galería.
- Mostrar medidas en la unidad introducida, centímetros o pulgadas, y Permitir cambiar entre cm y pulgadas.
- Nombres de la opción de acabado, Muestras (solo la muestra o botón con nombre y color), Forma de las muestras (círculo o azulejo de prueba, con Color del barro del azulejo). Las muestras siguen los datos de muestra configurados en las opciones de producto de Shopify.
- Piezas: pieza única, estado de la serie (abierta o cerrada), piezas del juego, una nota, fotos de la serie y qué cambia en la serie.
-
Metacampo de la unidad de venta (
custom.sold_aspor defecto): lo que cubre el precio, junto al precio, en la vista rápida, el carrito y la búsqueda.
6.2 Paso de puerta
«¿Pasa por la puerta?» compara la sección más pequeña de una pieza con una puerta estándar (203 cm de alto; ancho fijado en Ancho de la puerta, 70–100 cm) y da el veredicto con palabras, como «Pasa por una puerta de 80 cm, con 12 cm de holgura» o «Necesita una puerta más ancha (92 cm)». Aparece:
- en las tarjetas de producto, cuando Revelado de la tarjeta es Paso de puerta;
- en la vista rápida, con el diseño Vano a escala;
- en el carrito, con el diseño Puerta corredera y la página del carrito Lista agrupada: «Comprobar mi entrega» permite al comprador indicar su puerta más estrecha (60–100 cm) y cada línea muestra si pasa de frente, solo inclinada o necesita una puerta más ancha.
El veredicto es orientativo, usa solo las medidas declaradas y necesita al menos dos de ellas.
6.3 Vista rápida y añadido rápido
Vista rápida para productos con opciones abre en un panel las fotos, vídeos y modelos 3D, las opciones, las medidas y el botón de añadir; sin JavaScript abre la ficha de producto. Diseño de la vista rápida: Vano a escala con la pieza y una regla de 203 cm, Panel colgado de la cabecera, Hoja inferior que recorre los productos vecinos, Sala de observación a pantalla completa (con Imagen de pared de la sala de observación opcional) o Panel que se despliega junto a la tarjeta. Opciones: Vista rápida también para productos sin opciones, Vista a escala en la vista rápida, Ficha técnica en la vista rápida. Añadir rápido en productos sin opciones añade directamente, con un botón de texto o un «+» compacto. Un producto cuyo Metacampo de personalización es verdadero abre siempre su ficha.
6.4 Revelado de la tarjeta
Al pasar el cursor, con el foco del teclado o con el botón propio de la tarjeta se muestra un segundo estado: Paso de puerta, Foto encendida, Asentar y abrir las muestras en abanico, En la pared o Guardado o plegado. La foto procede del Metacampo de la foto revelada (o de los valores por defecto que describe el ajuste). Los productos sin esos datos no muestran nada más.
6.5 Dibujos a escala
- Vistas: Pieza / En la sala / Plano (Lintel): alzado, perfil y planta dibujados con las medidas de la variante, con cotas en cm o pulgadas.
- Bloque Vista a escala: la pieza junto a un sofá de 200 × 85 cm, una cama de 160 cm o una persona de 170 cm.
- Bloque Plano de ocupación (Telamon): el suelo que ocupa un producto, en uso y guardado, visto desde arriba. Un metacampo de archivo
plan_in_useoplan_storedsustituye al dibujo. - Carrito en Plano de suelo (Telamon): cada línea sobre una cuadrícula de 1 m, con un conmutador «Guardado» para las piezas que tienen un segundo juego de medidas.
- Sección Guía de medidas con dibujos de sofá, obra enmarcada o taza.
Estos dibujos usan solo los valores declarados; nunca deciden si una pieza cabe en una habitación.
6.6 Herramientas de iluminación (Lucerna)
La composición de ficha con regulador funde la foto apagada en la encendida; con metacampos de temperatura de color y flujo luminoso, los muestra en su escala. El conmutador de colección Lámparas apagadas / encendidas, las secciones Escenario de luz y Bandas de luz, la franja de cada línea del carrito (montaje, casquillo, color de luz, potencia, flujo) y el balance de luz del carrito (sumas de valores declarados) usan las claves de la ficha técnica de iluminación installation, bulb, light_color, power y luminous_flux en tu espacio de nombres de medidas.
6.7 Filtros y orden
Los filtros proceden de la app Search & Discovery de Shopify; el tema solo muestra los filtros que devuelve Shopify. Hay cinco disposiciones (consulta 5.2), cada una con su propio panel en móvil y funcionando sin JavaScript. El filtro de tipo de producto puede mostrarse como Tipologías (pestañas, árbol, chips, pictogramas de forma, línea alfabética). Rejilla / lista comparativa muestra una lista ordenable de productos, también por medidas en uso y guardado cuando al menos dos filas las tienen.
6.8 Búsqueda predictiva
Con Mostrar sugerencias al escribir, el panel de búsqueda sugiere productos, colecciones, páginas, artículos y términos de búsqueda mientras el comprador escribe, en el Diseño de la búsqueda elegido. Antes de escribir puede mostrar un menú de atajos, búsquedas frecuentes y productos destacados.
6.9 Vistos recientemente
La sección Vistos recientemente lista los productos que el comprador ha abierto, guardados solo en su navegador. Puede añadirse a las plantillas de producto, colección, inicio, página, búsqueda y carrito.
6.10 Herramientas de la ficha de producto
-
Pedir muestra: una variante de un producto de muestras indicada con un metacampo de variante con la clave
sample(pon el producto de muestras como No listado). -
Plazo de entrega: días laborables desde los metacampos de variante o producto
custom.delivery_days_minycustom.delivery_days_max, o los valores por defecto del bloque, siempre marcado como estimación; un metacampo de dinerocustom.delivery_costañade el coste. - Advertencias: los avisos introducidos en el campo estándar de advertencias del producto.
- Consulta sobre este producto: el formulario de contacto de Shopify con el producto y la variante ya incluidos en el mensaje.
-
Autoría: una referencia a un metaobjeto (
custom.makerpor defecto) con nombre, oficio, imagen, biografía y colección. - Medidor: un valor de un metacampo de número, valoración, dimensión, volumen o peso sobre una regla, barra, puntos, línea o segmentos.
- Preventas y pruebas en casa: las opciones de compra que se pagan en parte más tarde muestran lo que se paga al finalizar la compra y lo que queda.
-
Valoración: estrellas y número de valoraciones de los metacampos
reviews.ratingyreviews.rating_countque mantiene tu app de reseñas.
6.11 Idiomas
El tema incluye traducciones de la tienda y del editor en inglés, español, francés, alemán e italiano.
7. Preguntas frecuentes y solución de problemas
Las medidas no aparecen en los productos. Comprueba que existen las definiciones de metacampo (Configuración › Datos personalizados), que son de tipo Dimensión y que el espacio de nombres y las claves de Configuración del tema › Medidas y acabados coinciden. Los valores se leen primero de la variante y después del producto. Un número sin unidad se muestra con la nota «unidad no indicada» y no se convierte.
El paso de puerta no aparece en una tarjeta. El producto necesita al menos dos medidas y Revelado de la tarjeta debe ser Paso de puerta. En el carrito, «Comprobar mi entrega» solo aparece con el diseño Puerta corredera o con la página del carrito Lista agrupada.
Las muestras solo muestran nombres. Configura muestras (color o imagen) en los valores de las opciones de producto en Shopify y deja activado Mostrar muestras de acabado.
No hay filtros en las colecciones. Activa Activar filtros en la sección Colección y configura los filtros en la app Search & Discovery. Las tipologías necesitan el filtro de tipo de producto.
Los productos complementarios están vacíos. Elige productos complementarios en la app Search & Discovery o define Colección si no hay recomendaciones.
No hay campo de código de descuento en el carrito. Los códigos de descuento se introducen al finalizar la compra. Los descuentos aplicados y automáticos se muestran en el carrito.
La barra de envío gratis no aparece. Introduce el Umbral de envío gratis sin símbolos. La barra se oculta cuando el carrito está en otra moneda.
No aparece el conmutador de modo oscuro. Pon Modo oscuro en Según el dispositivo, con un conmutador y revisa Posición del conmutador.
No hay animaciones. Puede que el dispositivo del comprador pida movimiento reducido o que Revelar secciones al desplazarse esté desactivado.
Faltan los selectores de país e idioma. Solo aparecen cuando Shopify Markets ofrece más de un país o idioma.
Los testimonios y la prensa muestran textos de ejemplo. Sustitúyelos por citas y logotipos reales antes de publicar.
8. Soporte
Respondemos en un plazo de 24 horas. El soporte se mantiene mientras el tema esté a la venta.
Página de soporte: https://lizardassets.com/pages/soporte
Incluye:
- Dudas sobre la instalación del tema y la elección del preset.
- Cómo usar los ajustes, secciones y bloques del tema descritos en esta guía.
- La configuración de los metacampos que lee el tema (medidas, acabados, piezas, unidad de venta).
- Avisos de errores en el código propio del tema, que corregimos en las actualizaciones del tema.
No incluye:
- Aplicaciones de terceros, su instalación, configuración o funcionamiento.
- Código personalizado, o cambios que tú u otro desarrollador hagáis en el código del tema.
- Trabajos de diseño o desarrollo que vayan más allá de los ajustes del tema.
9. Registro de cambios
1.0.0
- Primera versión de Lintel con cinco presets: Lintel, Lucerna, Mantel, Enfilade y Telamon.