Sections et blocs

Les thèmes conçus pour Online Store 2.0 utilisent des sections pour créer votre mise en page idéale. La plupart des sections sont composées de blocs qui remplissent une fonction spécifique (en-têtes, texte, images simples, collage d’images ou liens, par exemple). L’utilisation de sections et de blocs dans vos modèles offre une plus grande flexibilité dans la manière dont vous organisez le contenu de votre boutique en ligne, ce qui vous permet de contrôler l’apparence de celle-ci sans avoir à en modifier le code.

Chaque section présente une variété spécifique de blocs que vous pouvez ajouter à la section. Les sections et les blocs disponibles dépendent de votre thème. Pour plus d’informations sur les options dont vous disposez, consultez la documentation de votre thème.

Certaines sections limitent le nombre de blocs que vous pouvez ajouter, ou le nombre de blocs d’un certain type. Par exemple, la section Image avec texte ne peut afficher que les blocs spécifiés par le concepteur de votre thème. Dans Dawn, le thème gratuit de Shopify, vous ne pouvez ajouter qu'un exemplaire de chacun des blocs suivants :

  • un titre
  • un paragraphe
  • un bouton

Vous pouvez personnaliser davantage la section en modifiant ses paramètres de manière à inclure une image et à choisir l’alignement, la taille, la couleur d’arrière-plan et le contenu qui se charge en premier lorsque les clients visitent votre boutique en ligne.

Si les sections que vous ajoutez à la mise en page de votre boutique n’incluent pas les paramètres ou les options dont vous avez besoin, vous pouvez modifier le code de votre thème ou contacter le développeur de votre thème pour obtenir de l’aide.

Personnaliser les modèles de votre thème avec des sections et des blocs

Lorsque vous ouvrez l’éditeur de thème, la page d’accueil de votre boutique se charge par défaut. Vous pouvez ouvrir le menu déroulant pour sélectionner un modèle différent, ou utiliser la barre de recherche dans le menu déroulant du modèle pour rechercher un type de page spécifique. La sélection d’un modèle charge celui-ci dans l’éditeur de thème, et vous obtenez un aperçu en temps réel de toutes les modifications que vous apportez.

Ajouter une section

Ajoutez une nouvelle section à n’importe quelle page de votre boutique en ligne.

Étapes

3. Sélectionnez un modèle dans le menu déroulant. 4. Cliquez sur + Ajouter une section, puis sélectionnez une nouvelle section dans la liste ou utilisez la barre de recherche pour rechercher un terme spécifique. 5. Cliquez sur la nouvelle section pour en modifier les blocs. 6. Facultatif : cliquez sur l’icône ⋮⋮ et faites-la glisser à côté d’une section pour réorganiser les sections sur votre page. 7. Cliquez sur Enregistrer.

Modifier une section

3. Dans le menu déroulant, sélectionnez le modèle contenant la section que vous souhaitez modifier. 4. Cliquez sur une section pour en charger le contenu dans la fenêtre d’aperçu et accéder aux options disponibles. 5. Facultatif : cliquez sur des blocs individuels pour modifier les blocs de la section. 6. Cliquez sur Enregistrer.

Supprimer une section ou un bloc

3. Dans le menu déroulant, sélectionnez le modèle contenant la section que vous souhaitez modifier. 4. Cliquez sur une section pour en charger le contenu dans la fenêtre d’aperçu et accéder aux options disponibles. 5. Cliquez sur l’icône de l’œil pour masquer ou afficher une section ou un bloc. 6. Cliquez sur Supprimer pour supprimer un bloc ou une section.

Certaines sections ont des types de blocs fixes et des limites. Si une limite existe pour une section ou un bloc spécifique, l’interface indique combien de blocs vous avez utilisés par rapport au nombre de blocs disponibles. Si vous avez utilisé le nombre maximum de blocs, vous ne pourrez pas en ajouter de nouveau avant d'en avoir supprimé un.

Travailler avec les blocs

Les blocs sont des modules personnalisables qui constituent les sections des modèles de votre page. Vous pouvez en utiliser pour ajouter du texte, des images, des liens, des boutons et plus encore.

Les thèmes Online Store 2.0 disposent de sections et de blocs personnalisables. Les types de blocs de certaines sections sont fixes, ce qui signifie que votre choix se limite aux blocs proposés par le concepteur du thème pour les sections concernées. D’autres sections vous permettent de sélectionner le bloc que vous souhaitez, mais limitent le nombre total de blocs que vous pouvez ajouter à la section. Si votre section atteint le nombre maximum de blocs disponibles, un message affiche la limite atteinte, et l’option + Ajouter un bloc est grisée jusqu’à ce qu’un bloc existant soit supprimé.

Ajouter un bloc

3. Dans le menu déroulant, sélectionnez le modèle contenant la section que vous souhaitez modifier. 4. Cliquez sur une section pour charger le contenu dans la fenêtre d’aperçu et accéder aux options disponibles. 5. Cliquez sur + Ajouter un bloc et sélectionnez un nouveau bloc, ou cliquez sur la barre de recherche pour saisir un terme de recherche. 6. Cliquez sur Enregistrer.

Utilisation des champs méta et des sources dynamiques

Les champs méta vous permettent d’afficher des informations dynamiques sur votre boutique en ligne. Si votre thème les prend en charge, vous pouvez en connecter un à une section ou à un bloc dans l’éditeur de thème.

Imaginons par exemple qu'un vendeur de bougies veuille afficher les durées de combustion de chaque type de bougie disponible. Après avoir configuré un champ méta pour la durée de combustion, il peut ajouter un bloc pour la durée de combustion à son modèle de produit, puis le connecter au champ méta.

Vous pouvez afficher des informations dynamiques sur votre boutique en ligne en ajoutant des sections ou des blocs compatibles avec les sources dynamiques. Dans un modèle de produit, il est possible d'utiliser des sources dynamiques dans n’importe quel bloc ou section. Dans les modèles non reliés aux produits, vous pouvez utiliser des sources dynamiques dans les sections ou les blocs qui montrent des produits. Vous devez ajouter votre champ méta pour pouvoir le connecter dans vos modèles. Consultez la section Sources dynamiques pour plus d'informations sur l’utilisation des champs méta et des sources dynamiques dans votre thème.

Une fois le processus de configuration terminé, suivez les étapes ci-après pour insérer la source dynamique dans votre modèle :

3. Dans le menu déroulant, sélectionnez le modèle contenant la section que vous souhaitez modifier. 4. Cliquez sur une section existante pour en charger le contenu dans la fenêtre d’aperçu et accéder aux options disponibles, ou cliquez sur + Ajouter une section. 5. Cliquez sur + Ajouter un bloc, puis connectez une source dynamique : * si l’icône de connexion de la source dynamique s’affiche, cliquez pour sélectionner un seul champ méta :

Connecter une source dynamique
* si l’icône de connexion de la source dynamique affiche le symbole +, cliquez dessus pour sélectionner jusqu’à 20 champs méta en les ajoutant un par un :
Insérer une icône de source dynamique
6. Cliquez sur Enregistrer.

Prêt(e) à commencer à vendre avec Shopify ?

Essayez gratuitement