Versions d’architecture de thème

Attention

Les thèmes vintage ne sont pas disponibles dans Theme Store. Les thèmes vintage ne disposent pas des fonctionnalités incluses dans les thèmes Online Store 2.0 de Shopify, et les thèmes vintage gratuits de Shopify ne reçoivent pas d’autres mises à jour, à l’exception des correctifs de sécurité.

En juillet 2021, Shopify a lancé une nouvelle architecture de thème nommée Online Store 2.0. Les thèmes qui utilisent l’architecture précédente sont appelés thèmes vintage. Les thèmes vintage ne sont pas disponibles dans la Boutique des thèmes et ils ne sont mis à jour que pour apporter des correctifs de sécurité. Il existe deux types de thèmes vintage : les thèmes avec sections et les thèmes sans sections. La version de votre architecture de thème détermine les types de fichiers qui composent votre thème, les façons dont vous pouvez personnaliser celui-ci et les façons dont les applications peuvent s’intégrer à votre thème. La version de l’architecture de votre thème peut également vous donner accès aux nouvelles fonctionnalités de Shopify.

Shopify met à disposition plusieurs thèmes Online Store 2.0 gratuits, tous conçus pour un aspect et une convivialité différents. Découvrez les thèmes OS2.0 ou parcourez la Boutique des thèmes pour trouver ceux compatibles avec Online Store 2.0.

La version de l’architecture de votre thème détermine également votre accès aux nouvelles fonctionnalités de Shopify, qui ne sont publiées que sur les thèmes Online Store 2.0.

Fonctionnalités Online Store 2.0 par rapport aux fonctionnalités des thèmes vintage

Comparer les fonctionnalités de thème

Fonctionnalité	Vintage	OS 2.0
Sections de la page d’accueil Personnalisez le contenu de la page d’accueil de votre boutique en ligne. Ajoutez, réorganisez ou supprimez des sections pour créer votre mise en page.	✓	✓
Des sections sur chaque page Personnalisez le contenu de la plupart des pages de votre boutique en ligne. Ajoutez, réorganisez ou supprimez des sections et blocs pour créer des mises en page unique.	-	✓
Prise en charge des applications améliorée Installez ou modifiez des applications sans toucher au moindre code. Ajoutez des fonctionnalités d'applications n'importe où dans votre thème en utilisant des blocs d'applications.	-	✓
Un contenu plus riche grâce aux sources dynamiques Ajoutez des informations dynamiques et spécialisées à n'importe quel paramètre de votre thème en connectant le paramètre à une source dynamique. Une source dynamique peut être un attribut de ressource ou une valeur de champ méta.	-	✓
Filtrage des collections Permettez à vos clients de filtrer les collections de votre boutique par disponibilité, prix, etc.	-	✓

Remarque

Certaines fonctionnalités ne sont disponibles qu’avec certains thèmes. Tous les thèmes OS 2.0 disposent des nouvelles fonctionnalités, mais une fonctionnalité doit être incluse à votre thème pour être disponible.

Développer votre entreprise

Parcourez la collection de l’application Boutique en ligne 2.0 pour trouver des applications qui s’intègrent parfaitement à votre boutique en ligne. Vous pouvez ajouter des fonctionnalités d’application n’importe où dans votre thème en utilisant des blocs d’applications et des intégrations d'application.

Déterminer la version de l’architecture de votre thème

Vous voudrez peut-être savoir quelle est la version de l’architecture de thème dans les cas suivants :

• vous essayez de déterminer si une application ou une fonctionnalité d’application est compatible avec votre thème
• vous souhaitez utiliser l’une des fonctionnalités disponibles uniquement pour les thèmes Online Store 2.0
• vous souhaitez savoir si un certain tutoriel de personnalisation peut être utilisé avec votre thème

La version de l’architecture d'un thème est spécifique à chaque thème de votre bibliothèque. Celle-ci peut contenir à la fois des thèmes Online Store 2.0 et des thèmes vintage.

Étapes

Bureau

1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.
3. Sélectionnez Produits > Produit par défaut. Le modèle de produit par défaut est alors ouvert.
4. Regardez dans la barre latérale, sous les sections des modèles de produits. Si vous avez un thème Boutique en ligne 2.0, un bouton Ajouter une section apparaît sous la liste de la section.
5. Si aucun bouton Ajouter une section n’apparaît, vous pouvez obtenir un thème vintage avec sections ou un thème vintage sans sections. Suivez les étapes décrites dans la section Déterminer la version de l’architecture de votre thème vintage pour savoir quelle version de l’architecture vintage votre thème utilise.

iPhone

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
5. Appuyez Templates (Modèles).
6. Sélectionnez Produits > Produit par défaut. Le modèle de produit par défaut est alors ouvert.
7. Regardez dans la barre latérale, sous les sections des modèles de produits. Si vous avez un thème Boutique en ligne 2.0, un bouton Ajouter une section apparaît sous la liste de la section.
8. Si aucun bouton Ajouter une section n’apparaît, vous pouvez obtenir un thème vintage avec sections ou un thème vintage sans sections. Suivez les étapes décrites dans la section Déterminer la version de l’architecture de votre thème vintage pour savoir quelle version de l’architecture vintage votre thème utilise.

Android

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, puis appuyez sur Personnaliser.
5. Appuyez Templates (Modèles).
6. Sélectionnez Produits > Produit par défaut. Le modèle de produit par défaut est alors ouvert.
7. Regardez dans la barre latérale, sous les sections des modèles de produits. Si vous avez un thème Boutique en ligne 2.0, un bouton Ajouter une section apparaît sous la liste de la section.
8. Si aucun bouton Ajouter une section n’apparaît, vous pouvez obtenir un thème vintage avec sections ou un thème vintage sans sections. Suivez les étapes décrites dans la section Déterminer la version de l’architecture de votre thème vintage pour savoir quelle version de l’architecture vintage votre thème utilise.

Remarque

Dans certains cas, certaines parties de votre thème peuvent soutenir les fonctionnalités Online Store 2.0, tandis que d’autres pas. Par exemple, il est possible que votre page de produit prenne en charge l’ajout et la suppression de sections, mais pas votre page de collection. C'est parce que les fonctionnalités Online Store 2.0 nécessitent des modèles JSON pour fonctionner. Vous n’avez peut-être pas ce type de modèles pour toutes les pages si vous n'avez migré que partiellement votre thème vers Online Store 2.0, ou si vous avez acquis votre thème en dehors de la boutique des thèmes de Shopify et que le(la) développeur(-euse) du thème n’a pas inclus de modèles JSON pour toutes les pages.

Déterminer la version d’architecture de l’ancien thème

Une fois que vous savez que vous utilisez un ancien thème, vous devez également savoir si vous utilisez un thème avec sections ou sans section. Cela vous permettra de découvrir les personnalisations qui sont disponibles pour le thème et l'ensemble d'étapes à suivre pour chaque tutoriel de personnalisation de thème.

Dans l’éditeur de thème, vous pouvez vérifier si vous pouvez glisser-déposer pour modifier la mise en page de votre page d’accueil. Si vous pouvez glisser-déposer des éléments, vous avez un thème avec sections.

Pour savoir quelle version vous utilisez, consultez le dossier sections dans le code du thème.

Étapes

Bureau

1. Dans l'interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.
2. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
3. Vérifiez la structure du dossier dans la barre latérale :
   • Si le répertoire sections contient des fichiers, vous utilisez un thème avec sections.
   • S’il n’y a pas de fichiers dans le répertoire sections, vous utilisez un thème sans sections.

iPhone

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
5. Vérifiez la structure du dossier dans la barre latérale :
   • Si le répertoire sections contient des fichiers, vous utilisez un thème avec sections.
   • S’il n’y a pas de fichiers dans le répertoire sections, vous utilisez un thème sans sections.

Android

1. Dans l’application Shopify, appuyez sur le bouton …
2. Dans la section Canaux de vente, appuyez sur Online Store (Boutique en ligne).
3. Appuyez sur Manage themes (Gérer les thèmes).
4. Recherchez le thème que vous souhaitez modifier, cliquez sur le bouton … pour ouvrir le menu Actions, puis cliquez sur Modifier le code.
5. Vérifiez la structure du dossier dans la barre latérale :
   • Si le répertoire sections contient des fichiers, vous utilisez un thème avec sections.
   • S’il n’y a pas de fichiers dans le répertoire sections, vous utilisez un thème sans sections.

Versions de thème

Tous les thèmes ont un numéro de version que vous pouvez voir dans votre Bibliothèque des thèmes. Pour en savoir plus sur les différences entre les versions de thème, consultez les notes de publication d’une mise à jour de thème.