La fonction d'affichage rapide ajoute un bouton sur la fiche produit qui ouvre une fenêtre contextuelle affichant tous les détails essentiels du produit.
Activer la fonction d'affichage rapide
En suivant les étapes ci-dessous, vous activez la fonction d'affichage rapide et un bouton « plus » sera visible sur la fiche produit.
Mesures:
- Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes .
- Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser .
- Cliquez sur l'icône Paramètres du thème .
- Ouvrez l'en-tête Tuiles produit et cochez la fonction Activer la vue rapide .
- Cliquez sur Enregistrer .

Personnalisation du modal d'affichage rapide
L'aperçu rapide s'affiche toujours dans une fenêtre contextuelle et reflète la page du produit. Par conséquent, vous pouvez également personnaliser l’aperçu rapide, tout comme un modèle de produit.
Pour personnaliser le modèle modal du produit :
- Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes .
- Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser .
- Ouvrez le menu déroulant en haut de la page.
- Sélectionnez Produits > modal pour charger le modèle modal du produit dans l'éditeur de thème.
- Veuillez noter que vous ne pouvez personnaliser les blocs que dans la section Informations sur le produit . Les autres sections ajoutées via le bouton +Ajouter une section ne sont pas valides.
- Cliquez sur Enregistrer .
Paramètres de la section Informations sur le produit
Paramètre | Description |
---|---|
Afficher les médias en vedette par défaut | Assurez-vous que le premier fichier multimédia de la liste apparaît par défaut sur la page du produit. |
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 | Activez la fonction de zoom. |
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. |
Zoomer l'image pour remplir l'espace sur le bureau | L'image est zoomée pour adapter la hauteur du pop up. |
Rapport d'image mobile | Le ratio d'image pour les images de produits sur mobile :
|
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é.
Paramètre | Description |
---|---|
Icône | Choisissez entre des icônes standard pour votre propre 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 :
|
Bloc de titre
Ce bloc affiche le titre du produit.
Paramètre | Description |
---|---|
Taille du titre | La taille du titre du produit :
|
Taille du prix | La taille du prix du produit :
|
Bloc de sélection de variantes
Ce bloc affiche toutes les options de variantes pour 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 :
|
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 .
|
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.
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 . |
Blocage du statut de l'inventaire
Affiche un message qui informe en temps opportun les clients de l'état du stock du 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'é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.
Paramètre | Description |
---|---|
Liquide personnalisé | Affiche le contenu que vous pouvez saisir sous forme de code Liquid ou HTML . |
Bloc de rangée pliable
Le contenu s'affiche sous forme réduite sous un onglet de ligne. Lorsqu'un client clique sur un titre, l'onglet se développe pour afficher du contenu supplémentaire.
Paramètre | Description |
---|---|
Icône | Choisissez une icône dans la liste déroulante à afficher devant l’en-tête du contenu pliable. La valeur par défaut est une icône de coche. |
Titre | Un en-tête pour la ligne pliable. |
Contenu de la ligne | Contenu de la ligne pliable. Le contenu peut être formaté ou inclure des liens URL. Cette fonctionnalité peut être utilisée conjointement avec le contenu des lignes de la page. |
Contenu de la ligne à partir de la page | Vous pouvez insérer le contenu existant d'une autre page dans une ligne réductible. Cliquez sur Modifier pour sélectionner ou supprimer une page. Cette fonctionnalité peut être utilisée conjointement avec le contenu Row. |
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.
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.
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. |
Besoin d'une aide supplémentaire
Si vous rencontrez des problèmes ou avez besoin d'aide supplémentaire avec votre thème BeYours, veuillez contacter nos services d'assistance via notre système de tickets pour obtenir de l'aide dans les 8 heures.
Scannez le code QR ci-dessous pour rejoindre notre communauté WhatsApp pour les mises à jour, les actualités et les annonces.
Share:
Comment ajouter/supprimer un badge de vente de produit ?
Comment modifier le contenu d'une fenêtre contextuelle d'affichage rapide ?