La page Produit est un élément crucial de toute boutique en ligne. En personnalisant ses sections et blocs, vous pouvez créer une page à la fois informative et convaincante, et qui encourage les utilisateurs à acheter vos produits ou services.
La page Produit contient plusieurs sections constituées de blocs. Cet article fournit une présentation du groupe de sections de modèles inclus dans ces modèles.
Par défaut, la page Produit comporte les sections suivantes :
- Information produit
- Tiroir d'aide
- Héros vidéo
- Collage
- Image avec texte
- Texte défilant
- Détails du produit
- FAQ
- applications
- Produits connexes
- Vu récemment
1. Informations sur le produit
Cette section affiche des informations sur le produit.
| Paramètres des sections | Paramètres | Description |
|---|---|---|
| Information produit | Activer le contenu persistant sur le bureau | Affiche le contenu du produit à l'écran lorsque le client fait défiler vers le bas (ou vers le haut) les images des produits présentés. |
| Médias | ||
| Largeur du support de bureau | La largeur du média sur bureau, qui peut être ajustée de 35% à 70% pour modifier la taille de cette section. | |
| Disposition du bureau | Affiche la disposition du bureau :
| |
| Zoom sur les images | 3 options disponibles :
| |
| 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 la lecture automatique de la vidéo | Lit la vidéo automatiquement. | |
| Activer la boucle vidéo | Lit la vidéo à plusieurs reprises. | |
| Disposition mobile | Sélectionne l'une des deux options suivantes :
| |
| Afficher les miniatures sur mobile | Affiche des vignettes sur mobile. | |
| Section | ||
| Peut ajuster le remplissage dans le remplissage supérieur et le remplissage inférieur de 0px à 120px, augmentant arithmétiquement de 4px. | ||
| Afficher le séparateur de section | Affiche un séparateur de ligne au-dessus de cette section. | |
| Rendre la section étroite | Rend le conteneur étroit. | |
| Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. |
Blocs disponibles :
- 1.1 Fil d'Ariane
- 1.2 Texte
- 1.3 Titre
- 1.4 Prix
- 1.5 UGS
- 1.6 État des stocks
- 1.7 Sélecteur de quantité
- 1.8 Sélecteur de variantes
- 1.9 Variations du produit
- 1.10 Boutons Acheter
- 1.11 Disponibilité de ramassage
- 1.12 Descriptif
- 1.13 Partager
- 1.14 Service d'assistance
- 1.15 Liquide personnalisé
- 1.16 Évaluation du produit
- 1.17 Produit complémentaire
- 1.18 Rangée pliable
1.1 Les paramètres du bloc Breadcrumb.
Activer l'affichage de la page des collections dans le fil d'Ariane.
1.2 Les paramètres du bloc Texte.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Texte | ||
| Texte | Ajoute votre texte. | |
| Taille du texte | La taille du texte peut être définie sur l'une des options suivantes :
|
1.3 Les paramètres du cartouche.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Titre | ||
| Taille du titre | La taille du titre :
| |
| Afficher le prix du produit | Permet d'afficher le prix du produit | |
| Afficher la note du produit | Permet d'afficher la note du produit. |
1.4 Les paramètres du bloc Prix.
Activez Afficher l’avis de taxes pour afficher l’avis de taxes.
1.5 Les paramètres du bloc SKU.
Aucun paramètre personnalisable disponible.
1.6 Les paramètres du bloc Statut de l'inventaire.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Statut de l'inventaire | ||
| Seuil de stock bas | La quantité minimale d'un produit spécifique qu'une entreprise souhaite avoir sous la main à un moment donné. Choisissez 0 pour toujours afficher en stock si disponible. | |
| Afficher l'avis de transfert de stock | Affiche l'avis de transfert de stock | |
| Schéma de couleur | Choisissez l'une des 6 options suivantes :
|
1.7 Les paramètres du bloc de sélection de qualité.
Aucun paramètre personnalisable disponible.
1.8 Les paramètres du bloc Sélecteur de variantes.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Sélecteurs de variantes | ||
| Afficher les étiquettes des variantes | Affiche le libellé des variantes. | |
| Taper | Le style du sélecteur de variantes. Choisissez soit Dropdown soit Button . | |
| Activer les échantillons de couleurs Nécessite que le type de sélecteur de variantes soit « Bouton ». | Affiche les variantes de couleurs dans des échantillons. Cela nécessite le type de sélecteur de variantes « Bouton ». Découvrez comment configurer des échantillons . | |
| Type d'échantillon | Choisissez Échantillon de couleur ou Image variante . | |
| Tableau des tailles | 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. |
1.9 Les paramètres du bloc Variations du produit.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Variations du produit | ||
| Nom de l'option | Ajoute le nom de l'option (Ex : Couleur, Style... ) | |
| Méta-champ de valeur d'option | Entre l’espace de noms et la clé du métachamp contenant la valeur. Par exemple : custom.color | |
| Produit | Sélectionne les produits que vous souhaitez présenter. Sélectionnez toutes les variantes (y compris le produit lui-même). | |
| Échantillons de couleurs | ||
| Activer les échantillons de couleurs | Permet d'afficher des échantillons de couleurs. | |
| Type d'échantillon | Sélectionne l’une des deux options suivantes : Échantillon de couleur ou Image du produit . | |
| Tableau des tailles | 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 |
1.10 Les paramètres du bloc des boutons Acheter.
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.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Acheter des boutons | ||
| Afficher le sélecteur de quantité | Permet d'afficher le sélecteur de quantité. | |
| Afficher les boutons de paiement dynamiques | En utilisant les méthodes de paiement disponibles sur votre boutique, les clients voient leur option préférée, comme PayPal ou Apple Pay. | |
| Afficher le formulaire d’informations sur le destinataire pour les cartes-cadeaux. | Permet aux acheteurs d'envoyer des cartes-cadeaux à une date programmée accompagnées d'un message personnel. |
1.11 Les paramètres du bloc de disponibilité Pickup.
Permet à vos clients de voir la disponibilité dans les magasins de détail en configurant le retrait local .
1.12 Les paramètres du bloc Description.
Sélectionne la taille du texte de description :
- Petit
- Moyen
- Grand
- Extra large
1.13 Les paramètres du bloc Partager.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Partager | Texte | Ajoute du texte pour le bloc. |
| Bureau d'aide | ||
| Afficher le service d'assistance | Permet d'afficher le service d'assistance | |
| Étiquette d'aide | Le texte décrit le bloc d’étiquette d’aide. | |
| Type d'aide | Permet de choisir entre le style Tiroir et le style Page pour votre page d'aide. | |
| Page d'aide | Ajoute l'URL que vous souhaitez lier. |
1.14 Les paramètres du bloc Help Desk.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Bureau d'aide | ||
| Étiquette d'aide | Le texte décrit le bloc d’étiquette d’aide. | |
| Type d'aide | Permet de choisir entre le style Tiroir et le style Page pour votre page d'aide. | |
| Page d'aide | Sélectionne une page à laquelle lier le bloc Help Desk. |
1.15 Les paramètres du bloc de liquide personnalisé.
Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé. Apprendre encore plus .
1.16 Les paramètres du bloc Évaluation 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. Apprendre encore plus .
1.17 Les paramètres du bloc Produit complémentaire.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Produits complémentaires | ||
| Titre | Saisit le texte de votre produit complémentaire. | |
| Maximum de produits à afficher | Le nombre de produits complémentaires peut aller de 1 à 10. | |
| Afficher le fournisseur | Affiche les fournisseurs des produits. | |
| Afficher le prix | Affiche les prix des produits. |
1.18 Les paramètres du bloc de lignes pliable.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Rangée pliable | ||
| 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 la ligne | Le contenu de l'onglet. S'affiche uniquement lorsque l'onglet est développé. | |
| Contenu de la ligne à partir 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. |
2. Tiroir d'aide
Cette section permet aux clients d'accéder rapidement et facilement aux informations, telles que les produits, services et politiques du magasin .
| Paramètres des sections | Paramètres | Description | Tiroir d'aide |
|---|---|---|
| Titre | Le titre de la section. | |
| Description | Le texte de description du titre est placé sous le titre. |
Bloc disponible : Bloc de contenu.
Les paramètres du bloc Contenu.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Contenu | ||
| Icône | Sélectionne l'icône du contenu de la liste. | |
| Titre | Grand texte pour le titre du contenu. | |
| Texte | Ajout de votre texte. Exemple : partager des informations de contact, des détails sur le magasin et du contenu de marque avec vos clients. | |
| Texte surligné | ||
| Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
| Griffonnage surligné Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main. | Ce paramètre propose 5 façons de surligner du texte :
| |
| Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
|
3. Héros vidéo
.
| Paramètres des sections | Paramètres | Description |
|---|---|---|
| Héros vidéo | Autoriser l'en-tête transparent | Ce paramètre s'applique uniquement lorsque cette section est la première. |
| Vidéo hébergée par Shopify | Vidéo | Sélectionne une vidéo parmi les vidéos hébergées par Shopify. |
| Intégrer la vidéo à partir de l'URL | ||
| URL | Le lien YouTube ou Vimeo vers la vidéo. La vidéo doit être accessible au public. | |
| Image de couverture | L'image qui s'affiche avant qu'un client ne joue la vidéo. | |
| Texte ALT vidéo | Décrit la vidéo pour la rendre accessible aux clients utilisant des lecteurs d'écran. | |
| Activer la lecture automatique de la vidéo | Lit la vidéo automatiquement. | |
| Largeur du contenu du bureau | Détermine la largeur de l'image lorsqu'elle est affichée sur le bureau :
| |
| Disposition mobile | ||
| Vidéo mobile | Choisit/télécharge une vidéo en la téléchargeant sur un navigateur mobile. | |
| Ou intégrez la vidéo à partir de l'URL | Incorpore une vidéo à partir d'une URL sur un navigateur mobile. | |
| Image de couverture mobile | L'image qui s'affiche avant qu'un client ne lise la vidéo sur un navigateur mobile. | |
| Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
| |
| Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
| Section | ||
| Peut ajuster le remplissage dans le remplissage supérieur et le remplissage inférieur de 0px à 120px, augmentant arithmétiquement de 4px. | ||
| Afficher le séparateur de section | Affiche un séparateur de ligne au-dessus de cette section. | |
| Faire une section pleine largeur | Rendez le conteneur pleine largeur. | |
| Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
| CSS personnalisé | Ajoute du CSS personnalisé à cette section. |
Bloc disponible : Bloc coulissant.
Les paramètres du bloc Slide.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Glisser | ||
| Titre | Le titre du bloc. | |
| Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
| Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
| Texte surligné | ||
| Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
| Griffonnage surligné Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main. | Ce paramètre propose 5 façons de surligner du texte :
|
4. Collages
Cette section crée un collage de vidéos ou d'images sur deux colonnes. Par défaut, la section contient un bloc vidéo, produit et collection.
| Paramètres des sections | Paramètres | Description |
|---|---|---|
| Titre | ||
| Titre | Le titre de la section. | |
| Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
| Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
| Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
| Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
| Description | Le texte de description du titre est placé sous le titre. | |
| Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
| Lien du bouton | L'URL du bouton. | |
| Texte surligné | ||
| Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
| Griffonnage surligné Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main. | Ce paramètre propose 5 façons de surligner du texte :
| |
| Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
| Section | ||
| Peut ajuster le remplissage dans le remplissage supérieur et le remplissage inférieur de 0px à 120px, augmentant arithmétiquement de 4px. | ||
| Afficher le séparateur de section | Affiche un séparateur de ligne au-dessus de cette section. | |
| Rendre la section étroite | Rend le conteneur étroit. | |
| Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
| Activer l'effet de parallaxe | Activez l'effet de parallaxe, qui crée l'illusion de profondeur dans une image ou une scène en deux dimensions. | |
| CSS personnalisé | Ajoute du CSS personnalisé à cette section. | |
Blocs disponibles :
- 4.1 Bloc d'images
- 4.2 Bloc vidéo
4.1 Les paramètres du bloc Image.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Image | ||
| Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
| Titre | Le titre du bloc. | |
| Lien | Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent. | |
| Inverser le sous-titre et le titre | Les échanges positionnent le titre et le sous-titre. | |
| Image | Choisit/télécharge une image pour le bloc. | |
| Rapport d'image | Le rapport d'image pour les images des articles de blog :
| |
| Position du contenu du bureau | La position du contenu sur le bureau :
| |
| Alignement du contenu du bureau | L’alignement du contenu sur desktop :
| |
| Disposition mobile | ||
| Image mobile | L'image du bloc affiché sur mobile. | |
| Rapport d'image mobile | Le rapport d'image pour les images sur le navigateur mobile :
| |
| Position du contenu mobile | La position du contenu sur le navigateur mobile :
| |
| Alignement du contenu mobile | L’alignement du contenu sur navigateur mobile :
| |
| Texte surligné | ||
| Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
| Griffonnage surligné Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main. | Ce paramètre propose 5 façons de surligner du texte :
| |
| Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
4.2 Les paramètres du bloc Vidéo.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Vidéo | ||
| Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
| Titre | Le titre du bloc. | |
| Lien | Le lien vers lequel vous souhaitez que les clients accèdent s’ils cliquent. | |
| Inverser le sous-titre et le titre | Les échanges positionnent le titre et le sous-titre. | |
| Vidéo hébergée par Shopify | Vidéo | Sélectionne une vidéo parmi les vidéos hébergées par Shopify |
| Intégrer la vidéo à partir de l'URL | ||
| URL | Le lien YouTube ou Vimeo vers la vidéo. La vidéo doit être accessible au public. | |
| Image de couverture | L'image qui s'affiche avant la lecture de la vidéo. | |
| Texte ALT vidéo | Décrivez la vidéo pour la rendre accessible aux clients utilisant des lecteurs d'écran. | |
| Activer la lecture automatique de la vidéo | Lecture automatique de la vidéo. | |
| Activer la boucle vidéo | Lecture vidéo à plusieurs reprises. | |
| Rapport d'image | Le rapport d'image pour les images des articles de blog :
| |
| Position du contenu du bureau | Définit la position du contenu sur le bureau :
| |
| Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau :
| |
| Disposition mobile | ||
| Vidéo mobile | Choisit/télécharge une vidéo en la téléchargeant pour le navigateur mobile. | |
| Ou intégrez la vidéo à partir de l'URL | Intégrez une vidéo à partir d’une URL sur un navigateur mobile. | |
| Image de couverture mobile | L'image qui s'affiche avant la lecture de la vidéo sur mobile. | |
| Rapport d'image mobile | Le rapport d'image pour les images sur le navigateur de bureau :
| |
| Position du contenu mobile | Définit la position du contenu sur le navigateur mobile :
| |
| Alignement du contenu mobile | Définit l'alignement du contenu sur le navigateur mobile :
| |
| Texte surligné | ||
| Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
| Griffonnage surligné Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main. | Ce paramètre propose 5 façons de surligner du texte :
| |
| Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
5. Image avec texte
Vous pouvez ajouter une section contenant une image et un bloc de texte avec un bouton facultatif pour lier les clients à une nouvelle page. Associez du texte à une image pour vous concentrer sur le produit, la collection ou l'article de blog que vous avez choisi. Ajoutez des détails sur la disponibilité, le style ou même fournissez un avis.
| Paramètres des sections | Paramètres | Description |
|---|---|---|
| Image avec texte | ||
| Image | L'image de la section affichée sur le navigateur de bureau. | |
| Hauteur du bureau | Détermine la hauteur de l'image lorsqu'elle est affichée sur le bureau :
| |
| Largeur de l'image du bureau | Déterminez la largeur de l'image lorsqu'elle est affichée sur un ordinateur : petite, moyenne ou grande. | |
| Placement des images sur le bureau | La disposition de la section sur le bureau :
| |
| Alignement du contenu du bureau | Définit l'alignement du contenu sur le bureau :
| |
| Disposition mobile | ||
| Image mobile | L'image de la section affichée sur le navigateur mobile. | |
| Hauteur mobile | Détermine la hauteur de l'image lorsqu'elle est visualisée sur mobile :
| |
| Alignement du contenu mobile | Définit l'alignement du contenu sur le navigateur mobile :
| |
| Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
| Section | ||
| Peut ajuster le remplissage dans le remplissage supérieur et le remplissage inférieur de 0px à 120px, augmentant arithmétiquement de 4px. | ||
| Afficher le séparateur de section | Affiche un séparateur de ligne au-dessus de cette section. | |
| Rendre la section étroite | Rend le conteneur étroit. | |
| Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
| Activer l'effet de parallaxe | Activez l’affichage de l’effet de parallaxe, qui crée l’illusion de profondeur dans une image ou une scène bidimensionnelle. | |
| CSS personnalisé | Ajoute du CSS personnalisé à cette section. | |
Blocs disponibles :
- 5.1 Titre
- 5.2 Texte
- 5.3 Bouton
- 5.4 Lien
- 5.5 Image
- 5.6 Liquide personnalisé
- 5.7 Espace vide
5.1 Les paramètres du bloc Titre.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Titre | ||
| Titre | Le titre du bloc. | |
| Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
| Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
| Texte surligné | ||
| Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
| Griffonnage surligné Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main. | Ce paramètre propose 5 façons de surligner du texte :
|
5.2 Les paramètres du bloc Texte.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Texte | ||
| Texte | Ajout de votre texte. | |
| Taille du texte | La taille du texte peut être définie sur l'une des options suivantes :
L'option personnalisée vous permet de définir la taille du texte sur la valeur de votre choix, de 12 px à 128 px, en augmentant arithmétiquement de 2 px. | |
| Police du texte | Choisissez entre 2 options pour le formatage du texte : Corps ou Titre . | |
| Utiliser une couleur secondaire | Activer la couleur secondaire. | |
| Texte surligné | ||
| Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
| Griffonnage surligné Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main. | Ce paramètre propose 5 façons de surligner du texte :
|
5.3 Les paramètres du bloc Bouton.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Bouton | ||
| Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
| Lien du bouton | L'URL du bouton. | |
| Taille du bouton | Ajustez la taille du bouton en 3 options : Petit, Moyen ou Grand | |
| Utiliser le style du bouton de contour | Utilise le style de contour du bouton. |
5.4 Les paramètres du bloc Lien.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Lien | ||
| Texte | Le texte du lien, placé juste à côté du bouton. | |
| Lien | Ajoutez l'URL que vous souhaitez lier. |
5.5 Les paramètres du bloc Image.
| Paramètres de blocage | Paramètres | Description | Image |
|---|---|---|
| Image | Sélectionne une image à bloquer. | |
| Largeur de l'image | Choisissez l'une des deux options de largeur d'image :
|
5.6 Les paramètres du bloc de liquide personnalisé.
Vous pouvez ajouter votre propre code Liquid pour créer un bloc personnalisé.
5.7 Les paramètres du bloc Espace vide.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Espace libre | ||
| Hauteur du bureau | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur le bureau. Peut aller de 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 40 px. | |
| Hauteur mobile | Détermine la hauteur de l'espace vide lorsqu'il est affiché sur mobile. Peut aller de 0 px à 120 px, augmentant arithmétiquement de 4 px. La valeur par défaut est 28 px. |
6. Texte défilant
Cette section permet la création de texte défilant qui se déplace sur l'écran. Il peut être utilisé pour afficher de nombreuses informations dans un petit espace, attirer l’attention ou à d’autres fins.
| Paramètres des sections | Paramètres | Description |
|---|---|---|
| Texte défilant | ||
| Direction | Sélectionnez le sens de défilement souhaité :
| |
| Vitesse | Détermine la vitesse du texte défilant. Peut aller de 0,5/100px à 2,5/100px, augmentant arithmétiquement de 0,1/100px. | |
| Espace horizontal | L'espacement entre les textes varie de 50 px à 200 px, augmentant par incréments de 5 px. | |
| Activer les chapiteaux jumeaux | Affiche deux chapiteaux en même temps | |
| Activer l'effet de parallaxe | Activez l'effet de parallaxe, qui crée l'illusion de profondeur dans une image ou une scène en deux dimensions. Ce paramètre peut être utilisé pour mettre en évidence le texte défilant. | |
| Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
| Section | ||
| Peut ajuster le remplissage dans le remplissage supérieur et le remplissage inférieur de 0px à 120px, augmentant arithmétiquement de 4px. | ||
| Afficher le séparateur de section | Affiche un séparateur de ligne au-dessus de cette section. | |
| Rendre la section étroite | Rend le conteneur étroit. | |
| Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
| CSS personnalisé | Ajoute du CSS personnalisé à cette section. | |
Blocs disponibles :
- Bloc de texte
- Bloc d'images
6.1 Les paramètres du bloc Texte.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Texte | ||
| Texte | Ajout de votre texte. | |
| Taille du texte | La taille du texte peut être définie entre 12 px et 180 px. | |
| Police du texte | Choisissez entre 2 options pour le formatage du texte : Corps ou Titre . | |
| Texte au pochoir | Activer le texte du pochoir. Peut ne pas fonctionner dans tous les navigateurs. |
6.2 Les paramètres du bloc Image.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Texte | ||
| Image | Sélectionne une image pour le bloc. | |
| Hauteur de l'image | La hauteur de l'image peut être définie entre 12 px et 180 px. |
7. Détails du produit
Cette section affiche des informations sur le produit.
| Paramètres des sections | Paramètres | Description |
|---|---|---|
| Détails du produit | ||
| Ouvrir la première ligne pliable | Permet d'ouvrir la première ligne pliable. | |
| Rubrique Spécifications | Ajoute votre texte, qui serait inclus dans la boîte. | |
| Titre | ||
| Titre | Le titre de la section. | |
| Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
| Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
| Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
| Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
| Description | Le texte de description du titre est placé sous le titre. | |
| Texte surligné | ||
| Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
| Griffonnage surligné Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main. | Ce paramètre propose 5 façons de surligner du texte :
| |
| Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
| Section | ||
| Peut ajuster le remplissage dans le remplissage supérieur et le remplissage inférieur de 0px à 120px, augmentant arithmétiquement de 4px. | ||
| Afficher le séparateur de section | Affiche un séparateur de ligne au-dessus de cette section. | |
| Rendre la section étroite | Rend le conteneur étroit. | |
| Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
| CSS personnalisé | Ajoute du CSS personnalisé à cette section. | |
Blocs disponibles :
- 7.1 Descriptif
- 7.2 Rangée pliable
- 7.3 Spécification
7.1 Les paramètres du bloc Description.
Titre : ajoute votre texte de titre.
7.2 Les paramètres du bloc de ligne pliable.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| rangée pliable | ||
| Titre | Le titre de l'onglet. S'affiche lorsqu'il est réduit et développé. | |
| Contenu de la ligne | Le contenu de l'onglet. S'affiche uniquement lorsque l'onglet est développé. | |
| Champs méta | Entrez l'espace de noms et la clé du métachamp contenant la valeur. Chaque champ méta doit être sur sa propre ligne. |
7.3 Les paramètres du bloc Spécification.
| Paramètres de blocage | Paramètres | Description | | Icône | Sélectionne/télécharge une image d’icône. | Titre | Le titre du bloc. | |
|---|
8. FAQ
Cette section affiche des informations sur les questions fréquemment posées.
| Paramètres des sections | Paramètres | Description |
|---|---|---|
| FAQ | Style | Choisissez Avec style de bordure ou Avec style d'arrière-plan pour afficher la section |
| Titre | ||
| Titre | Le titre de la section. | |
| Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
| Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
| Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
| Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
| Description | Le texte de description du titre est placé sous le titre. | |
| Etiquette du bouton | Le texte qui s'affiche sur le bouton. | |
| Lien du bouton | L'URL du bouton. | |
| Texte surligné | ||
| Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
| Griffonnage surligné Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main. | Ce paramètre propose 5 façons de surligner du texte :
| |
| Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
| Section | ||
| Peut ajuster le remplissage dans le remplissage supérieur et le remplissage inférieur de 0px à 120px, augmentant arithmétiquement de 4px. | ||
| Afficher le séparateur de section | Affiche un séparateur de ligne au-dessus de cette section. | |
| Rendre la section étroite | Rend le conteneur étroit. | |
| Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
| CSS personnalisé | Ajoute du CSS personnalisé à cette section. | |
Blocs disponibles :
- 8.1 Texte enrichi
- 8.2 Question
- 8.3 Formulaire de contact
8.1 Les paramètres du bloc de texte enrichi.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Texte riche | ||
| Titre | Le titre du bloc. | |
| Texte | Ajoute un texte descriptif pour ce bloc. | |
| Texte surligné | ||
| Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
| Griffonnage surligné Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main. | Ce paramètre propose 5 façons de surligner du texte :
|
8.2 Les paramètres du bloc Question.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Question | ||
| Question | Ajoute une question fréquemment posée. | |
| Répondre | Ajoute la réponse. | |
| Texte surligné | ||
| Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
| Griffonnage surligné Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main. | Ce paramètre propose 5 façons de surligner du texte :
|
8.3 Les paramètres du bloc Formulaire de contact.
| Paramètres de blocage | Paramètres | Description |
|---|---|---|
| Formulaire de contact | ||
| Titre | Le titre du bloc. | |
| Texte | Le texte à afficher dans le bloc. | |
| Afficher le numéro de téléphone | Affiche le numéro de téléphone. | |
| Avatar de l'équipe | Choisit/télécharge une image pour afficher l'avatar de l'équipe. | |
| Hauteur de l'avatar de l'équipe | La hauteur de l'avatar de l'équipe peut être ajustée de 20 px à 100 px. | |
| Texte surligné | ||
| Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
| Griffonnage surligné Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main. | Ce paramètre propose 5 façons de surligner du texte :
|
9. Applications
| Paramètres des sections | Paramètres | Description |
|---|---|---|
| Avis sur les produits Shopify | Activer l'intégration des avis sur les produits Installez l' application Shopify Product Reviews pour utiliser cette fonctionnalité. S'affiche uniquement sur les pages produits. | Permet d'afficher l'intégration des avis sur les produits. Ajustez l’application Avis sur les produits à l’apparence du thème. Désactivez-la pour utiliser la conception originale de l'application. |
| Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
| Section | ||
| Peut ajuster le remplissage dans le remplissage supérieur et le remplissage inférieur de 0px à 120px, augmentant arithmétiquement de 4px. | ||
| Afficher le séparateur de section | Affiche un séparateur de ligne au-dessus de cette section. | |
| Rendre la section étroite | Rend le conteneur étroit. | |
| Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
| CSS personnalisé | Ajoute du CSS personnalisé à cette section. | |
Cette section ne prend pas en charge l'ajout de blocs.
10. Produits associés
| Paramètres des sections | Paramètres | Description |
|---|---|---|
| Produits connexes | ||
| Nombre de produits associés | Sélectionne de 2 à 12 produits à afficher dans cette section. | |
| Nombre de colonnes sur le bureau | Personnalise le nombre de colonnes affichées sur le bureau de 1 à 5. | |
| Activer le carrousel sur le bureau | Affiche un carrousel de produits sur le bureau. | |
| Disposition mobile | ||
| Nombre de colonnes sur mobile | Personnalise le nombre de colonnes affichées sur mobile : 1 colonnes ou 2 colonnes . | |
| Activer le balayage sur mobile | ||
| Titre | ||
| Titre | Le titre de la section. | |
| Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
| Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
| Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
| Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
| Description | Le texte de description du titre est placé sous le titre. | |
| Texte surligné | ||
| Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
| Griffonnage surligné Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main. | Ce paramètre propose 5 façons de surligner du texte :
| |
| Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
| Section | ||
| Peut ajuster le remplissage dans le remplissage supérieur et le remplissage inférieur de 0px à 120px, augmentant arithmétiquement de 4px. | ||
| Afficher le séparateur de section | Affiche un séparateur de ligne au-dessus de cette section. | |
| Rendre la section étroite | Rend le conteneur étroit. | |
| Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
| CSS personnalisé | Ajoute du CSS personnalisé à cette section. | |
Cette section ne prend pas en charge l'ajout de blocs.
11. Récemment consulté
Aide vos clients à trouver les produits qu'ils ont déjà visités et les incite à acheter. Il est ainsi plus facile pour vos clients de les retrouver plutôt que de se repérer dans le menu de navigation.
| Paramètres des sections | Paramètres | Description |
|---|---|---|
| Vu récemment | ||
| Nombre de produits récents | Le nombre de produits complémentaires peut aller de 2 à 12. | |
| Nombre de colonnes sur le bureau | Personnalise le nombre de colonnes affichées sur le navigateur de bureau de 1 colonne à 5 colonnes | |
| Activer le carrousel sur le bureau | Affiche un carrousel de produits de la collection sur un navigateur de bureau. | |
| Disposition mobile | ||
| Nombre de colonnes sur mobile | Personnalise le nombre de colonnes affichées sur le navigateur mobile : 1 colonne ou 2 colonnes . | |
| Activer le balayage sur mobile | Définit l’affichage mobile sur une ligne avec un balayage horizontal. | |
| Titre | ||
| Titre | Le titre de la section. | |
| Taille du titre | La taille du titre peut être définie sur l'une des options suivantes : Small , Medium , Large ou Extralarge . | |
| Alignement du cap | Le titre peut être aligné à gauche , au centre ou à droite . | |
| Balise de titre | Sélectionne la balise de titre pour structurer et organiser votre contenu pour le référencement. | |
| Sous-titre | Le sous-titre du titre est placé au-dessus du titre. | |
| Description | Le texte de description du titre est placé sous le titre. | |
| Texte surligné | ||
| Texte surligné | Choisissez parmi l'une des 6 options suivantes pour formater votre texte :
| |
| Griffonnage surligné Exiger que le style de texte en surbrillance soit défini sur Griffonnage dessiné à la main. | Ce paramètre propose 5 façons de surligner du texte :
| |
| Couleur | Vous pouvez éventuellement personnaliser les couleurs de la section, notamment les suivantes :
| |
| Section | ||
| Peut ajuster le remplissage dans le remplissage supérieur et le remplissage inférieur de 0px à 120px, augmentant arithmétiquement de 4px. | ||
| Afficher le séparateur de section | Affiche un séparateur de ligne au-dessus de cette section. | |
| Rendre la section étroite | Rend le conteneur étroit. | |
| Rendre la section arrondie | Applique un bord arrondi aux deux coins supérieurs. | |
| CSS personnalisé | Ajoute du CSS personnalisé à cette section. | |
Cette section ne prend pas en charge l'ajout de blocs.
Nous espérons que cet article vous a été utile. Si vous avez des questions ou des préoccupations concernant cette fonctionnalité, n'hésitez pas à contacter notre équipe pour obtenir de l'aide.
Share:
404 pages
Page du panier : sections et bloc