Comment activer et configurer l'affichage rapide ?

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:

  1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes .
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser .
  3. Cliquez sur l'icône Paramètres du thème .
  4. Ouvrez l'en-tête Tuiles produit et cochez la fonction Activer la vue rapide .
  5. 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 :

  1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes .
  2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser .
  3. Ouvrez le menu déroulant en haut de la page.
  4. Sélectionnez Produits > modal pour charger le modèle modal du produit dans l'éditeur de thème.
  5. 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.
  6. 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 :

  • S'adapter à l'image - Utilise le rapport hauteur/largeur des images. Cela évite que les images soient recadrées.
  • Carré - Recadre les images pour utiliser un rapport 1:1.
  • Portrait - Recadre les images pour utiliser un rapport 2:3.
  • Paysage - Recadre les images pour utiliser un rapport 3:2.
  • Large - Recadre les images pour utiliser un rapport 16:9.
  • Adapter à la première image (par défaut) - Utilise le rapport hauteur/largeur de la première image pour tout le reste.

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 :
  • Corps : change le texte en texte de style paragraphe.
  • Sous-titre : change le texte en texte de sous-titre, qui est légèrement plus grand que le texte de style paragraphe.
  • Majuscules : modifie le texte pour qu'il soit plus petit que le texte de style paragraphe et met tous les caractères en majuscules.

Bloc de titre

Ce bloc affiche le titre du produit.

Paramètre Description
Taille du titre La taille du titre du produit :
  • Petit
  • Moyen
  • Grand
Taille du prix La taille du prix du produit :
  • Petit
  • Moyen
  • Grand

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 :
  • Bouton - Affiche les variantes sous forme de boutons cliquables.
  • Dropdown - Affiche les variantes dans un menu déroulant extensible.
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 .
  • Rond
  • Carré
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.

Les paramètres du bloc d'onglets pliable dans la section d'informations sur le produit
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.

Les paramètres du bloc pop-up dans la section d'informations sur le produit
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.

Discutez sur WhatsApp