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.
Pas:
- 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 Paramètres du thème en bas à gauche de la fenêtre.
- Ouvrez la rubrique Vue rapide et vérifiez les Activer la fonction d'affichage rapide .
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électionner Des 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 Sauvegarder .
Paramètres de la section Informations sur le produit
| Paramètre | Description |
|---|---|
| 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 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 |
|---|---|
| Texte | Ajoute des informations à la page produit. Prend en charge le texte ou les sources dynamiques. |
| Style de texte | Modifie le style du texte :
|
Titre censuré
Ce bloc affiche le titre du produit.
| Paramètre | Description |
|---|---|
| Taille du titre | La taille du titre du produit :
|
Bloc de prix
Ce bloc affiche les informations sur les prix du produit, telles que le prix et la comparaison au prix. Il n’a pas de paramètres réglables.
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 . |
Bloc de description
Ce bloc affiche la description du produit. Il n’a pas de paramètres réglables.
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 à onglets pliable
Ce bloc affiche un onglet pliable avec un titre. Lorsqu'un client clique sur le titre, l'onglet se développe pour afficher du contenu supplémentaire.
| Paramètre | Description |
|---|---|
| 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 l'onglet | Le contenu de l'onglet. S'affiche uniquement lorsque l'onglet est développé. |
| Tabuler le contenu 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. |
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, ce qui est 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. |
