Dans l’éditeur de thème : Personnaliser›Page produit›Ajouter une section›Page produit
Page produit
Le cœur de la page produit : les photos, et à côté le panneau d’achat. Chaque élément du panneau est un bloc que l’on peut déplacer, retirer ou ajouter.
Donnez à chaque produit son propre guide des tailles dans son champ « Size guide ». Les produits qui n’en ont pas affichent la page définie dans le bloc « Sélecteur d'options ».
Paramètres
Mise en page
- Largeur de la zone produit
- Curseur, de 1000 à 2000 pxPar défaut: 1600 pxUtilisé lorsque « Largeur du contenu » ci-dessous est réglé sur Standard.
- Mise en page sur ordinateur
- Choix: Moitié-moitié, ScènePar défaut: Moitié-moitiéMoitié-moitié : une image carrée avec les miniatures dessous et les détails à côté ; toute la page défile ensemble. Scène : une grande image avec les miniatures à l’intérieur et la carte des détails par-dessus.
- Garder l'image en place pendant le défilement
- Activé ou désactivéPar défaut: ActivéSur les grands écrans, quand le panneau des détails est plus haut que l'image, l'image reste visible pendant que le panneau défile.
- Alignement du panneau sur téléphone et tablette
- Choix: Centré, Sur le côtéPar défaut: CentréCentré : le titre, le prix, les options et la quantité sont au centre. La description et les lignes réductibles restent alignées sur le côté, car ce sont des textes longs. Sur ordinateur, le panneau est toujours aligné sur le côté, à côté des photos.
Photos
- Ajustement des photos
- Choix: Remplir le cadre, Afficher toute la photoPar défaut: Remplir le cadre« Remplir le cadre » recadre la photo en carré. « Afficher toute la photo » ne recadre jamais.
- Afficher les miniatures
- Activé ou désactivéPar défaut: ActivéSur ordinateur et tablette : une colonne à côté de l'image. Sur téléphone : voir le paramètre suivant.
- Miniatures également sur téléphone
- Activé ou désactivéPar défaut: ActivéUne rangée de miniatures sous l'image principale, à toucher pour choisir.
- Afficher les flèches
- Activé ou désactivéPar défaut: Activé
- Revenir à la première photo après la dernière
- Activé ou désactivéPar défaut: ActivéLes flèches ne s'arrêtent jamais à la fin.
- Afficher le bouton d'agrandissement
- Activé ou désactivéPar défaut: Activé
- Lecture automatique de la vidéo
- Activé ou désactivéPar défaut: DésactivéLa vidéo de la galerie se lit sans le son et en boucle lorsqu'elle apparaît à l'écran.
- Afficher un badge sur la photo
- Activé ou désactivéPar défaut: ActivéÉpuisé, le texte propre au produit ou une promotion.
Barre d'achat en bas
- Afficher la barre d'achat en bas
- Activé ou désactivéPar défaut: ActivéQuand le bouton principal sort de l'écran, le cadre s'épaissit en bas de l'écran et porte le produit, le choix actuel, le prix et Ajouter au panier jusqu'en bas de la page. Elle prend la couleur du cadre. Sur mobile, elle alterne avec le menu flottant quand on remonte.
- Forme de la carte flottante sur téléphone
- Choix: Carte flottante, Monte derrière le menu, Le cadre montePar défaut: Carte flottanteCarte flottante : flotte juste au-dessus du cadre du bas, comme sur ordinateur, et le menu du bas laisse la place. Monte : la carte monte de derrière le menu du bas, et le menu reste. Cadre : le cadre monte sur toute la largeur et le menu laisse la place. Sans menu du bas, « Monte » devient le cadre. Sur ordinateur, toujours une carte flottante.
- Couleur de la carte flottante
- CouleurVide : la surface du site, comme le panneau de recherche. Sur une couleur foncée, le texte devient clair.
- Couleur de la bordure de la carte flottante
- CouleurUne bordure autour de la carte flottante. Vide : une fine ligne de la couleur du texte.
- Petite image du produit dans la barre
- Activé ou désactivéPar défaut: ActivéUne petite image au début de la barre, dans la ligne.
Arrière-plan de la page
- Style d'arrière-plan
- Choix: Arrière-plan du site, Couleur unie, Scène éclairéePar défaut: Arrière-plan du siteArrière-plan du site : la page suit le reste du site. Couleur unie : la couleur ci-dessous. Scène éclairée : une scène de la couleur choisie, avec une lumière douce derrière l’image et derrière les détails. Sur une couleur foncée, le texte, les lignes et les boutons s’éclaircissent d’eux-mêmes. Les deux dernières options remplacent les couleurs personnalisées de la section.
- Palette de couleurs
- Palette de couleursLa scène prend son arrière-plan et son accent dans cette palette. Une couleur choisie ci-dessous prime.
- Couleur d'arrière-plan
- CouleurAvec la scène éclairée : le ton de la scène. Par défaut, le charbon chaud utilisé par la scène sur tout le site.
- Couleur de la lumière
- CouleurLa lumière douce derrière l'image et derrière les détails. Vide : blanc.
Blocs
Les blocs sont les éléments à l’intérieur de la section. Dans l’éditeur, on les ajoute, on les supprime et on les fait glisser pour changer l’ordre.
Bloc d’application
Les applications installées peuvent ajouter ici leur propre bloc, par exemple des avis ou un guide des tailles.
Cette partie n’a pas de paramètres propres.
Titre
Général
- Afficher le nom de la collection au-dessus du titre
- Activé ou désactivéPar défaut: Activé
- Mettre en valeur la partie après " | "
- Activé ou désactivéPar défaut: ActivéSi le nom du produit contient " | ", la partie qui suit s'affiche dans une graisse plus épaisse.
- Afficher le fournisseur
- Activé ou désactivéPar défaut: Désactivé
Prix
Général
- Afficher le pourcentage de réduction
- Activé ou désactivéPar défaut: DésactivéLa réduction est déjà indiquée sur la photo. Activez cette option pour l'afficher aussi à côté du prix.
Texte
Général
- Texte
- TexteUne courte description sous le titre. Vous pouvez la relier à un champ de produit.
Sélecteur d'options
Général
- Style
- Choix: Boutons, Liste déroulantePar défaut: Boutons
- Couleurs
- Choix: Pastilles de couleur, Liste déroulantePar défaut: Pastilles de couleurUniquement pour une option de couleur. Les autres options suivent le style ci-dessus.
- Page du guide des tailles
- PageLes produits qui ont leur propre champ « Guide des tailles » (custom.size_guide) affichent cette page. Sinon cette page et, si elle est vide, celle des paramètres du thème.
Quantité
Général
- Position
- Choix: À côté de « Acheter maintenant », Rangée proprePar défaut: À côté de « Acheter maintenant »À côté de « Acheter maintenant » : la quantité se place au début de la première rangée de boutons, et « Ajouter au panier » a sa propre rangée pleine largeur en dessous. Rangée propre : au-dessus des boutons, avec son libellé. Avec des paliers de quantité, les paliers la remplacent.
Paliers de quantité
Général
- Titre
- TexteVide : « Quantité » dans la langue du client. Sur ordinateur, seuls les lecteurs d'écran la lisent.
- Libellé pour 1 unité
- TexteVide : le nombre d'unités (« 2 unités »), dans la langue du client.
- Afficher ce palier
- Activé ou désactivéPar défaut: Activé
- Nombre d'unités
- Curseur, de 2 à 12Par défaut: 2
- Réduction
- Curseur, de 0 à 60 %Par défaut: 10 %Doit correspondre à votre réduction automatique.
- Libellé
- TexteVide : le nombre d'unités (« 2 unités »), dans la langue du client.
- Afficher ce palier
- Activé ou désactivéPar défaut: Activé
- Nombre d'unités
- Curseur, de 2 à 12Par défaut: 3
- Réduction
- Curseur, de 0 à 60 %Par défaut: 18 %Doit correspondre à votre réduction automatique.
- Libellé
- TexteVide : le nombre d'unités (« 2 unités »), dans la langue du client.
- Mettre un palier en avant
- Choix: Aucun, Deuxième palier, Troisième palierPar défaut: Aucun
- Texte de mise en avant
- TexteVide : la remise du palier mis en avant, par exemple « 18% de remise ».
Proposez un meilleur prix pour l'achat de plusieurs unités. La réduction est uniquement affichée ici : créez une réduction automatique correspondante dans votre interface administrateur Shopify pour qu'elle soit réellement appliquée.
Options d'achat
Général
- Titre
- TexteVide : le texte par défaut.
- Afficher le pourcentage d'économie
- Activé ou désactivéPar défaut: Activé
- Afficher les descriptions des formules
- Activé ou désactivéPar défaut: ActivéLa description provient de l'application d'abonnements.
- Afficher le lien vers les conditions d'abonnement
- Activé ou désactivéPar défaut: ActivéAffiché lorsque la boutique dispose de conditions d'abonnement (Paramètres, Politiques).
Options d'achat unique et d'abonnement, pour les produits vendus avec une application d'abonnements. Sans ce bloc, les produits avec abonnement affichent les options au-dessus du bouton d'ajout au panier.
Boutons d'achat
Général
- Bouton Acheter maintenant
- Activé ou désactivéPar défaut: ActivéMène directement au paiement avec ce produit uniquement, et laisse le panier tel quel.
- Boutons de paiement dynamique
- Choix: Portefeuille ou « Acheter maintenant » de Shopify, Portefeuille uniquement, DésactivéPar défaut: Portefeuille ou « Acheter maintenant » de ShopifyLes boutons de Shopify sous les boutons d'achat. Ils affichent le portefeuille de l'acheteur (Shop Pay, Apple Pay, Google Pay, PayPal) lorsqu'un portefeuille est activé dans vos paramètres de paiement. Tant que le bouton Acheter maintenant est activé, le bouton Shopify « Acheter maintenant » ne s'affiche jamais, pour qu'il n'y en ait qu'un.
- Boutons de paiement raccourcis
- Activé ou désactivéPar défaut: Activébit, carte de crédit et tout ce que vous avez ajouté. Ajoute au panier puis passe au paiement. Les boutons eux-mêmes se règlent dans les paramètres du thème, « Boutons de paiement express ».
- Afficher le formulaire de destinataire pour les cartes cadeaux
- Activé ou désactivéPar défaut: ActivéPermet aux acheteurs d'envoyer une carte cadeau directement à une autre personne. Tant que le formulaire est affiché, le bouton Acheter maintenant et les boutons de paiement dynamique sont masqués sur les cartes cadeaux, car Shopify ne vérifie les informations du destinataire qu'à l'ajout au panier.
Ligne de livraison et de garantie
Général
- Note de livraison
- TexteUne courte ligne sous le bouton d'achat, entre deux fines lignes, visible avant l'ajout au panier. Par exemple : Livraison à domicile en 8 à 18 jours ouvrés. Pour une ligne différente par produit, renseignez le champ de produit custom.delivery_note (Texte sur une seule ligne ; Paramètres, Données personnalisées, Produits) : il a la priorité sur ce texte. Si les deux sont vides, la ligne d'expédition des paramètres du thème (Produits) s'affiche, et si elle est vide elle aussi, une ligne qui suit la règle de livraison offerte (paramètres du thème, Livraison offerte).
- Note de garantie
- TexteDésactivée par défaut : vide signifie aucune ligne. Pour une ligne différente par produit, renseignez le champ de produit custom.warranty (Texte sur une seule ligne ; Paramètres, Données personnalisées, Produits) : il a la priorité sur ce texte. N'indiquez que ce qui est vrai pour le produit.
Ligne de confiance
Général
Jusqu'à trois courts engagements avec une icône, et les icônes de paiement en dessous. Sa place naturelle est juste sous le bouton d'achat.
Premier élément
- Icône
- Choix: Colis (expédition), Flèche de retour (retours), Bouclier (paiement sécurisé), Casque (service), Diamant (qualité), Masquer cet élémentPar défaut: Colis (expédition)
- Texte
- TexteVide : un texte par défaut selon l'icône. Colis : la promesse de livraison selon la règle de livraison offerte (paramètres du thème, Livraison offerte). Flèche de retour et bouclier : un court texte fixe. Le casque et le diamant n'ont pas de texte par défaut : l'élément ne s'affiche donc qu'avec un texte saisi ici. Un texte long se répartit sur deux lignes équilibrées.
Deuxième élément
- Icône
- Choix: Colis (expédition), Flèche de retour (retours), Bouclier (paiement sécurisé), Casque (service), Diamant (qualité), Masquer cet élémentPar défaut: Flèche de retour (retours)
- Texte
- TexteVide : un texte par défaut selon l'icône. Colis : la promesse de livraison selon la règle de livraison offerte (paramètres du thème, Livraison offerte). Flèche de retour et bouclier : un court texte fixe. Le casque et le diamant n'ont pas de texte par défaut : l'élément ne s'affiche donc qu'avec un texte saisi ici. Un texte long se répartit sur deux lignes équilibrées.
Troisième élément
- Icône
- Choix: Colis (expédition), Flèche de retour (retours), Bouclier (paiement sécurisé), Casque (service), Diamant (qualité), Masquer cet élémentPar défaut: Bouclier (paiement sécurisé)
- Texte
- TexteVide : un texte par défaut selon l'icône. Colis : la promesse de livraison selon la règle de livraison offerte (paramètres du thème, Livraison offerte). Flèche de retour et bouclier : un court texte fixe. Le casque et le diamant n'ont pas de texte par défaut : l'élément ne s'affiche donc qu'avec un texte saisi ici. Un texte long se répartit sur deux lignes équilibrées.
Icônes de paiement
- Afficher les icônes des moyens de paiement
- Activé ou désactivéPar défaut: Activé
Livraison estimée
Général
- Jours ouvrés, au minimum
- Curseur, de 0 à 30Par défaut: 11
- Jours ouvrés, au maximum
- Curseur, de 0 à 45Par défaut: 18
- Jours non ouvrés
- Choix: Vendredi et samedi, Samedi et dimanche, Aucun, tous les jours comptentPar défaut: Vendredi et samedi
- Ligne principale
- Texte[from] et [to] sont remplacés par des dates. Vide : « Commandez aujourd'hui, livraison entre le [from] et le [to] »
- Deuxième ligne
- TexteVide : la plage de jours, livré chez vous.
- Afficher une icône de calendrier
- Activé ou désactivéPar défaut: Activé
Calcule la plage de dates à partir d'aujourd'hui, en jours ouvrés. Les dates sont calculées dans le navigateur du client : elles sont donc toujours justes pour le jour de la visite.
Question WhatsApp
Général
- Question
- TexteVide : le texte par défaut.
- Texte du lien
- TexteVide : le texte par défaut.
- Message prérédigé
- Texte[product] est remplacé par le nom du produit. Vide : « Bonjour, j'ai une question au sujet de [product] »
- Ajouter le lien du produit au message
- Activé ou désactivéPar défaut: Activé
Une ligne qui ouvre une conversation WhatsApp avec un message prérédigé. Le numéro provient des paramètres du thème, sous Réseaux sociaux. Tant qu'aucun numéro n'est ajouté, la ligne mène à la page de contact de la boutique.
Description
Cette partie n’a pas de paramètres propres.
Ligne réductible
Général
- Titre
- Texte
- Contenu de la ligne
- Choix: Texte ou page, Caractéristiques du produit, Liste avec icônesPar défaut: Texte ou page
- Contenu
- Texte
- Contenu d'une page
- PageAffiché après le contenu ci-dessus.
- Champ des caractéristiques du produit
- TexteEspace de noms et clé, par exemple custom.specs. Une caractéristique par ligne dans le champ : « Nom : valeur ». Les produits sans ce champ n'affichent pas la ligne.
- Lignes
- TexteUne phrase par ligne. L'icône est choisie d'après les mots : shipping, return, support, secure ou payment (également en hébreu). Les autres lignes reçoivent un bouclier avec une coche.
- Liens vers les politiques d'expédition et de remboursement
- Activé ou désactivéPar défaut: Activé
Bulle d’offre
Général
- Icône
- Choix: Éclair, Cadeau, Étincelle, Minuteur, Cœur, Bouclier avec une coche, Aucune icônePar défaut: Éclair
- Titre
- TexteVide : « Une offre spéciale », dans la langue du visiteur.
- Ligne de l’offre
- TextePar exemple « 20 $ de réduction dès 200 $ d’achat ». Sans ligne, la bulle ne s’affiche pas.
- Produits
- ProduitsLa bulle ne s’affiche que sur les produits choisis ici. Vide : sur chaque produit qui utilise ce modèle.
Compte à rebours
Général
- Ligne de l’offre
- TextePar exemple « 20 % de réduction ». Vide : le pourcentage de réduction de la variante, si elle a un prix barré.
- Texte court
- TexteAffiché à côté de la ligne de l’offre. Vide : « Durée limitée », dans la langue du visiteur.
- Produits
- ProduitsLa barre n'apparaît que sur les produits choisis ici. Vide : elle n'apparaît nulle part. Utilisez-la pour une vraie promotion avec une vraie date de fin.
Minuteur
- Date et heure de fin
- TexteAnnée-mois-jour suivi de heure:minute, par exemple 2026-10-20 18:00, dans le fuseau horaire de la boutique. Vide ou invalide : la barre ne s’affiche pas dans la boutique, et l’éditeur montre une note avec la date telle que la boutique l’a comprise.
- Afficher les secondes
- Activé ou désactivéPar défaut: ActivéLes visiteurs qui préfèrent des animations réduites ne voient jamais les secondes, et le minuteur se met à jour une fois par minute.
- Lorsque le temps est écoulé
- Choix: Afficher un message de fin d'offre, La barre disparaîtPar défaut: La barre disparaît
- Message de fin
- TexteVide : « Cette offre est terminée. Merci de votre intérêt. », dans la langue du visiteur.
Arrière-plan
- Couleur d'arrière-plan
- CouleurVide : l’encre de la boutique. La scène éclairée est créée à partir de cette couleur.
- Style d'arrière-plan
- Choix: Couleur unie, Scène éclairéePar défaut: Scène éclairéeScène éclairée : une lumière douce venue du haut qui s’estompe vers le bas, créée à partir de la couleur choisie. Sur une couleur claire, le haut devient blanc ; sur une couleur foncée, c’est une scène sombre.
- Couleur de la lumière
- CouleurLa lumière douce venant du haut, au centre. Vide : blanc.
- Couleur du texte
- CouleurVide : automatique. Clair sur un arrière-plan sombre, foncé sur un arrière-plan clair.
Liquid personnalisé
Général
- Liquid personnalisé
- CodePour la personnalisation avancée et les extraits d'application.
Quelque chose ici ne correspond pas à votre éditeur ? Écrivez-nous et nous corrigerons le guide.