Ficha Editorial

Antes de empezar

Qué incluye y qué necesitas

ficha-editorial/
├── sections/
│   ├── ficha-editorial.liquid        ← la ficha (la pieza principal)
│   └── ficha-editorial-hero.liquid   ← el hero (solo para la plantilla 2)
├── templates/
│   ├── product.editorial.json        ← plantilla 1: ficha editorial
│   └── product.editorial-hero.json   ← plantilla 2: hero + detalles
├── GUIA-INSTALACION.md               ← esta guía
├── METACAMPOS.md                     ← los metacampos, con ejemplos
└── guia-instalacion.html             ← las dos guías en formato web

1. 01

   Paso 1: Crear la sección

   2 min

   1. En el admin de Shopify ve a Tienda online → Temas.
   2. En tu tema pulsa ⋯ → Editar código.
   3. En la columna de la izquierda, busca la carpeta sections y pulsa Añadir una nueva sección.
   4. Ponle de nombre ficha-editorial, elige Liquid y pulsa Hecho.
   5. Se abre un archivo con código de ejemplo. Bórralo entero (Ctrl + A y Suprimir; en Mac, Cmd + A).
   6. Abre sections/ficha-editorial.liquid del ZIP, copia todo su contenido y pégalo.
   7. Pulsa Guardar. Si no aparece ningún error en rojo, ya está.
2. 02

   Paso 2: Crear la plantilla «editorial»

   2 min

   1. En Editar código, busca la carpeta templates y pulsa Añadir una nueva plantilla.
   2. En Crear una nueva plantilla para elige product, en el tipo elige JSON y ponle de nombre editorial. Pulsa Hecho.
   3. Borra todo el contenido del archivo nuevo.
   4. Copia el contenido completo de templates/product.editorial.json del ZIP, pégalo y pulsa Guardar.

   El orden importa: crea primero la sección (paso 1) y después la plantilla. Si lo haces al revés, Shopify no deja guardar la plantilla porque no encuentra la sección.

3. 03

   Paso 3: Asignar la plantilla a tus productos

   1 min por producto

   1. Ve a Productos y abre un producto.
   2. En la columna de la derecha, en Plantilla del tema, elige editorial.
   3. Pulsa Guardar.

   Para ver y editar la plantilla, ve a Tienda online → Temas → Personalizar y, en el selector de la parte superior, elige Productos → editorial.

   ¿La quieres en todos los productos sin asignarla uno a uno? En el personalizador abre Productos → Producto predeterminado y pulsa Añadir sección → Ficha Editorial. Después oculta la sección de información del producto que trae Horizon (el icono del ojo) y guarda.

4. 04

   Paso 4: Plantilla «editorial-hero»

   3 min · opcional

   1. Crea otra sección como en el paso 1, con el nombre ficha-editorial-hero y el contenido de sections/ficha-editorial-hero.liquid.
   2. Crea otra plantilla como en el paso 2, con el nombre editorial-hero y el contenido de templates/product.editorial-hero.json.
   3. Asígnala a los productos que quieras, como en el paso 3.

   En esta plantilla, la barra de compra aparece en cuanto el cliente deja de ver el botón del hero.

5. 05

   Paso 5: Crear los metacampos

   5 min · opcional

   Los metacampos permiten que cada producto tenga sus propios colores, productos para combinar, composición, guía de tallas y fecha de envío en preventa. Si no los creas, la ficha usa los textos y productos por defecto de cada bloque.

   Se crean en Configuración → Metacampos y metaobjetos → Productos → Añadir definición. Tienes el paso a paso y ejemplos para copiar justo debajo, en Metacampos.

6. 06

   Paso 6: Configurar la ficha

   5 min

   Haz clic en la sección dentro del personalizador. Las opciones que lo necesitan tienen una explicación debajo.

   Revisa sobre todo los textos de los desplegables Envíos y Cambios y devoluciones, y las Insignias. El resto ya viene con valores razonables. Todos los ajustes están en Configurar.

Metacampos

Los datos propios de cada producto

Cada metacampo en detalle

Talla | Pecho (cm) | Largo (cm) | Manga (cm)
S | 96 – 100 | 70 | 21
M | 100 – 106 | 72 | 22
L | 106 – 112 | 74 | 23
XL | 112 – 118 | 76 | 24

Configurar

Todo se cambia desde el personalizador

Bloques

Trece bloques que ordenas a tu gusto

Comportamiento

Preventa y barra de compra fija

Ayuda

Solución de problemas

FAQ

Preguntas frecuentes