El tema

Qué contiene cada tema compilado, y cada sección y ajuste al que llega el comerciante en el editor de Shopify.

Funciones

Función	Qué hace	Sin JavaScript
Carrito lateral	Añadir al carrito desliza el carrito desde el lateral con cantidades, eliminación y pago	Va a la página del carrito
Búsqueda predictiva	Productos y colecciones sugeridos mientras escribes; `/` la abre	Va a la página de búsqueda
Filtros de colección	Disponibilidad, precio y cada filtro que la tienda haya configurado, con recuentos, sin recargar, guardados en la dirección	Un formulario
Añadir rápido	Directo al carrito desde la tarjeta; un pequeño selector cuando hay opciones	La página de producto
Muestras	Puntos de color en tarjetas y página de producto, desde los ajustes de muestras de Shopify o el color del valor de la opción	Lo mismo
Añadir al carrito fijo	Añadir al carrito sigue a mano mientras la página de producto se desplaza	El botón principal
Submenús	Listas desplegables o megamenú con columnas e imagen; anidados en el cajón móvil	Enlaces simples
Guía de tallas	Una página abierta en una ventana modal desde la página de producto	Un enlace
Medios	Vídeo, vídeo alojado y modelos 3D en la galería	Imágenes de portada

Cada una es un interruptor en el grupo Funciones del panel de diseño y un ajuste real del tema.

Secciones

Página de inicio: portada, colección destacada, lista de colecciones, imagen con texto, texto enriquecido, multicolumna, testimonios, barra de logos, preguntas frecuentes, boletín, formulario de contacto. Grupo de encabezado: barra de anuncios, encabezado. Pie de página. Cada plantilla — colección, producto, carrito, búsqueda, blog, artículo, página, 404, contraseña y todas las páginas de cliente — tiene su propia sección principal.

Sin controles del navegador

Cada menú, selector, control de orden y opción del tema es del propio tema, con el estilo de los mismos tokens y navegación por teclado. El único control nativo que queda es la lista de países de Shopify en el formulario de dirección del cliente.

Referencia

Abajo, cada sección con sus ajustes, tal como el comerciante los ve en Personalizar, generados a partir del propio tema.

Leído por máquinas

Cada página lleva JSON-LD. Una página de producto declara el producto entero y cada una de sus variantes — precio, moneda, disponibilidad, estado, SKU, código de barras y color, talla o material cuando los nombres de opción lo permiten — y no solo la que el comprador ha seleccionado, así que un buscador o un agente de compras lee toda la gama de una pasada. Las colecciones listan sus productos en orden, los artículos llevan autor y fecha, las páginas de producto llevan migas, y cada página declara la tienda y una acción de búsqueda. Esto es lo que gana los resultados enriquecidos, y es lo que leen los agentes de IA cuando compran en nombre de alguien.

tema 0.8.0 · 36 secciones

Header

Encabezado y pie

Layout: choice — Logo left, menu centre · Logo centre, menu split · Logo above menu
Menu: menu
Logo file in theme assets: text
Logo file width: number
Logo file height: number
Submenus: choice — Dropdown · Mega menu
Mega menu image: image
Mega menu image caption: text
Mega menu image link: link

Announcement bar

Encabezado y pie

Text: text
Link: link

Hero

Sección de la página de inicio

Layout: choice — Text over image · Image beside text · Text above image
Image: image
Eyebrow: text
Heading: text
Text: text
Button label: text
Button link: link
Second button label: text
Second button link: link
Height: choice — Short · Medium · Tall
Content position: choice — Bottom left · Centre

Featured collection

Sección de la página de inicio

Layout: choice — Grid · One scrolling row · Two large, then small
Collection: collection
Heading: text
Text: text
Products: number
Columns: choice — 2 · 3 · 4
Show view all: on / off

Collection list

Sección de la página de inicio

Heading: text
Text: text

Bloque: Collection

Collection: collection

Image with text

Sección de la página de inicio

Image: image
Eyebrow: text
Heading: text
Text: rich text
Button label: text
Button link: link
Layout: choice — Image first · Text first

Rich text

Sección de la página de inicio

Eyebrow: text
Heading: text
Text: rich text
Button label: text
Button link: link
Alignment: choice — Left · Centre

Multicolumn

Sección de la página de inicio

Heading: text
Text: text
Columns: choice — 2 · 3 · 4

Bloque: Column

Image: image
Heading: text
Text: rich text
Link text: text
Link: link

Testimonials

Sección de la página de inicio

Heading: text
Text: text

Bloque: Testimonial

Quote: rich text
Name: text
Detail: text
Stars: number

Logo bar

Sección de la página de inicio

Heading: text

Bloque: Logo

Image: image
Text if no image: text
Link: link

FAQ

Sección de la página de inicio

Heading: text
Text: text
Open the first question: on / off

Bloque: Question

Question: text
Answer: rich text

Contact form

Sección de la página de inicio · sin ajustes

Footer

Encabezado y pie

Layout: choice — Columns · One line · Newsletter first
Newsletter heading: text
Short description: text
First menu: menu
Second menu: menu
Show newsletter signup: on / off
Show payment icons: on / off
Language and country selectors: on / off

Product grid

Sección de página

Show filters: on / off
Products per page: number
Columns: choice — 3 · 4

Product

Sección de página

Layout: choice — Gallery beside details · Gallery above details · Thumbnails down the side
Show vendor: on / off
Show quantity selector: on / off
Show dynamic checkout button: on / off
Sticky add to cart: on / off

Bloque: Size guide

Page: page
Link text: text

Bloque: Detail

Heading: text
Text: rich text

Cart

Sección de página

Show order note: on / off

Cart drawer

Función · sin ajustes

Predictive search

Función · sin ajustes