Types de pages disponibles dans Be Yours

Chaque page possède ses propres sections et paramètres par défaut.

Pages produits

Par défaut, les pages produits comportent une section Informations sur le produit , une section Détails du produit et une section Recommandations sur le produit .

La section Informations sur le produit contient les blocs par défaut suivants :

  • Texte (affiche par défaut l'attribut vendor )
  • Titre
  • Évaluation du produit
  • Texte (affiche par défaut l'attribut product subtitle )
  • Sélecteur de variantes
  • Prix
  • Statut de l'inventaire
  • Acheter des boutons
  • Partager
  • Boutons d'informations associés

Vous pouvez également ajouter les blocs suivants :

  • Texte
  • Description
  • Liquide personnalisé
  • Évaluation du produit
  • Onglet pliable
  • Surgir
  • Espace libre

La section Informations sur le produit peut contenir jusqu'à 16 blocs.

Le Détails du produit La section située à droite contient les blocs par défaut suivants :

  • Description
  • Onglet pliable

Vous pouvez également ajouter les blocs suivants :

  • Onglet pliable

Le Détails du produit La section peut contenir jusqu'à 16 blocs.

Paramètres de la section Informations sur le produit

Les paramètres de la section d'informations sur le produit
Paramètre Description
Activer le contenu persistant sur le bureau Lorsque vous faites défiler une page vers le bas, la colonne d'informations sur le produit ne commence à défiler que lorsque toutes les images ont défilé.
Taille du support de bureau La taille des images/médias sur ordinateur :
  • Petit : le support remplit 40 % de la largeur du conteneur.
  • Moyen : le média remplit 50 % de la largeur du conteneur.
  • Grand : le support remplit 60 % de la largeur du conteneur.
Disposition du bureau

Détermine la façon dont les images sont affichées sur le bureau :

  • Empilé - S'empile les uns après les autres verticalement.
  • Curseur : s'affiche sous la forme d'un carrousel à un élément.
Rapport d'image du bureau

Le rapport d'image pour les images de produits sur le bureau :

  • S'adapter à l'image - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
  • Carré - Recadre les images pour utiliser un rapport 1:1.
  • Portrait - Recadre les images pour utiliser un rapport 2:3.
  • Paysage - Recadre les images pour utiliser un rapport 3:2.
  • Large - Recadre les images pour utiliser un rapport 16:9.
  • Adapter à la première image (par défaut) - Utilise le rapport hauteur/largeur de la première image pour tout le reste.
Afficher les miniatures sur le bureau
Sur le bureau, colle les vignettes de produits cliquables sur le côté de l'emplacement de l'image pour faciliter la navigation jusqu'à ce que toutes les images aient défilé.
Masquer les médias des autres variantes après avoir sélectionné une variante Lorsqu'une variante est sélectionnée, les images des autres variantes sont masquées. Les images réapparaissent lorsque la variante est désélectionnée.
Activer le zoom de l'image Active la fonction de zoom pour les images principales.
Activer la boucle vidéo Définit la lecture de la vidéo en boucle, de sorte qu'elle soit relue automatiquement une fois terminée.
Rapport d'image mobile

Le ratio d'image pour les images de produits sur mobile :

  • S'adapter à l'image - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
  • Carré - Recadre les images pour utiliser un rapport 1:1.
  • Portrait - Recadre les images pour utiliser un rapport 2:3.
  • Paysage - Recadre les images pour utiliser un rapport 3:2.
  • Large - Recadre les images pour utiliser un rapport 16:9.
  • Adapter à la première image (par défaut) - Utilise le rapport hauteur/largeur de la première image pour tout le reste.
Afficher les miniatures sur mobile
Sur mobile, colle les vignettes de produits cliquables au bas de l'emplacement de l'image pour une navigation facile.

Paramètres de remplissage de la section d'informations sur le produit

Les paramètres de remplissage pour la section
Paramètre Description
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.

Blocs d'informations sur le produit

Les blocs suivants peuvent être ajoutés à la section Informations sur le produit .

Bloc de texte

Le bloc de texte peut être utilisé pour afficher du texte statique ou des données variables à l'aide de sources dynamiques . Par exemple, vous pouvez ajouter du texte affichant un message marketing, tel que « Livraison gratuite à partir de 100 $ USD », qui afficherait la même chose sur chaque produit. Vous pouvez également ajouter une source dynamique, telle que le champ Fournisseur du produit, qui changerait en fonction du produit consulté.

Les paramètres du bloc de texte dans la section d'informations sur le produit
Paramètre Description
Icône Choisissez une icône SVG prédéfinie qui s'adapte à votre texte. L'option Aucun désactivera l'icône.
Texte Ajoute des informations à la page produit. Prend en charge le texte ou les sources dynamiques.
Style de texte Modifie le style du texte :
  • Corps : change le texte en texte de style paragraphe.
  • Sous-titre : change le texte en texte de sous-titre, qui est légèrement plus grand que le texte de style paragraphe.
  • Majuscules : modifie le texte pour qu'il soit plus petit que le texte de style paragraphe et met tous les caractères en majuscules.

Titre censuré

Ce bloc affiche le titre du produit.

Les paramètres du cartouche dans la section d'informations sur le produit
Paramètre Description
Taille du titre La taille du titre du produit :
  • Petit
  • Moyen
  • Grand

Bloc de prix

Ce bloc affiche les informations sur les prix du produit, telles que le prix et la comparaison au prix. Il n’a pas de paramètres réglables.

Bloc de sélection de variantes

Ce bloc affiche toutes les options de variantes pour le produit.

Les paramètres du bloc de sélection de variantes dans la section Informations sur le produit
Paramètre Description
Afficher les étiquettes des variantes Affiche les étiquettes des variantes du produit.
Taper Modifie la façon dont les variantes sont affichées aux clients :
  • Bouton - Affiche les variantes sous forme de boutons cliquables.
  • Liste déroulante : affiche les variantes dans un menu déroulant extensible.
Activer les échantillons de couleurs Affiche la sélection de couleurs dans des échantillons. Cette section s'applique uniquement si Type est défini sur Button .
Type d'échantillon L’apparence des échantillons. Cette section s'applique uniquement si Type est défini sur Button .
  • Rond
  • Carré
Page du tableau des tailles Si vous vendez des vêtements qui nécessitent que les clients connaissent leur taille avant d'effectuer un achat, vous pouvez ajouter un tableau des tailles personnalisé à votre page produit. Voici pour choisir votre page qui représente le contenu du tableau des tailles. Si un produit est éligible, un bouton de tableau des tailles doit s'afficher avec l'option Taille. Lorsque vous cliquez dessus, il ouvre une fenêtre contextuelle contenant le contenu de la page.

Pour plus d'informations sur le tableau des tailles, veuillez consulter cet article .

Acheter un bloc de boutons

Ce bloc affiche le bouton « Ajouter au panier » et toute information de retrait en magasin. Il peut également afficher tous les boutons de paiement dynamiques.

Les paramètres du bloc des boutons d'achat dans la section informations sur le produit
Paramètre Description
Afficher le sélecteur de quantité Affiche un sélecteur de quantité que les clients peuvent utiliser pour modifier le nombre d'unités du produit qu'ils souhaitent acheter. La quantité par défaut est 1.
Afficher les boutons de paiement dynamiques Affiche toutes les options de paiement dynamique que vous avez activées dans vos paramètres de paiement .

Bloc de description

Ce bloc affiche la description du produit. Il n’a pas de paramètres réglables.

Blocage du statut de l'inventaire

Affiche un message qui informe en temps opportun les clients de l'état du stock du produit

Les paramètres du bloc d'état des stocks dans la section informations sur le produit
Paramètre Description
Seuil de stock bas Permet de définir une valeur que le stock de produits doit être au moins pour que le message soit visible. Doit être un nombre pair. Minimum : 0. Maximum : 20. La valeur par défaut est 10.
Afficher l'avis de transfert de stock
Si vous avez plusieurs emplacements pour votre magasin, cela affichera un message de transfert concernant la date d'expédition ou l'état des stocks.

Bloc d'images

Affiche une image personnalisée, idéale pour l'image du badge de confiance.

Les paramètres du bloc d'image dans la section informations sur le produit
Paramètre Description
Image Choisissez votre image.
Hauteur personnalisée La hauteur de l'image (en pixel). De 10 px à 100 px. La valeur par défaut est de 20 px.
Lien Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent sur l’image.

Bloc d'évaluation du produit

Ce bloc affiche la note moyenne du produit en étoiles, avec le nombre d'avis entre parenthèses, par exemple : ★★★★★ (8).

L'affichage des évaluations de produits nécessite une application d'évaluation de produits telle que Shopify Product Reviews et des définitions de champs méta pour reviews.rating_count et reviews.rating .

Partager le bloc

Ce bloc permet aux clients de partager le produit sur leurs réseaux sociaux. Il n’a pas de paramètres réglables.

Bloc liquide personnalisé

Ce bloc affiche du code Liquid ou HTML personnalisé que vous pouvez ajouter au bloc.

Les paramètres du bloc de liquide personnalisé dans la section informations sur le produit
Paramètre Description
Liquide personnalisé Affiche le contenu que vous pouvez saisir sous forme de code Liquid ou HTML .

Bloc à onglets pliable

Ce bloc affiche un onglet pliable avec un titre. Lorsqu'un client clique sur le titre, l'onglet se développe pour afficher du contenu supplémentaire.

Les paramètres du bloc d'onglets pliable dans la section d'informations sur le produit
Paramètre Description
Icône Choisissez une icône SVG prédéfinie qui s'adapte à votre onglet pliable. L'option Aucun désactivera l'icône.
Titre Le titre de l'onglet. S'affiche lorsqu'il est réduit et développé.
Contenu de l'onglet Le contenu de l'onglet. S'affiche uniquement lorsque l'onglet est développé.
Tabuler le contenu de la page Affiche le contenu d'une page dans l'onglet. Affiche uniquement le contenu de la page de l'éditeur de page, aucun style Liquid du modèle de page ne s'affiche dans ce bloc. Tout contenu saisi dans le contenu de l'onglet s'affiche au-dessus du contenu de la page.

Blocage des pop-ups

Ce bloc affiche un texte cliquable qui ouvre une fenêtre contextuelle lorsque vous cliquez dessus. Cette fenêtre contextuelle affiche le contenu de l'une de vos pages.

Les paramètres du bloc pop-up dans la section d'informations sur le produit
Paramètre Description
Icône Choisissez une icône SVG prédéfinie qui s'adapte à votre popup. L'option Aucun désactivera l'icône.
Libellé du lien Le texte cliquable sur lequel les clients cliquent pour afficher la fenêtre contextuelle.
Page La page dont vous souhaitez afficher le contenu dans la fenêtre contextuelle. Affiche uniquement le contenu de la page de l'éditeur de page. La fenêtre contextuelle n'affiche aucun style Liquid du modèle de page.

Bloc d'espace vide

Ce bloc ajoute un espace vide, particulièrement utile lorsque l'on souhaite modifier légèrement la mise en page.

Les paramètres du bloc d'espace vide dans la section d'informations sur le produit
Paramètre Description
Hauteur du bureau La hauteur de l'espace sur le bureau. Peut être n’importe quel multiple de 4, de 0 à 200. La valeur par défaut est 28.
Hauteur mobile
La hauteur de l'espace sur mobile . Peut être n’importe quel multiple de 4, de 0 à 200. La valeur par défaut est 20.

Ce bloc ajoute un bouton qui aide les utilisateurs à naviguer entre la section d'informations supplémentaires ci-dessous et le placement de l'image sans faire défiler manuellement les pages. Il n’a pas de paramètres réglables.

Paramètres de la section Détails du produit

Les paramètres de la section détails du produit
Paramètre Description
Titre Le titre de la section.
Taille du titre
La taille du texte du titre :
  • Petit
  • Moyen
  • Grand

Bloc de chariot collant

Ce bloc ajoute un bouton d'ajout au panier collant qui restera avec les clients lorsqu'ils feront défiler la description d'un produit, prêts à toute hésitation d'achat. En raison de sa fonctionnalité, l’ordre dans lequel il est placé n’a pas d’importance. En raison de sa fonctionnalité, le bloc Sticky Cart est limité à un seul.

Les paramètres du bloc panier collant dans la section informations sur le produit
Paramètre Description
Afficher le sélecteur de quantité Affiche un sélecteur de quantité que les clients peuvent utiliser pour modifier le nombre d'unités du produit qu'ils souhaitent acheter. La quantité par défaut est 1. Ceci est disponible sur ordinateur uniquement.

Paramètres de remplissage de la section Détails du produit

Les paramètres de remplissage pour la section
Paramètre Description
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.

Blocs de détails du produit

Les blocs suivants peuvent être ajoutés au Détails du produit section.

Bloc de description

Ce bloc affiche la description du produit.

Les paramètres du bloc de description dans les détails du produit section
Paramètre Description
Titre Le titre de l'onglet. S'affiche lorsqu'il est réduit et développé.

Bloc à onglets pliable

Ce bloc affiche un onglet pliable avec un titre. Lorsqu'un client clique sur le titre, l'onglet se développe pour afficher du contenu supplémentaire.

Les paramètres du bloc d'onglets pliable dans la section Détails du produit
Paramètre Description
Titre Le titre de l'onglet. S'affiche lorsqu'il est réduit et développé.
Contenu de l'onglet Le contenu de l'onglet. S'affiche uniquement lorsque l'onglet est développé.
Tabuler le contenu de la page Affiche le contenu d'une page dans l'onglet. Affiche uniquement le contenu de la page de l'éditeur de page, aucun style Liquid du modèle de page ne s'affiche dans ce bloc. Tout contenu saisi dans Contenu de l'onglet s'affiche au-dessus du contenu de la page.

Paramètres de la section Recommandations de produits

En fonction du produit actuellement consulté, cette section affiche des produits similaires ou des produits fréquemment achetés avec ce produit.

Les paramètres de la section recommandations de produits
Paramètre Description
Titre Le titre de la section.
Taille du titre
La taille du texte du titre :
  • Petit
  • Moyen
  • Grand
Activer le balayage sur mobile Modifie l'affichage mobile d'une colonne à une ligne, où les clients peuvent faire glisser leur doigt sur le côté pour voir plus de produits.
Afficher une colonne sur mobile
Modifie l'affichage mobile en un produit par ligne.
Rapport d'image Le rapport d'image pour les images du produit :
  • S'adapter à l'image - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
  • Carré - Recadre les images pour utiliser un rapport 1:1.
  • Portrait - Recadre les images pour utiliser un rapport 2:3.
  • Paysage - Recadre les images pour utiliser un rapport 3:2.
  • Large - Recadre les images pour utiliser un rapport 16:9.
Point focal de l’image Choisissez la zone la plus importante de l’image visible.
Afficher la deuxième image au survol Lorsque le client passe son curseur sur l'image, affiche la deuxième image du produit si le produit en possède une.
Afficher le bouton d'ajout rapide au panier Lorsque le client passe son curseur sur l'image du produit, un bouton d'ajout rapide au panier s'affiche. Si le produit comporte des variantes, le bouton renvoie vers la page de détail du produit.
Afficher le fournisseur Affiche le fournisseur pour chaque produit.
Afficher la note du produit Affiche la note moyenne du produit en étoiles avec le nombre d'avis entre parenthèses, par exemple : ★★★★★ (8). Nécessite également une application d'évaluation de produits telle que Shopify Product Reviews et des définitions de champs méta pour reviews.rating_count et reviews.rating .
Activer l'affichage rapide Ajoute un bouton qui ouvre une fenêtre contextuelle affichant tous les détails essentiels du produit.
Activer les échantillons de couleurs
Affiche les couleurs dans des échantillons pour une sélection rapide.

Paramètres de remplissage de la section Recommandations de produits

Les paramètres de remplissage pour la section
Paramètre Description
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.

Pour en savoir plus sur les recommandations de produits, reportez-vous à Comprendre les recommandations de produits .

Pages de collecte

Par défaut, les pages de collection ont une bannière Collection et une section Grille de produits .

Paramètres de la section de la bannière de collection

Les paramètres de la section bannière de collection
Paramètre Description
Taille du titre de la collection
La taille du titre :
  • Petit
  • Moyen
  • Grand
Afficher la description de la collection Affiche la description de la collection.
Afficher l'image de la collection Affiche l'image de la collection.
Appliquer une superposition sur l'image Améliore la lisibilité du texte en ajoutant une superposition sur l'image.
Point focal de l’image Choisissez la zone la plus importante de l’image de collection en vue.
Hauteur du bureau Détermine la hauteur de l'image de la collection sur le bureau :
  • S'adapter à l'image : conserve le rapport hauteur/largeur d'origine de l'image.
  • 450px - 450px.
  • 550px - 550px.
  • 650px - 650px.
  • 750px - 750px.
  • Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Hauteur mobile Détermine la hauteur de l'image de la collection sur mobile :
  • Auto - Le navigateur décidera en fonction de la valeur du bureau.
  • 250px - 250px.
  • 300px - 300px.
  • 400px - 400px.
  • 500px - 500px.
  • Plein écran - Étend l'image à la hauteur de la fenêtre du navigateur.
Afficher le texte sous l'image Affiche le titre de la collection sous l'image sur mobile.

Paramètres de remplissage de la section de la bannière de collection

Les paramètres de remplissage pour la section
Paramètre Description
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.

Paramètres de la section de la grille de produits

Les paramètres de la section grille de produits
Paramètre Description
Produits par ligne Choisissez le nombre de produits à afficher dans chaque ligne de la page de collection. Cette section s'applique uniquement si Layout est défini sur Grid .
Lignes par page Choisissez le nombre de lignes de produits à afficher sur la page de collection. Cette section s'applique uniquement si Layout est défini sur Grid .
Une colonne sur mobile Modifie l'affichage mobile en un produit par ligne. Cette section s'applique uniquement si Layout est défini sur Grid .
Activer la barre d'outils collante
Affiche la barre d'outils lorsque le client fait défiler vers le bas.
Activer le filtrage

Permet aux clients de filtrer les produits de la collection en fonction des filtres de vos paramètres de navigation .

Veuillez noter que lorsque votre collection contient plus de 1000 produits, les filtres sont masqués, comme le règle Shopify .

Activer le tri Permet aux clients de trier les produits de la collection en fonction des éléments suivants :
  • En vedette : produit le plus vendu, basé sur le nombre historique de commandes incluant le produit. Si vous n'avez encore vendu aucun produit, cette option trie vos produits du plus récent au plus ancien.
  • Meilleures ventes - Affiche les produits par ordre décroissant en fonction du nombre de fois que chaque produit a été commandé.
  • Par ordre alphabétique, AZ - Affiche les produits par ordre alphabétique.
  • Par ordre alphabétique, ZA - Affiche les produits par ordre alphabétique inverse.
  • Prix, bas à haut - Affiche les produits du prix le plus bas au prix le plus élevé.
  • Prix, du plus haut au plus bas - Affiche les produits du prix le plus élevé au prix le plus bas.
  • Date, de l'ancien au nouveau - Affiche les produits du plus ancien au plus récent, en fonction de la date à laquelle chaque produit a été ajouté à votre boutique.
  • Date, du nouveau à l'ancien - Affiche les produits du plus récent au plus ancien, en fonction de la date à laquelle chaque produit a été ajouté à votre boutique.
Activer le sélecteur de mise en page Permet aux clients de modifier la disposition des produits dans la collection.
Rapport d'image Le rapport d'image pour les images du produit :
  • S'adapter à l'image - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
  • Carré - Recadre les images pour utiliser un rapport 1:1.
  • Portrait - Recadre les images pour utiliser un rapport 2:3.
  • Paysage - Recadre les images pour utiliser un rapport 3:2.
  • Large - Recadre les images pour utiliser un rapport 16:9.
Point focal de l’image Choisissez la zone la plus importante de l’image visible.
Afficher la deuxième image au survol Lorsque le client passe son curseur sur l'image du produit, affiche la deuxième image du produit si le produit en a une.
Afficher le bouton d'ajout rapide au panier Lorsque le client passe son curseur sur l'image du produit, affiche un bouton d'ajout rapide au panier. Si le produit comporte des variantes, le bouton renvoie vers la page de détail du produit.
Afficher le fournisseur Affiche le fournisseur pour chaque produit.
Afficher la note du produit Affiche la note moyenne du produit en étoiles avec le nombre d'avis entre parenthèses, par exemple : ★★★★★ (8). Nécessite également une application d'évaluation de produits telle que Shopify Product Reviews et des définitions de champs méta pour reviews.rating_count et reviews.rating .
Activer l'affichage rapide
Ajoute un bouton qui ouvre une fenêtre contextuelle affichant tous les détails essentiels du produit.
Activer les échantillons de couleurs
Affiche les couleurs dans des échantillons pour une sélection rapide.

Paramètres de remplissage des sections de la grille de produits

Les paramètres de remplissage pour la section
Paramètre Description
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.

Pages de liste des collections

La page de liste des collections affiche toutes vos collections disponibles sur le canal de vente de la boutique en ligne.

Paramètres de la section des pages de liste de collections

Les paramètres de la page de liste de collections
Paramètre Description
Titre Le titre de la page.
Taille du titre
La taille du texte du titre :
  • Petit
  • Moyen
  • Grand
Trier les collections par Détermine dans quel ordre afficher vos collections :
  • Par ordre alphabétique, AZ - Affiche les collections par ordre alphabétique.
  • Par ordre alphabétique, ZA - Affiche les collections par ordre alphabétique inverse.
  • Date, du nouveau au plus ancien : affiche les collections de la plus récente à la plus ancienne, en fonction de la date de création de chaque collection dans votre boutique.
  • Date, de l'ancien au nouveau - Affiche les collections de la plus ancienne à la plus récente, en fonction de la date de création de chaque collection dans votre boutique.
  • Nombre de produits, du plus élevé au plus faible : affiche les collections en fonction du nombre de produits qu'elles contiennent, du plus élevé au plus faible.
  • Nombre de produits, de faible à élevé : affiche les collections en fonction du nombre de produits qu'elles contiennent, du plus bas au plus élevé.
Rapport d'image Le rapport d'image pour les images de collection :
  • S'adapter à l'image - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
  • Carré - Recadre les images pour utiliser un rapport 1:1.
  • Portrait - Recadre les images pour utiliser un rapport 2:3.
  • Paysage - Recadre les images pour utiliser un rapport 3:2.
  • Large - Recadre les images pour utiliser un rapport 16:9.
Point focal de l’image Choisissez la zone la plus importante de l’image visible.
Appliquer une superposition sur l'image Améliore la lisibilité du texte en ajoutant une superposition sur l'image.
Activer une colonne sur mobile
Modifie l'affichage mobile en une collection par ligne.

Paramètres de remplissage de la section des pages de la liste des collections

Les paramètres de remplissage pour la section
Paramètre Description
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.

Pages

Vous pouvez créer des pages personnalisées dans votre interface administrateur Shopify pour créer du contenu pour vos clients, comme une page À propos de nous ou des informations supplémentaires sur vos produits.

Paramètres des sections de page

Les paramètres de la page
Paramètre Description
Rendre la section étroite Rend son conteneur étroit.

Paramètres de remplissage des sections de page

Les paramètres de remplissage pour la section
Paramètre Description
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.

Pages de blog

Les pages de blog sont la page d'accueil de tous les blogs que vous créez dans votre interface administrateur Shopify. Par défaut, ils contiennent une section Articles de blog .

Paramètres de la section des articles de blog

La section des articles de blog affiche les derniers articles du blog. Chaque article de blog affiche n'importe quelle image du blog, le titre du blog et soit l'extrait, soit les premiers mots de l'article de blog.

Les paramètres de la section des articles de blog
Paramètre Description
Articles par page Le nombre d'articles de blog que vous souhaitez afficher sur chaque page. Peut être n’importe quel multiple de 3, de 6 à 48. La valeur par défaut est 15.
Afficher le filtre de balises Affiche l'image sélectionnée du blog.
Afficher l'image sélectionnée Affiche l'image sélectionnée pour l'article de blog.
Rapport d'image
Le rapport d'image pour les images des articles de blog :
  • S'adapter à l'image - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
  • Carré - Recadre les images pour utiliser un rapport 1:1.
  • Portrait - Recadre les images pour utiliser un rapport 2:3.
  • Paysage - Recadre les images pour utiliser un rapport 3:2.
  • Large - Recadre les images pour utiliser un rapport 16:9.
Point focal de l’image
Choisissez la zone la plus importante de l’image visible.

Paramètres de remplissage de la section des articles de blog

Les paramètres de remplissage pour la section
Paramètre Description
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.

Blocs d'articles de blog

Les blocs suivants peuvent être ajoutés à la page des articles de blog .

Titre

Le bloc de titre peut être utilisé pour afficher le titre des articles du blog

Les paramètres du cartouche dans la page des articles de blog
Paramètre Description
Afficher la date
Pour chaque article de blog, affiche la date à laquelle l'article de blog a été publié.
Afficher l'auteur
Pour chaque article de blog, affiche l'auteur.
Afficher le nombre de commentaires
Pour chaque article de blog, affiche le nombre de commentaires publiés.

Extrait

Pour chaque article de blog, ce bloc affiche l'extrait de l'article. Il n’a pas de paramètres réglables.

En savoir plus

Pour chaque article de blog, ce bloc affiche le lien qui mène à l'article. Il n’a pas de paramètres réglables.

Pages d'articles de blog

Les pages d'articles de blog affichent le contenu de l'article de blog. Par défaut, ils contiennent une section Article de blog .

Paramètres de la section des articles de blog

Les paramètres de la section des articles de blog
Paramètre Description
Afficher l'avatar du commentaire Affiche l'avatar de chaque commentaire.

Paramètres de remplissage de la section des articles de blog

Les paramètres de remplissage pour la section
Paramètre Description
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.

L' article de blog contient les blocs par défaut suivants :

  • L'image sélectionnée
  • Titre
  • Partager
  • Contenu
  • Retour au blog
  • Articles de blog suivants et précédents
Les paramètres du bloc d'image en vedette sur la page de l'article de blog
Paramètre Description
Hauteur de l'image sélectionnée Détermine la hauteur de l'image sélectionnée de l'article de blog :
  • S'adapter à l'image : conserve le rapport hauteur/largeur d'origine de l'image.
  • Moyen - 545 px
  • Grand - 660 px

Titre censuré

Les paramètres du bloc de titre sur la page de l'article de blog
Paramètre Description
Afficher la date Affiche la date à laquelle l'article de blog a été publié.
Afficher l'auteur Affiche l'auteur du billet de blog.
Afficher le nombre de commentaires Affiche le nombre de commentaires publiés sur l'article de blog.

Partager le bloc

Ce bloc permet aux clients de partager l'article de blog sur leurs réseaux sociaux. Il n’a pas de paramètres réglables.

Blocage de contenu

Ce bloc affiche le contenu de l'article de blog. Il n’a pas de paramètres réglables.

Retour au bloc blog

Dirige les clients vers le blog auquel appartient la publication. Il n’a pas de paramètres réglables.

Blocage des articles de blog suivants et précédents

Ce bloc affiche les articles de blog précédents et suivants au sein du même blog. Il n’a pas de paramètres réglables.

Page du panier

Par défaut, la page du panier contient :

Paramètres de la section Articles

La section Articles affiche les produits et les quantités qu'un client a ajoutés à son panier.

Les paramètres de la section articles sur la page du panier
Paramètre Description
Afficher le fournisseur Affiche les fournisseurs de chaque produit dans le panier.

Paramètres de remplissage de la section Éléments

Les paramètres de remplissage pour la section
Paramètre Description
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.

Paramètres de la section Sous-total

La section Sous-total comporte un prix Sous-total et un bloc de boutons de paiement . Aucun des deux blocs n’a de paramètres personnalisables.

Les paramètres de la section sous-total sur la page du panier
Paramètre Description
Activer la note du panier Affiche le champ Note du panier dans lequel les clients peuvent saisir des informations supplémentaires.

Paramètres de remplissage de la section de sous-total

Les paramètres de remplissage pour la section
Paramètre Description
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.

Paramètres de la section Recommandations du panier

La section Recommandations du panier présente des recommandations de produits complémentaires lors de l'ajout du panier. Les recommandations sont dynamiques et basées sur les articles de votre panier. Ils changent et s'améliorent avec le temps.

Les paramètres généraux de la section des recommandations de panier sur la page du panier
Paramètre Description
Titre Le titre de la section.
Taille du titre La taille du texte du titre :
  • Petit
  • Moyen
  • Grand
Activer le balayage sur mobile Modifie l'affichage mobile en une seule ligne, où les clients peuvent faire glisser leur doigt sur le côté pour voir plus de produits.
Afficher une colonne sur mobile
Modifie l'affichage mobile en un produit par ligne.

Paramètres de la fiche produit de la section Recommandations du panier

Les paramètres de la fiche produit pour la section
Paramètre Description
Rapport d'image Le rapport d'image pour les images du produit :
  • S'adapter à l'image - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
  • Carré - Recadre les images pour utiliser un rapport 1:1.
  • Portrait - Recadre les images pour utiliser un rapport 2:3.
  • Paysage - Recadre les images pour utiliser un rapport 3:2.
  • Large - Recadre les images pour utiliser un rapport 16:9.
Point focal de l’image Choisissez la zone la plus importante de l’image visible.
Afficher la deuxième image au survol Lorsque le client passe son curseur sur l'image du produit, affiche la deuxième image du produit si le produit en a une.
Afficher le bouton d'ajout rapide au panier Lorsque le client passe son curseur sur l'image du produit, affiche un bouton d'ajout rapide au panier. Si le produit comporte des variantes, le bouton renvoie vers la page de détail du produit.
Afficher le fournisseur Affiche le fournisseur pour chaque produit.
Afficher la note du produit Affiche la note moyenne du produit en étoiles avec le nombre d'avis entre parenthèses, par exemple : ★★★★★ (8). Nécessite également une application d'évaluation de produits telle que Shopify Product Reviews et des définitions de champs méta pour reviews.rating_count et reviews.rating .
Activer l'affichage rapide
Ajoute un bouton qui ouvre une fenêtre contextuelle affichant tous les détails essentiels du produit.
Activer les échantillons de couleurs
Affiche les couleurs dans des échantillons pour une sélection rapide.

Paramètres de remplissage de la section des recommandations de panier

Les paramètres de remplissage pour la section
Paramètre Description
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.

Paramètres de la section du calculateur de tarifs d'expédition

La section Calculateur des frais d'expédition affiche un outil qui permet aux clients d'estimer leurs frais d'expédition avant de passer à la page de paiement.

Les paramètres de la section calculateur des tarifs d'expédition sur la page du panier
Paramètre Description
Titre Le titre de la section.
Taille du titre La taille du texte du titre :
  • Petit
  • Moyen
  • Grand
Pays par défaut à utiliser Le pays par défaut utilisé pour la calculatrice. Si votre client est connecté, le pays dans son adresse de livraison par défaut sera sélectionné.
Activer l'arrière-plan secondaire Ajoute une couleur à l'arrière-plan. La couleur est interpolée à partir de la couleur du texte.

Paramètres de remplissage de la section du calculateur de tarifs d'expédition

Les paramètres de remplissage pour la section
Paramètre Description
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.

Page de mot de passe

La page de mot de passe s'affiche lorsque la protection par mot de passe est activée sur votre boutique en ligne et qu'un client tente de visiter votre site Web. Cette page a son propre en-tête et pied de page et contient par défaut une section d'inscription par e-mail .

Section d'en-tête du mot de passe

Les paramètres de la section d'en-tête du mot de passe sur la page du mot de passe
Paramètre Description
Image logo Le logo que vous souhaitez afficher.
Hauteur du logo personnalisé La hauteur du logo. De 30 px à 120 px. La valeur par défaut est de 50 px.
Afficher la ligne de séparation Affiche une ligne pour séparer visuellement le pied de page du mot de passe du contenu de la page.
Les paramètres de la section de pied de page du mot de passe sur la page du mot de passe
Paramètre Description
Afficher la ligne de séparation Affiche une ligne pour séparer visuellement le pied de page du mot de passe du contenu de la page.

404 pages

La page 404 s'affiche lorsqu'un client tente de visiter un lien vers votre site qui n'existe pas, comme une page produit pour un produit que vous avez supprimé de votre boutique. Cette page n'a pas de paramètres personnalisables.

Page de recherche

La page de recherche est l'endroit où les clients peuvent rechercher des produits ou des pages spécifiques dans votre boutique en ligne. La page contient une section Résultats de recherche par défaut.

Paramètres de la section des résultats de recherche

Les paramètres de la section des résultats de recherche
Paramètre Description
Articles par ligne Choisissez le nombre de résultats à afficher dans chaque ligne de la page de recherche. Cette section s'applique uniquement si Layout est défini sur Grid .
Lignes par page Choisissez le nombre de lignes de résultats à afficher sur la page de recherche. Cette section s'applique uniquement si Layout est défini sur Grid .
Une colonne sur mobile Modifie l'affichage mobile en un résultat par ligne. Cette section s'applique uniquement si Layout est défini sur Grid .
Rapport d'image Le ratio d'image pour les images des résultats :
  • S'adapter à l'image - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
  • Carré - Recadre les images pour utiliser un rapport 1:1.
  • Portrait - Recadre les images pour utiliser un rapport 2:3.
  • Paysage - Recadre les images pour utiliser un rapport 3:2.
  • Large - Recadre les images pour utiliser un rapport 16:9.
Point focal de l’image Choisissez la zone la plus importante de l’image visible.
Afficher la deuxième image au survol Lorsqu'un client passe son curseur sur l'image du produit, affiche la deuxième image du produit si le produit en a une.
Afficher le bouton d'ajout rapide au panier Lorsque le client passe son curseur sur l'image du produit, affiche un bouton d'ajout rapide au panier. Si le produit comporte des variantes, le bouton renvoie vers la page de détail du produit.
Afficher le fournisseur Affiche le fournisseur pour chaque produit.
Afficher la note du produit Affiche la note moyenne du produit en étoiles avec le nombre d'avis entre parenthèses, par exemple : ★★★★★ (8). Nécessite également une application d'évaluation de produits telle que Shopify Product Reviews et des définitions de champs méta pour reviews.rating_count et reviews.rating .
Activer l'affichage rapide
Ajoute un bouton qui ouvre une fenêtre contextuelle affichant tous les détails essentiels du produit.
Activer les échantillons de couleurs
Affiche les couleurs dans des échantillons pour une sélection rapide.
Activer la barre d'outils collante
Affiche la barre d'outils lorsque le client fait défiler vers le bas.
Activer le filtrage

Permet aux clients de filtrer les résultats de recherche en fonction des filtres de votre La navigation paramètres.

Veuillez noter que lorsque vous avez plus de 1 000 résultats de recherche, les filtres sont masqués, comme gouverné par Shopify .

Activer le tri

Permet aux clients de trier les résultats de recherche en fonction des éléments suivants :

  • Prix ​​croissant - Affiche les produits du prix le plus bas au prix le plus élevé.
  • Prix, du haut au bas - Affiche les produits du prix le plus élevé au prix le plus bas.
Activer le sélecteur de mise en page
Permet aux clients de modifier la mise en page.
Afficher la date Pour chaque article de blog, affiche la date à laquelle l'article de blog a été publié.
Afficher l'auteur Pour chaque article de blog, affiche l'auteur de l'article de blog.
Afficher le nombre de commentaires Pour chaque article de blog, affiche le nombre de commentaires publiés sur l'article de blog.

Paramètres de remplissage de la section des résultats de recherche

Les paramètres de remplissage pour la section
Paramètre Description
Rembourrage supérieur Détermine la hauteur de l'espace intérieur supérieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.
Rembourrage inférieur Détermine la hauteur de l'espace intérieur inférieur de la section. Peut aller de 0 px à 100 px, augmentant arithmétiquement de 4 px.