Sections
Produit en vedette
Un produit qui a son moment dans la page : une grande photographie à parcourir, à côté de son module d’achat.
Le produit en vedette donne à une pièce (un best-seller, une nouveauté, une édition limitée) un moment à elle sur la page d’accueil ou une page de contenu : une grande photographie que l’acheteur parcourt, à côté d’un module d’achat, avec un lien vers la fiche produit pour tout le reste.
- Nom dans l’éditeur
- Produit en vedette (EN : Featured product)
- Où l’ajouter
- N’importe quel modèle (sauf l’en-tête et le pied de page et le groupe Superpositions)
- Blocs acceptés
- Tous les blocs du thèmeBlocs d’application
Réglages
| Réglage | Valeurs | À quoi il sert |
|---|---|---|
| ProduitEN : Product | Produit | — |
| TitreEN : Heading | Texte | — |
| Palette de couleursEN : Color scheme | Palette de couleursPar défaut : Palette 1 | — |
| Média | ||
| Largeur du médiaEN : Media width |
| La part de la page occupée par les photographies sur ordinateur. Le panneau d’achat conserve une largeur minimale quel que soit le réglage. |
| Forme de l’imageEN : Image shape |
| —Affiché lorsque « Ajustement de l’image » vaut « Remplir le cadre ». |
| Ajustement de l’imageEN : Image fit |
| — |
Le Titre est facultatif. Il s’affiche en petit libellé au-dessus du titre du produit.
Disposition
Sur ordinateur, la photographie va jusqu’au bord de l’écran et le module d’achat se place au centre de l’espace restant. Largeur du média règle la part de la largeur occupée par la photographie : Dominée par le média, Équilibrée ou Égale. Le module d’achat garde toujours une largeur minimale. En dessous de 990 px, le module d’achat passe sous la photographie.
La section n’est jamais plus haute que l’écran : le cadre de la photographie est limité à la hauteur de l’écran, pour que le module d’achat reste visible à côté.
Galerie
Ce n’est pas la galerie de la fiche produit en miniature. Elle montre une image à la fois, sur tous les écrans :
- l’acheteur passe d’une image à l’autre en faisant glisser, ou avec les flèches à la souris (les flèches sont masquées sur écran tactile) ;
- quand le produit a plus d’un média, une barre de progression indique où en est l’acheteur ;
- il n’y a pas de zoom ici. La galerie complète, zoom compris, se trouve sur la page produit.
Ajustement de l’image règle le cadre :
| Ajustement de l’image | Cadre |
|---|---|
| Ajuster dans le cadre (par défaut) | Le cadre prend la forme de la première photographie du produit. Chaque image s’affiche en entier à l’intérieur. |
| Remplir le cadre | Chaque image remplit un cadre de la forme choisie dans Forme de l’image (carré, portrait ou allongé), recadrée autour de son point focal. |
Forme de l’image n’apparaît dans l’éditeur que si Ajustement de l’image est réglé sur Remplir le cadre.
Blocs
La section accepte tous les blocs produit et les blocs de contenu, ainsi que les blocs d’application. Le préréglage contient le titre, le prix, le sélecteur de variante, le plan de vente et les boutons d’achat. Les blocs utilisent automatiquement le produit choisi dans la section. La mention des taxes et de la livraison, le sélecteur de quantité, les boutons de paiement dynamique et la barre d’achat sur téléphone suivent Paramètres du thème > Produit, comme sur la page produit.
Sous les blocs, un lien « Voir tous les détails » mène toujours à la fiche produit, où l’acheteur trouve la description et toutes les images.
Changement de variante
Choisir une option met la section à jour sur place, sans quitter la page : le prix, la disponibilité, les boutons, la référence et le retrait en magasin suivent la variante, et la galerie passe à l’image de la variante quand elle en a une. L’adresse de la page ne change pas.
Si la mise à jour ne peut pas se charger (connexion perdue, par exemple), l’acheteur est conduit sur la page du produit avec sa sélection, pour qu’il voie toujours le bon prix et la bonne disponibilité.
Sans produit
Tant qu’aucun produit n’est choisi, la section affiche un produit de remplacement (« Exemple de produit », image de remplacement et prix fictif), y compris sur la boutique en ligne.
Faubourg 1.1.0