Sections et blocs

Vous pouvez utiliser des sections dans votre thème pour créer la mise en page que vous souhaitez pour votre boutique en ligne. La plupart des sections sont constituées de blocs ayant une fonction spécifique, tels que du texte, des boutons, des images simples, un collage d’images ou des liens. L’utilisation de sections et de blocs dans vos modèles offre une flexibilité dans l’arrangement de votre contenu, ce qui vous permet de contrôler le style et la présentation de votre boutique en ligne sans devoir modifier le code. Chaque modèle peut contenir jusqu’à 25 sections.

Chaque section comporte une variété spécifique de blocs à ajouter. Vous pouvez ajouter jusqu’à 50 blocs par section. Les sections et les blocs disponibles dépendent de votre thème. Pour plus d’informations sur les options disponibles, reportez-vous à 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 affiche uniquement les blocs spécifiés par le concepteur du thème pour votre thème. Dans Dawn, le thème gratuit de Shopify, vous pouvez ajouter seulement un des blocs suivants à la section Image avec texte :

• un bloc de Titre
• un bloc de Texte
• un bloc de Bouton
• un bloc de Légende

Vous pouvez personnaliser davantage la section Image avec texte via les options suivantes :

• ajouter une image et définir sa taille
• sélectionner un style d’animation pour votre image
• choisir l’alignement pour le contenu de vos blocs
• définir une palette de couleurs pour la section

Si vous atteignez la limite du nombre de blocs pouvant être ajoutés, l’option Ajouter un bloc dans l’éditeur de thème est grisée et vous ne pouvez ni cliquer ni appuyer dessus. Par exemple, dans la section Image avec texte dans le thème « Dawn », si vous avez ajouté un bloc de Titre, un bloc de Texte, un bloc de Bouton et un bloc de légende, Ajouter un bloc (4/4) s’affiche, car vous avez déjà ajouté les 4 blocs disponibles dans la section Image avec texte.

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 vos modèles de 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 utiliser le menu déroulant pour sélectionner un modèle différent, tel que des produits, des collections, des pages ou des blogs, ou utiliser la barre de recherche dans le menu déroulant du modèle pour rechercher un modèle spécifique. Lorsque vous sélectionnez un modèle, celui-ci se charge dans l’éditeur de thème et toutes les modifications que vous apportez sont visualisées dans l’éditeur.

Ajouter une section

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

Étapes

Modifier une section

Dupliquer une section ou un bloc

Masquer ou supprimer une section ou un bloc

Travailler avec les blocs

Les blocs sont des modules personnalisables que vous utilisez pour ajouter du contenu aux sections de vos modèles. Vous pouvez utiliser des blocs pour ajouter du texte, des images, des liens, des boutons et plus encore.

Les thèmes Shopify 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 il y a une limite au nombre total de blocs que vous pouvez ajouter à la section. Si votre section atteint le nombre maximum de blocs disponibles, l’option Ajouter un bloc est grisée, et vous ne pouvez ni cliquer ni appuyer dessus.

Ajouter un bloc

Utiliser des champs méta et des métaobjets avec des sources dynamiques

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

Par exemple, un vendeur de bougies peut vouloir afficher les durées de combustion de chaque type de bougie disponible. Après avoir configuré un champ méta de produit pour la durée de combustion, le vendeur peut ajouter un bloc pour la durée de combustion à son modèle de produit, puis le connecter au champ méta du produit. Après avoir créé un champ méta de collection pour une page répertoriant les durées de combustion, le vendeur peut ajouter un bloc à son modèle de collection, puis le connecter au champ méta de la collection.

Vous pouvez afficher des informations dynamiques sur votre boutique en ligne en ajoutant des sections ou des blocs compatibles avec les sources dynamiques. Les sources dynamiques peuvent être utilisées dans n’importe quel modèle, section ou bloc qui affiche des ressources compatibles (produit, collection, page, blog et article de blog). 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 métaobjets avec des sources dynamiques dans votre thème.

Une fois le processus de configuration terminé, suivez les étapes ci-dessous pour connecter des sources dynamiques à des sections ou des blocs de votre thème, à l’aide du bouton Connecter la source dynamique.

Étapes

Sélecteur de source dynamique

Vous pouvez utiliser le sélecteur de source dynamique pour connecter la source dynamique correcte directement dans l’éditeur de thème. Examinez les fonctionnalités clés suivantes du sélecteur de source dynamique :

• Vous pouvez référencer des sources dynamiques à partir de diverses ressources, le cas échéant. Par exemple, si vous connectez un paramètre à un bloc connecté à une ressource de produit et à une ressource de page, vous pouvez utiliser le menu déroulant dans le sélecteur de source dynamique pour indiquer si vous souhaitez rechercher des champs méta associés au produit ou à la ressource de la page.
• Le sélecteur de source dynamique dispose d’une fonctionnalité de recherche et de filtrage pour vous aider à trouver le champ méta dont vous avez besoin.
• Le sélecteur de source dynamique vous permet de choisir des champs méta de catégorie. Il s’agit d’attributs supplémentaires qui deviennent disponibles lorsque vous attribuez une catégorie de produit à un produit. L’accès à ces champs méta vous permet de connecter des sources dynamiques à tous les champs pertinents du métaobjet d’attribut sous-jacent.