Tout savoir sur la page produit Scale Theme : layout flexible, colonnes configurables, 30+ blocs et barre sticky ATC.
Page Produit
La page produit de Scale Theme est conçue pour maximiser la conversion. Son layout flexible, ses 30+ blocs et sa barre sticky ATC en font l'une des pages produit les plus complètes et personnalisables du marché.
Layout flexible
La page produit propose un système de colonnes entièrement configurable pour s'adapter à tous les types de produits.
2 ou 3 colonnes
| Layout | Description | Idéal pour |
|---|---|---|
| 2 colonnes | Media à gauche, informations à droite | Produits classiques, mode, beauté |
| 3 colonnes | Media + infos + sidebar additionnelle | Produits techniques, avec beaucoup d'options |
Largeur des colonnes
Chaque colonne a une largeur configurable en pourcentage. Vous pouvez ajuster la répartition selon vos besoins :
| Preset | Colonne 1 (Media) | Colonne 2 (Infos) | Colonne 3 (Extra) |
|---|---|---|---|
| Équilibré | 50% | 50% | - |
| Media large | 60% | 40% | - |
| 3 colonnes | 40% | 35% | 25% |
| Custom | Libre | Libre | Libre |
Colonne sticky
La colonne de droite (informations produit) est sticky par défaut : elle reste visible lorsque l'utilisateur fait défiler la galerie d'images.
| Setting | Description |
|---|---|
| Activer sticky | Active/désactive le comportement sticky de la colonne droite |
| Offset | Marge supérieure quand la colonne est sticky (pour éviter qu'elle touche le header) |
30+ blocs disponibles
La page produit dispose de plus de 30 blocs que vous pouvez ajouter, réorganiser et configurer librement. Ils sont organisés par catégorie :
| Catégorie | Blocs | Fonction |
|---|---|---|
| Essentiels | Title, Price, Description, Variant Option, Quantity Selector, Buy Buttons | Le cœur de la fiche produit |
| Conversion | Timer, Stock, Delivery Estimation, Trust Badges, Social Proof Avatars, Coupon | Accélérer la décision d'achat |
| Bundles | Quantity, Variant, BOGO, Pack, Mix & Match | Augmenter le panier moyen |
| Avis | Stars, Reviews Carousel | Preuve sociale |
| Information | Collapsible Row, Product Tabs, Shipping Info, Size Chart, Info Banner | Répondre aux questions |
| Media | Media, Video Carousel, Divider | Enrichir visuellement |
| Addons | Product Addon, Free Product | Produits supplémentaires |
| Autres | Text, Share, Icon List, Pickup Availability, Custom Liquid, App | Personnalisation avancée |
Pour un guide détaillé de chaque bloc, consultez la page Blocs produit.
Barre sticky ATC
Une barre d'ajout au panier apparaît automatiquement lorsque l'utilisateur fait défiler la page au-delà du bouton ATC principal. Elle reste fixée en haut ou en bas de l'écran pour faciliter l'achat à tout moment.
| Setting | Options |
|---|---|
| Position | Haut / Bas de l'écran |
| Style | Compact / Complet |
| Contenu | Image produit, titre, prix, sélecteur de variantes, bouton ATC |
Pour une documentation complète, consultez la page Sticky Add to Cart.
Palette de couleurs
Comme toutes les sections du thème, la page produit supporte les palettes de couleurs (color schemes). Vous pouvez appliquer une palette différente à la section produit pour la différencier du reste de la page.
| Setting | Description |
|---|---|
| Palette de couleurs | Selectionner parmi vos palettes définies dans les réglages du thème |
| Palette d'arrière-plan | S'applique à toute la section |
Settings principaux
Layout et affichage
| Setting | Description | Options |
|---|---|---|
| Nombre de colonnes | Layout de la page | 2 ou 3 colonnes |
| Largeur colonne 1 | Pourcentage de la première colonne | 30% a 70% |
| Largeur colonne 2 | Pourcentage de la deuxième colonne | 30% a 70% |
| Largeur colonne 3 | Pourcentage si 3 colonnes | 20% a 40% |
| Colonne sticky | Fixer la colonne de droite | Oui / Non |
| Largeur du contenu | Container de la section | Normal / Large / Plein écran |
Galerie media
| Setting | Description | Options |
|---|---|---|
| Position media | Côté de la galerie | Gauche / Droite |
| Style galerie | Présentation des images | Grille / Slider / Stacked / Thumbnails |
| Ratio image | Proportion des images | Adapter / Carré / Portrait / Paysage |
| Zoom | Activer le zoom au clic/hover | Oui / Non |
| Lightbox | Ouvrir en plein écran | Oui / Non |
Cas d'utilisation
Produit mode (vêtement)
- Layout 2 colonnes (60/40)
- Galerie Thumbnails pour naviguer entre les visuels
- Blocs : Title, Price, Variant Option (swatches couleur + boutons taille), Size Chart, Buy Buttons, Trust Badges, Reviews Carousel
Produit technique (électronique)
- Layout 3 colonnes (40/35/25)
- Galerie Grille pour voir tous les angles
- Blocs : Title, Price, Description, Variant Option, Product Tabs (specs techniques), Buy Buttons, Shipping Info, Trust Badges
Produit avec bundles
- Layout 2 colonnes (50/50)
- Blocs : Title, Price, Bundle Quantity ou Mix & Match, Buy Buttons, Timer, Stock, Trust Badges
Prochaines étapes
- Consultez le guide complet des 30+ blocs produit pour configurer chaque bloc en détail
- Configurez la barre sticky ATC pour ne jamais perdre un achat
- Explorez les options de variantes (swatches, boutons, dropdowns)
- Ajoutez des bundles pour augmenter le panier moyen
- Suivez le guide Optimiser sa page produit pour la conversion pour une configuration étape par étape