Sections d'Express

Le contenu du thème est créé à l’aide de sections. Les sections sont des blocs de contenu personnalisables qui déterminent la mise en page et l’apparence des différentes pages de votre boutique en ligne. Vous pouvez ajouter, supprimer, modifier et personnaliser les sections en utilisant la version actuelle de l’éditeur de thème.

Les thèmes de Shopify possèdent les types de sections suivants :

  • Sections statiques : sections apparaissant dans des emplacements prédéterminés de votre boutique en ligne. Ces sections ne peuvent pas être supprimées ou réorganisées. Elles peuvent inclure des en-têtes, des pieds de page, des sections de navigation ou de contenu sur des pages telles que les pages de produit et de collection. Par exemple, la section Produit détermine l'apparence de chaque page de produit sur votre boutique en ligne.
  • Sections dynamiques : sections facultatives que vous pouvez utiliser pour personnaliser la mise en page de votre page d’accueil. Sur la page d’accueil de votre boutique, vous pouvez ajouter, réorganiser et supprimer des sections dynamiques pour créer la mise en page de la page. Votre page d'accueil peut comporter jusqu'à 25 sections dynamiques.

Vous pouvez en apprendre davantage sur la sélection unique de sections de Express et la manière de les personnaliser en fonction de votre entreprise.

Sections statiques

Express inclut les sections statiques suivantes :

Sections dynamiques

Express inclut les sections dynamiques suivantes :

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.

Vous pouvez personnaliser les éléments suivants de votre en-tête :

  • Logo
  • Barre d'annonces
  • Menu
  • Recherche
  • Styles de l’en-tête

Ajouter un logo personnalisé

Vous pouvez ajouter une image personnalisée de logo à l’en-tête de votre boutique. Le meilleur format est un fichier .png doté d'un arrière-plan transparent. La largeur maximale d’un logo doit être de 180 px. Vous pouvez redimensionner l’image du logo en augmentant ou en diminuant sa largeur.

Si vous n'ajoutez pas d'image de logo, le nom de votre boutique s'affiche sous forme de texte. Vous pouvez modifier ce nom à la page Paramètres généraux de votre interface administrateur.

  • Largeur personnalisée du logo: La largeur du logo. - Alignement du logo: L’alignement de votre logo dans l’en-tête. Sélectionnez Gauche ou Centré.
  1. Cliquez sur En-tête. 2. Dans la zone Image du logo, cliquez sur Sélectionner une image, puis choisissez l’une des options 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 sélectionner une image sur votre ordinateur local, cliquez sur Bibliothèque > Mettre en ligne. 3. Personnalisez la taille et le placement de votre logo à l’aide des paramètres. 4. Cliquez sur Save (Enregistrer).

Ajouter une barre d’annonces

Vous pouvez ajouter une barre d’annonces dans l’en-tête et l'utiliser pour afficher un message à l'attention de vos clients. Votre message peut être personnalisé. Il peut inclure vos coordonnées, des informations sur des événements ou des soldes dans votre boutique, ou encore le slogan de celle-ci.

  1. Cliquez sur En-tête.
  2. Dans la zone Barre d'annonces, cochez Afficher l'annonce.
  3. Saisissez le texte de votre annonce.
  4. Facultatif : Saisissez une URL pour ajouter un lien à votre annonce. (À partir de la version 1.11.0)
  5. Facultatif : dans le menu Icônes, sélectionnez une icône à afficher dans la barre d’annonces. L’icône sera de la même couleur que le texte de votre annonce.
  6. 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.
  7. Pour changer la couleur du texte de l'annonce, cliquez sur l'échantillon de couleur du texte et choisissez une couleur.
  8. Cliquez sur Save (Enregistrer).

Ajouter un menu

Vous pouvez ajouter un menu à votre en-tête. Cela en affiche tous les liens dans votre en-tête, que vous pouvez utiliser pour mettre en évidence les pages courantes auxquelles vos clients souhaitent accéder. Par exemple, vous pouvez ajouter un menu qui contient des liens vers vos collections.

  1. Cliquez sur En-tête.

  2. 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.

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

  4. Cliquez sur Save (Enregistrer).

Activer la recherche

Vous pouvez ajouter une option de recherche à votre en-tête afin que les clients puissent facilement localiser les articles dans votre boutique.

  1. Cliquez sur En-tête.
  2. Cochez Afficher la recherche.
  3. Cliquez sur Save (Enregistrer).

Utiliser des couleurs secondaires pour l'en-tête

Vous pouvez sélectionner Activer l’arrière-plan secondaire et la couleur du texte pour utiliser l’arrière-plan secondaire et la couleur du texte dans votre en-tête.

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
  • un menu
  • inscription à la newsletter
  • une section de texte contenant des informations sur votre entreprise
  • icônes de médias sociaux
  • sélecteur de langue

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. Cliquez sur Pied de page.

  2. Cochez Afficher les icônes de paiement.

  3. Cliquez sur Save (Enregistrer).

Ajouter un menu, une inscription à la newsletter ou un texte

  1. Cliquez sur Pied de page.

  2. Pour ajouter un bloc de contenu, cliquez sur la zone Contenu, puis sur Ajouter du contenu. Sélectionnez le type de bloc parmi les options suivantes :

- [Menu](/manual/online-store/os/menus-and-links)

- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)

- Text

Vous pouvez ajouter jusqu'à 4 blocs de contenu.

Pour supprimer un bloc de contenu, cliquez sur le bloc, puis sur Supprimer le contenu.

Pour personnaliser un bloc de contenu, cliquez sur le bloc et modifiez les paramètres.

  1. Cliquez sur Save (Enregistrer).

Ajouter des icônes de médias sociaux

  1. Cliquez sur Paramètres du thème.

  2. Cliquez sur Médias sociaux.

    1. Pour mettre en ligne une image de partage social, dans la zone Image de partage social, cliquez sur Sélectionner une image ou Consulter les images gratuites.
  3. Pour ajouter des boutons de partage social à vos produits et à vos articles de blog, cochez l’une des options suivantes :

- Partager sur Facebook - Tweeter sur Twitter - Épingler sur Pinterest (non disponible pour le partage d'articles de blog)

  1. Pour ajouter des liens vers vos comptes de médias sociaux, saisissez les liens vers vos comptes dans les champs fournis sous Comptes. Saisissez les liens en entier, tels que https://instagram.com/shopify ou https://twitter.com/shopify.

    1. Pour modifier le style des boutons de partage, sélectionnez Entièrement marqué ou Logo uniquement dans le menu Style de bouton.
  2. 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. Cliquez sur Sections.

  2. Cliquez sur Pied de page.

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

  4. Cliquez sur Save (Enregistrer).

Produit

La page de produit apparaît lorsqu’un acheteur clique sur un produit dans une collection en vedette. Il affiche la description, le prix, les variantes et les images de votre produit. Vous pouvez choisir d’orienter les utilisateurs vers une nouvelle page ou d’afficher les détails du produit dans un superposition sur la page d’accueil. Ce paramètre est contrôlé par les paramètres de votre thème. Lorsque l'option Afficher les pages de produits dans une superposition est activée, la page du produit s’affiche sous la forme d’une superposition lorsqu’un produit est sélectionné dans une collection en vedette.

Si vous avez activé le retrait en magasin et que l’option Afficher les pages de produits dans une superposition est désactivée, cette section affiche également les possibilités de ramassage pour ce produit.

La section Produit comprend les paramètres suivants :

  • Afficher le sélecteur de quantité – donnez aux utilisateurs la possibilité de préciser une quantité à ajouter à leur panier.
  • Afficher le distributeur : affichez la marque ou le distributeur du produit dans la fenêtre de ce dernier. Pour qu'une marque ou un distributeur s'affiche, vous devez ajouter un distributeur au produit.
  • Afficher le bouton de paiement dynamique – offrez aux clients la possibilité d'ignorer le panier pour accéder directement au paiement depuis la section des produits en vedette.
  • Afficher les pages de produits dans une superposition - Sélectionnez cette option pour afficher les détails d'un produit dans une superposition sur la page en cours. Cette superposition apparaît lorsqu’un produit est sélectionné dans une collection en vedette.
  • Afficher les boutons de partage social – Affichez des boutons que vos clients peuvent utiliser pour partager vos produits sur les médias sociaux. Ces boutons sont contrôlés par vos paramètres de votre thème.

Modifier les paramètres de produit

  1. Cliquez sur Produit.
  2. Utilisez les paramètres pour personnaliser la fenêtre de votre produit.
  3. Cliquez sur Save (Enregistrer).

Afficher les disponibilités de ramassage

À partir de la version 1.11.0

Express vous permet de montrer aux clients si un produit de votre boutique en ligne peut être retiré en magasin. Sur chaque page de produit, la section des possibilités de retrait indique si le produit est disponible ainsi que la période de retrait estimée. Ces informations n’apparaissent que si l'option Afficher les pages de produit en superposition est désactivée.

Pour utiliser cette fonctionnalité, vous devez configurer le retrait en magasin. Le cas échéant, cette fonctionnalité est toujours visible sur vos pages de produits et ne peut pas être désactivée.

Une fois que le retrait en magasin est activé, le centre de retrait local où le produit peut être ramassé, le cas échéant, est indiqué sur la page de produit. Ces informations n'apparaissent que pour les produits stockés dans au moins un centre de retrait et pour lesquels l'option Produit physique est activée dans la section Expédition des détails d'une variante de produit.

Pour sélectionner Produit physique sur une variante de produit, faites ce qui suit :

  1. Depuis l’interface administrateur Shopify, accédez à produits > tous les produits.

  2. Sélectionnez un produit.

  3. Sous Variantes, sélectionnez une variante.

  4. Dans la section Expédition, activez l'option Produit physique.

  5. Cliquez sur Save (Enregistrer).

Si vous avez activé le retrait sur place pour un seul emplacement, l'emplacement et le ramassage possibles s'affichent pour cet emplacement. Les clients peuvent cliquer sur Afficher les informations de la boutique pour en savoir plus sur le centre de retrait.

Si votre retrait sur place est activé pour plus d’un emplacement, la section des disponibilités de ramassage affiche l’emplacement et les possibilités de retrait pour l’emplacement le plus proche du client, en fonction de son adresse IP. Lorsque le client clique sur Vérifier la disponibilité dans d’autres boutiques, la liste des centres de retrait est triée par distance par rapport au client.

Si l’emplacement du client ne peut pas être déterminé à partir de son adresse IP, l’emplacement et les possibilités de retrait par ordre alphabétique, d’abord par ville, puis par nom d’emplacement, s'affichent dans la section des disponibilités de ramassage. Par exemple, supposons que vous disposiez de trois centres de retrait : « Queen Street » à Toronto, « Front Street » à Toronto et « Alberni Street » à Vancouver. Les détails de « Front Street » à Toronto s'afficheraient dans la section des disponibilités de ramassage.

Recommandations de produits

Vous pouvez afficher des produits recommandés sur les pages des produits pour permettre à vos clients de découvrir d'autres produits qui pourraient les intéresser.

Si l’option Afficher les pages de produits dans une superposition est activée pour votre page de produit, les produits apparaissent dans une superposition sur la page en cours lorsque vous y accédez à partir de cette section.

Activer les recommandations sur les produits

  1. Sélectionnez Product pages (Pages de produits).

  2. Cliquez sur la section Recommandations sur les produits.

  3. Cochez Afficher les recommandations dynamiques pour afficher les recommandations sur les produits sur les pages de vos produits.

  4. Facultatif : pour modifier le titre qui apparaît au-dessus des produits recommandés, saisissez-en un nouveau dans le champ Heading (Titre).

    1. Facultatif : si vous souhaitez permettre aux clients d’ajouter des produits au panier directement à partir de la section Recommandations de produits, sélectionnez Activer le bouton « Achat rapide ».
    2. Facultatif : pour afficher ou masquer les distributeurs dans les descriptions de produits, activez la case à cocher Afficher le distributeur.
  5. Cliquez sur Save (Enregistrer).

Modèle de collection

La section du modèle de collection est la principale section personnalisable pour les pages de collection.

La section du modèle de collection comprend les paramètres suivants :

  • Afficher l'image de la collection - Affichez l'image de la collection en haut de la page de la collection.
  • Afficher la description de la collection - Affichez la description de la collection en haut de la page de collection. (À partir de la version 1.11.0+)
  • Afficher les distributeurs de produits - Affichez la marque ou le distributeur du produit sur la carte du produit.

Personnaliser vos pages de collections

  1. Sélectionner Collection.
  2. Cliquez sur la section Modèle de collection.
  3. Utilisez les paramètres pour personnaliser la section du modèle de collection.
  4. Cliquez sur Save (Enregistrer).

Bannière

À partir de la version 1.11.0

Vous pouvez créer une bannière incluant une image, du texte et un bouton personnalisés, qui sont des liens vers un autre emplacement de votre boutique. Vous pouvez utiliser une bannière pour mettre en évidence votre marque, mettre en vedette une collection spécifique ou faire de la publicité pour une promotion.

Paramètres

  • ImageAjoutez une image à inclure dans la section. Vous pouvez mettre en ligne une image, utiliser une image déjà mise en ligne ou sélectionner une image dans la banque d'images gratuites Burst.
  • Titre - Ajoutez du texte principal à la bannière.
  • Taille du titre – Sélectionnez la taille du texte du titre.
  • Description - Ajoutez une description à la bannière.
  • Étiquette du bouton – Ajoutez le texte que vous souhaitez voir apparaître sur le bouton.
  • Lien du bouton – Définissez l'URL ou la page à laquelle vous souhaitez que le bouton mène. Collez l’URL ou sélectionnez une page dans le menu. Si vous ne souhaitez pas inclure de bouton dans la bannière, laissez ce champ vide.

Options de mise en page

  • Hauteur de la bannière – Sélectionnez la hauteur de la section de la bannière.
  • Largeur de la bannière – Sélectionnez la largeur de la section de la bannière.
  • Alignement de l’image – Sélectionnez l’alignement de l’image dans la section.
  • Alignement de la zone de texte – Sélectionnez l’alignement de la zone de texte dans la section.

    Si la zone de texte est alignée à gauche ou à droite, le texte est aligné à gauche. Si la zone de texte est alignée au centre, le texte est également aligné au centre.

Paramètres de couleur

  • Arrière-plan de la zone de texte – Sélectionnez la couleur de la zone de texte.
  • Texte – Sélectionnez la couleur du titre et du bouton dans la bannière. La description de la bannière utilise la couleur du texte du corps de votre thème, qui peut être modifiée dans les paramètres du thème.

Ajouter une section de bannière

  1. Cliquez sur Add section (Ajouter une section).
  2. Cliquez sur Bannière, puis sur Sélectionner.
  3. Utilisez les paramètres pour personnaliser la section de votre bannière.
  4. Cliquez sur Save (Enregistrer).

Collections en vedette

Vous pouvez présenter plusieurs collections dans une seule section de votre page d’accueil. Les collections s’affichent sous la forme d’onglets entre lesquels les clients peuvent naviguer.

Lorsqu’un client ajoute à son panier un ou plusieurs produits d’une collection en vedette, la quantité ajoutée s’affiche sous la forme d’un badge sur le produit.

Section de collection en vedette contenant plusieurs collections. Les noms des collections apparaissent sous forme d'onglets cliquables le long du haut de la section.

La section de la collection en vedette comprend les paramètres suivants :

  • Collection - Choisissez les collections que vous souhaitez inclure dans la section Collections en vedette.
  • Taille de la liste des collections – Choisissez le nombre de produits à afficher par défaut. Ce paramètre s’applique à toutes les collections de la section Collections en vedette. - Petite – 6 produits

    • Moyenne – 18 produits
    • Grande – 36 produits
  • Style d’image – Choisissez le style de recadrage pour les images de produits dans les collections. Ce paramètre s’applique à toutes les collections de la section.

  • Activer le bouton « Achat rapide » – Ajoutez une option pour permettre aux clients d’ajouter des produits au panier directement à partir de la section Collections en vedette.

  • Afficher l'image de la collection - Affichez l'image de la collection en haut de l'onglet de la collection en vedette. (À partir de la version 1.11.0)

  • Afficher la description de la collection - Affichez la description de la collection en haut de l'onglet de la collection en vedette. (À partir de la version 1.11.0)

Ajouter une section de collections en vedette à votre page d'accueil

  1. Cliquez sur Add section (Ajouter une section).
  2. Cliquez sur Collections en vedette, puis sur Sélectionner.
  3. Dans la zone de contenu, sélectionnez un bloc Collection ou cliquez sur Ajouter une collection.
  4. Cliquez sur Sélectionner une collection.
  5. Dans la liste des collections, sélectionnez celle que vous souhaitez voir apparaître dans l’onglet, puis cliquez sur Sélectionner.

    Pour ajouter une collection, cliquez sur le lien Ajouter une collection afin d'ouvrir la page Créer une collection dans un nouvel onglet.

    Pour ajouter ou supprimer des produits de la collection sélectionnée, cliquez sur le lien Modifier la collection afin d'ouvrir la page Collections dans un nouvel onglet.

  6. Répétez les étapes ci-dessus pour ajouter d'autres collections à la section.

  7. Cliquez sur Save (Enregistrer).

Produit en vedette

Vous pouvez présenter un produit sur votre page d’accueil. La mise en vedette permet de promouvoir un produit nouveau ou soldé. Les clients peuvent afficher d’autres images de produits à l’aide des flèches gauche et droite en dessous de l’image.

La section du produit en vedette comprend les paramètres suivants :

  • Produit – Choisissez le produit que vous souhaitez mettre en vedette sur la page d’accueil.
  • Afficher le sélecteur de quantité – donnez aux utilisateurs la possibilité de préciser une quantité à ajouter à leur panier.
  • Afficher le distributeur – montrez la marque ou le distributeur du produit dans la section des produits en vedette. Pour qu’une marque ou un distributeur s’affiche, vous devez ajouter un distributeur au produit.
  • Afficher les boutons de panier dynamique – offrez aux clients la possibilité d'ignorer le panier pour accéder directement au paiement depuis la section des produits en vedette.
  • Afficher les boutons de partage social – Affichez des boutons que vos clients peuvent utiliser pour partager vos produits sur les médias sociaux. Ces boutons sont contrôlés par vos paramètres de votre thème.
  • Style d’image – Indiquez si vous souhaitez ajouter un recadrage carré ou circulaire à vos images de produits en vedette.

Ajouter une section de produits en vedette

  1. Cliquez sur Add section (Ajouter une section).
  2. Cliquez sur Produit en vedette, puis sur Sélectionner.
  3. Utilisez les paramètres pour personnaliser la section de votre produit en vedette.
  4. Cliquez sur Save (Enregistrer).

Contenu personnalisé

Dans la section Contenu personnalisé, vous pouvez regrouper plusieurs blocs de contenu. La largeur et l’alignement de chaque bloc peuvent être ajustés pour personnaliser votre mise en page.

La section Contenu personnalisé comprend les paramètres suivants :

  • Titre – Le titre de la section.

  • Mise en page pour appareils mobiles - La mise en page des blocs lorsqu'un utilisateur visite votre boutique sur un appareil mobile. Choisissez parmi les options suivantes :

    • Grille - Les blocs d'une largeur maximum de 50 % apparaissent sur la même rangée. Les conteneurs dont la largeur dépasse 50 % apparaissent dans leur propre rangée.
    • Pile – Chaque bloc apparaît dans sa propre rangée.
    • Curseur - Les blocs sont réduits en une seule section de style diaporama. Les clients peuvent cliquer sur les flèches de navigation pour afficher les blocs supplémentaires.

Vous pouvez choisir parmi les types de blocs suivants.

Types de blocs de contenu personnalisé
Type de bloc Paramètres
Texte

Titre – Ajoutez un titre au bloc de texte.

Texte – Ajoutez et formatez votre texte personnalisé.

Texte du bouton – Ajoutez au bloc un bouton avec une étiquette de texte.

Lien du bouton – Ajoutez le texte que vous souhaitez voir apparaître sur le bouton.

Taille du texte – Définissez la taille du texte.

Largeur du conteneur - Définissez la largeur du bloc.

Alignement vertical – Définissez la position verticale du contenu du bloc.

Alignement horizontal – Définissez la position horizontale du contenu du bloc.

Image

Image – Ajoutez une image à afficher dans le bloc. Vous pouvez mettre en ligne une image, utiliser une image déjà mise en ligne ou sélectionner une image dans la banque d'images gratuites Burst.

Largeur du conteneur - Définissez la largeur du bloc.

Alignement vertical – Définissez la position verticale du contenu du bloc.

Produit

Produit – Choisissez un produit à afficher dans le bloc. Le nom, l’image et le prix du produit s’affichent. Si le produit n’a pas d’image, son titre s’affiche dans le bloc.

Largeur du conteneur - Définissez la largeur du bloc.

Alignement vertical – Définissez la position verticale du contenu du bloc.

Si l’option Afficher les pages de produits dans une superposition est activée pour votre page de produit, les produits apparaissent dans une superposition sur la page en cours lorsque vous y accédez à partir de cette section.

Collection

Collection – Sélectionnez une collection à afficher dans le bloc. Le titre de la collection et l’image vedette sont affichés. S’il n’y a pas d’image vedette, une image du premier produit de la collection s’affiche. Si les produits de la collection n’ont pas d’images, le titre de la collection s’affiche dans le bloc.

Largeur du conteneur - Définissez la largeur du bloc.

Alignement vertical – Définissez la position verticale du contenu du bloc.

Menu

Menu - Sélectionnez le menu à afficher dans le bloc.

Titre – Ajoutez un titre au menu.

Largeur du conteneur - Définissez la largeur du bloc.

Alignement vertical – Définissez la position verticale du contenu du bloc.

Alignement horizontal – Définissez la position horizontale du contenu du bloc.

Ajouter du contenu personnalisé à sa page d'accueil

  1. Cliquez sur Ajouter une section.

  2. Cliquez sur Contenu personnalisé, puis cliquez sur Sélectionner.

  3. Sélectionnez et configurez les blocs de contenu que vous souhaitez inclure dans la section.

  4. Cliquez sur Save (Enregistrer).

Image avec texte

Avec Express, vous pouvez ajouter une image avec du texte affiché à droite ou à gauche de l’image. Vous pouvez également ajouter un bouton qui renvoie à une autre page.

Vous pouvez utiliser une section d'image avec texte pour promouvoir un produit ou une collection spécifique.

La section d'image avec texte comprend les paramètres suivants :

  • Image – Ajoutez une image à inclure dans la section. Vous pouvez mettre en ligne une image, utiliser une image déjà mise en ligne ou sélectionner une image dans la banque d'images gratuites Burst.
  • Titre – Ajoutez le texte principal à associer à l’image.
  • Texte – Ajoutez le texte secondaire à associer à l’image. Ce texte s’affiche sous le titre.
  • Étiquette du bouton – Ajoutez le texte que vous souhaitez voir apparaître sur le bouton.
  • Lien du bouton – Définissez l'URL ou la page à laquelle vous souhaitez que le bouton mène. Collez l’URL ou sélectionnez une page dans le menu. Si vous ne souhaitez pas inclure de bouton dans la section, laissez ce champ vide.

Options de mise en page

  • Bureau – déterminez si l’image de la section apparaît à gauche ou à droite lorsqu’elle est vue depuis un ordinateur de bureau. Pour afficher l’image à gauche, sélectionnez Image en premier.
  • Mobile – déterminez si l’image de la section apparaît en premier ou en second lorsqu'elle est vue à partir d’un appareil mobile.
  • Arrière-plan secondaire – Déterminez si vous souhaitez ajouter une couleur d'arrière-plan secondaire à la section. Sélectionnez Partielle pour ajouter la couleur d’arrière-plan aux trois cinquièmes supérieurs de la section. Cette couleur est modifiable dans les paramètres du thème.
  • Taille du texte – choisissez la taille relative de l’en-tête et du texte dans la section.
  • Conserver le rapport d'aspect de l'image – sélectionnez cette option pour empêcher le recadrage de l’image que vous avez sélectionnée. Si vous ne cochez pas cette option, l’image est recadrée sous forme de carré.
  • Activer la couleur du texte secondaire – Sélectionnez cette option pour utiliser la couleur du texte de l’arrière-plan secondaire pour le titre et le texte. Cette couleur est modifiable dans les paramètres du thème.

Ajouter une image avec une section de texte à une page d'accueil

  1. Cliquez sur Add section (Ajouter une section).
  2. Cliquez sur Image avec texte, puis sur Sélectionner.
  3. Dans la zone Image, 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.
  4. Pour sélectionner une image provenant de la banque d'images gratuites Burst, cliquez sur Images gratuites. De là, vous pouvez saisir un terme de recherche ou parcourir les catégories d'images.
  5. Pour sélectionner une image sur votre ordinateur local, cliquez sur l'onglet Bibliothèque, puis sur Mettre en ligne.

  6. Utilisez les paramètres pour personnaliser la section.

  7. Cliquez sur Save (Enregistrer).

Multicolonnes

À partir de la version 1.11.0

Avec Express, vous pouvez ajouter une section avec plusieurs colonnes de contenu. Vous pouvez ajouter jusqu’à quatre colonnes à chaque section multicolonnes.

La section multicolonnes comprend les paramètres suivants :

Paramètres de colonne

  • Image – Ajoutez une image à la colonne.
  • Titre – Ajoutez le texte principal à la colonne.
  • Texte – Ajoutez du texte secondaire à la colonne.

Paramètres de section

  • Titre - Ajoutez le texte principal à la section.
  • Étiquette du bouton – Ajoutez le texte que vous souhaitez voir apparaître sur le bouton.
  • Lien du bouton – Définissez l'URL ou la page à laquelle vous souhaitez que le bouton mène. Collez l’URL ou sélectionnez une page dans le menu. Si vous ne souhaitez pas inclure de bouton dans la section, laissez ce champ vide.

Options de mise en page

  • Alignement – Sélectionnez l’alignement des éléments de chaque colonne.
  • Mise en page mobile – Choisissez si les colonnes de la section apparaissent empilées ou dans une grille sur des appareils mobiles.
  • Taille de l’image - Sélectionnez la taille des images des colonnes.
  • Conserver le rapport d'aspect de l'image – Sélectionnez cette option pour empêcher le recadrage des images que vous avez sélectionnées. Si vous ne cochez pas cette option, les images sont recadrées sous forme de carré.
  • Activer l’arrière-plan secondaire et la couleur du texte - Sélectionnez cette option pour utiliser la couleur du texte de l’arrière-plan secondaire pour les titres et le texte, et la couleur de l’arrière-plan secondaire pour la section. Ces couleurs peuvent être modifiées dans les paramètres du thème.

Ajouter une section multicolonnes à une page d’accueil

  1. Cliquez sur Add section (Ajouter une section).
  2. Cliquez sur Multi-colonne*, puis sur **Sélectionner.
  3. Cliquez sur Ajouter une colonne pour ajouter une colonne à la section.
  4. Cliquez sur la colonne de la section Contenu pour ajouter du contenu à la colonne.
  5. Utilisez les paramètres pour personnaliser la section.
  6. Cliquez sur Save (Enregistrer).

Page

Version 1.10.0+

Vous pouvez afficher le contenu enrichi d’une page sur votre page d’accueil. Vous pouvez utiliser cette section pour afficher du contenu à partir d’une page des politiques de la boutique ou d’une page À propos.

Cette section utilise toujours le modèle de page par défaut, même si un modèle différent est appliqué. Par exemple, si vous ajoutez une page Nous contacter, qui utilise un modèle page.contact dans la section, les champs interactifs de ce modèle n’apparaissent pas sur la page d’accueil. Toutes les informations que vous ajoutez au titre et aux zones de contenu de la page s’affichent dans la section.

Ajouter une section de page à votre page d’accueil

  1. Cliquez sur Add section (Ajouter une section).
  2. Cliquez sur Page, puis sur Sélectionner.
  3. Dans la zone Page, cliquez sur Sélectionner une page.
  4. Sélectionnez la page dont vous souhaitez afficher le contenu, puis cliquez sur Sélectionner. Vous ne pouvez sélectionner que les pages actuellement visibles. Si vous devez créer une nouvelle page, sélectionnez Créer une page.
  5. Cliquez sur Save (Enregistrer).

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

Essayez gratuitement