Sections et blocs

Les thèmes utilisent dessectionspour créer votre mise en page idéale. La plupart des sections sont constituées deblocsayant une fonction spécifique, comme les en-têtes, le texte, les images simples, les collages d’images ou les liens. 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 modèle peut comporter jusqu’à 25 sections.

Chaque section présente une variété de blocs spécifiques que vous pouvez 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 qui vous sont proposées, 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 sectionImage avec textene peut afficher que les blocs spécifiés par le concepteur de votre thème. DansDawn, 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 sesparamètresde 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 pouvezmodifier le code de votre thèmeoucontacter 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

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

Modifier une section

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

Supprimer une section ou un bloc

  1. Dans le menu déroulant, sélectionnez le modèle qui contient la section que vous souhaitez modifier.
  2. Cliquez sur une section pour charger le contenu dans la fenêtre d’aperçu et accéder aux options disponibles.
  3. Cliquez sur l’icône de l’œil pour masquer ou afficher une section ou un bloc.
  4. Cliquez surSupprimer倒supprimer联合国集团或者一个部分。

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 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 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 blocest grisée jusqu’à ce qu’un bloc existant soit supprimé.

Ajouter un bloc

  1. Dans le menu déroulant, sélectionnez le modèle qui contient la section que vous souhaitez modifier.
  2. Cliquez sur une section pour charger le contenu dans la fenêtre d’aperçu et accéder aux options disponibles.
  3. Cliquez sur+ Ajouter un blocet sélectionnez-en un nouveau, ou cliquez sur labarre de recherchepour saisir un terme de recherche.
  4. Cliquez surSave(Enregistrer).

Utilisation des champs méta et des sources dynamiques

Leschamps métavous 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.

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. 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 devezajouter votre champ métapour pouvoir le connecter dans vos modèles. Consultez la sectionSources dynamiquespour 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 :

  1. Dans le menu déroulant, sélectionnez le modèle qui contient la section que vous souhaitez modifier.
  2. Cliquez sur une section existante pour charger le contenu dans la fenêtre d’aperçu et accéder aux options disponibles, ou cliquez sur+ Ajouter une section.
  3. 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 :
    Connect dynamic source
  • Si l’icône de connexion de la source dynamique affiche le symbole+, cliquez pour sélectionner jusqu’à 20 champs méta en les ajoutant un par un :
    Insert dynamic source icon
  1. Cliquez surSave(Enregistrer).

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

Essayez gratuitement