Thème

Qu’est-ce qu’un thème ?

Un thème est l’ensemble de modèles et de code qui contrôle la mise en page, le design et les fonctionnalités de votre boutique en ligne. Dans Shopify, un thème est construit avec le langage de gabarit Liquid combiné avec HTML, CSS et JavaScript. Les thèmes modernes d’Online Store 2.0 utilisent des modèles JSON avec des sections et des blocs que vous pouvez ajouter, supprimer et réordonner dans l’éditeur de thème — sans toucher au code.

Pourquoi un thème est-il important ?

Le thème est le cadre que vos clients voient et dans lequel ils achètent. Il affecte donc directement la conversion, la vitesse de page et le SEO. Un thèm lourd ou mal structuré provoque des pages lentes et des décalages de mise en page (CLS), tandis qu’un thème bien conçu maintient le contenu le plus important au-dessus de la ligne de flottaison et fonctionne aussi bien sur mobile que sur ordinateur. Étant donné que le thème génère également les titres, les métadonnées et les données structurées, le choix de votre thème a un impact majeur sur la façon dont Google comprend vos pages.

Cas d’utilisation courants

• Choisir un nouveau thème. Choisissez parmi des thèmes gratuits et payants dans la boutique de thèmes Shopify (Shopify Theme Store) — par exemple le thème par défaut gratuit Dawn.
• Personnalisation sans code. Ajustez les couleurs, les sections et le contenu dans l’éditeur de thème sous Boutique en ligne → Thèmes.
• Modifications de code. Modifiez theme.liquid, les sections, les snippets et les fichiers de ressources (assets) via Modifier le code.
• App-intégration. Ajoutez des blocs d’applications dans les sections au lieu de les coder en dur dans le thème.
• Mise à jour. Changez ou mettez à jour un thème sans perdre le contenu stocké dans les produits et les champs méta (metafields).

Perspective Shopify

Conservez une version propre de votre thème et testez les modifications sur un doublon avant de publier. Notez que le passage à la caisse n’est pas contrôlé par le thème — il est personnalisé séparément via Checkout Extensibility. Envisagez un générateur de page si vous souhaitez créer des pages d’atterrissage sans modifier Liquid, et surveillez la vitesse de la page lorsque vous installez des applications qui ajoutent des scripts au thème.