Sections statiques pour Brooklyn

Brooklyn comprend des sections qui apparaissent sur chaque page de votre boutique en ligne. Apprenez à personnaliser ces sections en fonction de votre entreprise.

En-tête

L'en-tête de votre thème est la section qui apparaît en haut de chaque page de votre boutique.

Avec Brooklyn, vous pouvez ajouter les éléments suivants à votre en-tête :

  • Un logo
  • Un menu de navigation
  • Une barre d’annonces

Vous pouvez également modifier la couleur des liens et des icônes de votre en-tête.

Si vous souhaitez activer l’en-tête transparent sur votre page d’accueil, vous pouvez sélectionner un logo et des couleurs distincts pour l’en-tête de votre page d’accueil.

Ajouter un logo personnalisé

  1. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur En-tête.

  3. Dans la zone Image de logo, cliquez sur Sélectionner une image, puis effectuez l'une des opérations suivantes :

- Pour sélectionner une image que vous avez déjà mise en ligne dans votre interface administrateur Shopify, cliquez sur l'onglet Bibliothèque. - Pour utiliser une image provenant de la banque d'images gratuites Burst, cliquez sur Images gratuites. - Pour sélectionner une image sur votre ordinateur local, cliquez sur Bibliothèque > Mettre en ligne.

  1. Utilisez le curseur Largeur personnalisée du logo pour ajuster la largeur de votre logo.

  2. Cliquez sur Save (Enregistrer).

Personnaliser vos paramètres de navigation

Vous pouvez personnaliser les paramètres de navigation suivants :

  • Type de recherche – Définissez le style de la fonction de recherche de l’en-tête.
  • Menu – Définissez le menu qui apparaît dans l'en-tête.
  • Menu de la barre latérale secondaire – Ajoutez un menu secondaire à votre menu de barre latérale. Un menu de barre latérale s'affiche à la place d'un menu d'en-tête lorsque le menu principal prend beaucoup de place. Consultez les Conseils pour Brooklyn pour en savoir plus.
  • Activer la recherche – Affichez une barre de recherche sur le menu de la barre latérale.
  1. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur En-tête.

  3. Ajustez les paramètres dans la zone de navigation.

  4. Cliquez sur Save (Enregistrer).

Ajouter une barre d’annonces

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Bureau</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Depuis votre interface administrateur Shopify, accédez à <strong>Boutique en ligne</strong> &gt; <strong>Thèmes</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Dans l&#39;<a href="https://www.shopify.com/install/detect">application Shopify</a>, appuyez sur <strong>Boutique</strong>.
</li><li>Dans la section <strong>Canaux de vente</strong>, appuyez sur <strong>Boutique en ligne</strong>.
</li><li>Appuyez sur <strong>Gérer les thèmes</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Dans l&#39;<a href="https://www.shopify.com/install/detect">application Shopify</a>, appuyez sur <strong>Boutique</strong>.
</li><li>Dans la section <strong>Canaux de vente</strong>, appuyez sur <strong>Boutique en ligne</strong>.
</li><li>Appuyez sur <strong>Gérer les thèmes</strong>.
</li></ol></div>
</div>



1. À côté de **Brooklyn, cliquez sur Personnaliser**.
  1. Cliquez sur Sections.

  2. Cliquez sur En-tête.

  3. Dans la zone de la barre d’annonces, cochez Show announcement (Afficher l'annonce). Sélectionnez la page d’accueil uniquement pour n'afficher le message d’annonce que sur cette page.

  4. Saisissez le texte de votre annonce dans le champ Texte.

    1. Facultatif : saisissez une URL dans le champ Link (Lien) pour ajouter un lien à votre annonce.
  5. Pour changer la couleur de l'arrière-plan de la barre d'annonce, cliquez sur l'échantillon de couleur de la barre et choisissez une couleur.

  6. Pour changer la couleur du texte de l'annonce, cliquez sur l'échantillon de couleur du texte et choisissez une couleur.

  7. Cliquez sur Save (Enregistrer).

Changer la couleur des liens et des icônes d’un en-tête

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Bureau</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Depuis votre interface administrateur Shopify, accédez à <strong>Boutique en ligne</strong> &gt; <strong>Thèmes</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Dans l&#39;<a href="https://www.shopify.com/install/detect">application Shopify</a>, appuyez sur <strong>Boutique</strong>.
</li><li>Dans la section <strong>Canaux de vente</strong>, appuyez sur <strong>Boutique en ligne</strong>.
</li><li>Appuyez sur <strong>Gérer les thèmes</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Dans l&#39;<a href="https://www.shopify.com/install/detect">application Shopify</a>, appuyez sur <strong>Boutique</strong>.
</li><li>Dans la section <strong>Canaux de vente</strong>, appuyez sur <strong>Boutique en ligne</strong>.
</li><li>Appuyez sur <strong>Gérer les thèmes</strong>.
</li></ol></div>
</div>



1. À côté de **Brooklyn, cliquez sur Personnaliser**.
  1. Cliquez sur Sections.

  2. Cliquez sur En-tête.

  3. Cliquez sur l’échantillon de couleur des liens et des icônes, puis choisissez une couleur.

  4. Cliquez sur Save (Enregistrer).

Activer l’en-tête transparent

Si vous souhaitez afficher le logo de votre en-tête et du texte sur un diaporama sur votre page d’accueil, vous pouvez activer l’en-tête transparent. Vous devez uniquement sélectionner cette option si la partie supérieure de votre boutique est un diaporama.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Bureau</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Depuis votre interface administrateur Shopify, accédez à <strong>Boutique en ligne</strong> &gt; <strong>Thèmes</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Dans l&#39;<a href="https://www.shopify.com/install/detect">application Shopify</a>, appuyez sur <strong>Boutique</strong>.
</li><li>Dans la section <strong>Canaux de vente</strong>, appuyez sur <strong>Boutique en ligne</strong>.
</li><li>Appuyez sur <strong>Gérer les thèmes</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Dans l&#39;<a href="https://www.shopify.com/install/detect">application Shopify</a>, appuyez sur <strong>Boutique</strong>.
</li><li>Dans la section <strong>Canaux de vente</strong>, appuyez sur <strong>Boutique en ligne</strong>.
</li><li>Appuyez sur <strong>Gérer les thèmes</strong>.
</li></ol></div>
</div>



1. À côté de **Brooklyn, cliquez sur Personnaliser**.
  1. Cliquez sur Sections.

  2. Cliquez sur En-tête.

  3. Dans la zone de l'en-tête transparent, cochez la case Activer l’en-tête transparent sur la page d’accueil (Enable transparent header on the homepage).

  4. Facultatif : dans la zone du logo transparent, cliquez sur Select image (Sélectionner une image), puis effectuez l’une des opérations suivantes :

- Pour sélectionner une image que vous avez déjà mise en ligne dans votre interface administrateur Shopify, cliquez sur l'onglet Bibliothèque. - Pour utiliser une image provenant de la banque d'images gratuites Burst, cliquez sur Images gratuites. - Pour sélectionner une image sur votre ordinateur local, cliquez sur Bibliothèque > Mettre en ligne.

  1. Pour modifier la couleur des liens et des icônes, cliquez sur l’échantillon de couleur des liens et des icônes de l'en-tête transparent, puis choisissez une couleur.

  2. Cliquez sur Save (Enregistrer).

Pied de page

Le pied de page de votre thème est la section qui apparaît au bas de chaque page de votre boutique. Vous pouvez ajouter les fonctionnalités suivantes à votre pied de page :

  • icônes de paiement
  • sélecteur de langue
  • sélecteur de devise
  • un menu

Ajouter des icônes de paiement

Vous pouvez afficher les icônes des moyens de paiement que vous acceptez dans votre pied de page. Cette zone montre les icônes associées au fournisseur de services de paiement que vous avez activé dans la section Paramètres de paiement de votre interface administrateur.

  1. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur Sections.

  3. Cliquez sur Pied de page.

  4. Cochez Afficher les icônes de paiement.

  5. Cliquez sur Save (Enregistrer).

Ajouter un menu

Vous pouvez ajouter un menu à votre pied de page. Cela permet d'afficher tous les liens du menu dans votre pied de page, que vous pouvez utiliser pour mettre en évidence les pages auxquelles vos clients souhaitent couramment accéder. Par exemple, vous pouvez ajouter un menu contenant des liens vers votre page de contact, votre page d’information sur l’expédition et votre politique de confidentialité.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Bureau</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Depuis votre interface administrateur Shopify, accédez à <strong>Boutique en ligne</strong> &gt; <strong>Thèmes</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Dans l&#39;<a href="https://www.shopify.com/install/detect">application Shopify</a>, appuyez sur <strong>Boutique</strong>.
</li><li>Dans la section <strong>Canaux de vente</strong>, appuyez sur <strong>Boutique en ligne</strong>.
</li><li>Appuyez sur <strong>Gérer les thèmes</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Dans l&#39;<a href="https://www.shopify.com/install/detect">application Shopify</a>, appuyez sur <strong>Boutique</strong>.
</li><li>Dans la section <strong>Canaux de vente</strong>, appuyez sur <strong>Boutique en ligne</strong>.
</li><li>Appuyez sur <strong>Gérer les thèmes</strong>.
</li></ol></div>
</div>



1. À côté de **Brooklyn**, cliquez sur **Personnaliser**.
  1. Cliquez sur Sections.

  2. Cliquez sur Pied de page.

  3. Pour sélectionner un menu, cliquez sur Modifier. Sélectionnez un menu dans la liste ou cliquez sur Créer un menu pour en créer un nouveau.

  4. Pour modifier le menu, cliquez sur Modifier le menu.

  5. Cliquez sur Save (Enregistrer).

Ajouter un sélecteur de langue

Vous ne devez ajouter un sélecteur de langue que si vous avez activé plusieurs langues pour la boutique.

  1. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur Sections.

  3. Cliquez sur Pied de page.

  4. Sous Sélecteur de langue, sélectionnez Afficher le sélecteur de langue.

  5. Cliquez sur Save (Enregistrer).

Ajouter un sélecteur de devise

Vous ne devez ajouter un sélecteur de devise que si vous avez activé plusieurs devises.

  1. À côté de Brooklyn, cliquez sur Personnaliser.

  2. Cliquez sur Sections.

  3. Cliquez sur Pied de page.

  4. Sous Sélecteur de devise, sélectionnez Afficher le sélecteur de devise.

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

Essayez gratuitement