Le thème

Ce que contient chaque thème compilé, et chaque section et réglage que le marchand peut atteindre dans l'éditeur Shopify.

Fonctions

Fonction	Ce qu'elle fait	Sans JavaScript
Panier tiroir	Ajouter au panier fait glisser le panier depuis le côté, avec quantités, retrait et paiement	Va à la page panier
Recherche prédictive	Produits et collections suggérés pendant la saisie ; `/` l'ouvre	Va à la page de recherche
Filtres de collection	Disponibilité, prix et chaque filtre défini par la boutique, avec compteurs, sans rechargement, conservés dans l'adresse	Un formulaire
Ajout rapide	Directement au panier depuis la fiche ; un petit sélecteur quand il y a des options	La page produit
Pastilles	Points de couleur sur les fiches et la page produit, depuis les réglages de pastilles Shopify ou la couleur nommée dans l'option	Identique
Ajout au panier fixe	Le bouton reste à portée pendant que la page produit défile	Le bouton principal
Sous-menus	Listes déroulantes ou méga menu à colonnes avec image ; imbriqués dans le tiroir mobile	Liens simples
Guide des tailles	Une page ouverte dans une modale depuis la page produit	Un lien
Médias	Vidéo, vidéo hébergée et modèles 3D dans la galerie	Images d'affiche

Chacune de ces fonctions est un interrupteur dans le groupe Fonctions du panneau de design et un vrai réglage de thème.

Sections

Page d'accueil : bannière, collection en vedette, liste de collections, image avec texte, texte enrichi, multicolonnes, témoignages, barre de logos, FAQ, newsletter, formulaire de contact. Groupe d'en-tête : barre d'annonce, en-tête. Pied de page. Chaque template — collection, produit, panier, recherche, blog, article, page, 404, mot de passe et toutes les pages client — a sa propre section principale.

Aucun contrôle du navigateur

Chaque menu, sélecteur, tri et choix du thème appartient au thème, stylé depuis les mêmes jetons, avec navigation au clavier. Le seul contrôle natif restant est la liste de pays de Shopify sur le formulaire d'adresse client.

Référence

Ci-dessous, chaque section avec ses réglages, tels que le marchand les voit dans Personnaliser, générés depuis le thème lui-même.

Lu par les machines

Chaque page porte du JSON-LD. Une page produit déclare le produit entier et chacune de ses variantes — prix, devise, disponibilité, état, SKU, code-barres, et couleur, taille ou matière quand les noms d'option le permettent — et pas seulement celle qu'un acheteur a sélectionnée, si bien qu'un moteur de recherche ou un agent d'achat lit toute la gamme d'un seul passage. Les collections listent leurs produits dans l'ordre, les articles portent auteur et date, les pages produit portent un fil d'Ariane, et chaque page déclare la boutique et une action de recherche. C'est ce qui donne les résultats enrichis, et c'est ce que lisent les agents d'IA lorsqu'ils achètent pour quelqu'un.

thème 0.8.0 · 36 sections

Header

En-tête et pied de page

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

En-tête et pied de page

Text: text
Link: link

Hero

Section de page d'accueil

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

Section de page d'accueil

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

Section de page d'accueil

Heading: text
Text: text

Bloc : Collection

Collection: collection

Image with text

Section de page d'accueil

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

Rich text

Section de page d'accueil

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

Multicolumn

Section de page d'accueil

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

Bloc : Column

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

Testimonials

Section de page d'accueil

Heading: text
Text: text

Bloc : Testimonial

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

Logo bar

Section de page d'accueil

Heading: text

Bloc : Logo

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

FAQ

Section de page d'accueil

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

Bloc : Question

Question: text
Answer: rich text

Contact form

Section de page d'accueil · aucun réglage

Footer

En-tête et pied de page

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

Section de page

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

Product

Section de page

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

Bloc : Size guide

Page: page
Link text: text

Bloc : Detail

Heading: text
Text: rich text

Cart

Section de page

Show order note: on / off

Cart drawer

Fonction · aucun réglage

Predictive search

Fonction · aucun réglage