Éléments Shopify – Détails du produit

Dans cet article, vous en apprendrez plus sur un nouvel élément Shopify introduit dans la version 2.4.0 de PageFly : Détails du produit

L’élément Détails du produit a pour but de remplacer l’ancien élément Produit mis en avant des précédentes versions de PageFly. L’élément Produit mis en avant reste disponible dans les éléments Shopify ; cependant, il est flouté et si vous le séléctionnez, une notification apparaîtra : “Cet élément est obsolète et a été remplacé par Détails du produit. Il sera retiré dans une version ultérieure.”

Depuis la version 2.5.0, l’élément Détails du produit a été amélioré avec de nouvelles options.

À propos de l’élément Détails du produit

Vous pouvez vérifier plus de détails dans le didacticiel vidéo ci-dessous.

L’élément Détails du produit est fait pour vous permettre de mettre n’importe quel produit de votre boutique Shopify sur votre page pour augmenter votre taux de conversion. Vous pouvez utiliser l’élément Détails du produit pour promouvoir votre produit dans n’importe quelle page standard ou sur une page produit si vous n’aimez pas l’élément Produit par défaut de Shopify sur la page produit.

shopify elements product details

Note importante : Utiliser cet élément sur un type de Page produit aura pour conséquence d’avoir 2 éléments Produit sur votre page; l’élément Produit Shopify peut être enlevé via du code personnalisé que vous pouvez obtenir en contactant notre support client en direct (LiveChat) vu que le code dépend du thème que vous utilisez pour votre boutique.

L’élément Détails du produit est disponible en 3 variantes devant couvrir la plupart de vos besoins. Nous en ajouterons de nouvelles prochainement pour vous aider à gagner du temps.

Notez que vous pouvez trouver facilement cet élément en utilisant la fonction recherche au lieu de le chercher manuellement dans la barre latérale.

Glissez une variante vers votre mise en page actuelle pour voir comment le configurer.

 

Configuration de l’élément Détails du produit

L’élément Détails du produit peut être configuré de manière pointue pour répondre à vos besoins et vous permettre d’atteindre le meilleur taux de conversion possible.

Sélectionnez l’élément Détails du produit pour voir les paramètres disponibles.

Lorsque vous glissez et déposez l’élément Détails du produit dans l’éditeur de page, 2 choix s’offrent à vous pour la Source du produit :

  • Auto
  • Produit Personnalisé

Notez que si vous êtes sur une Page Produit et que vous utilisez l’élément Détails du produit, l’option Source du produit est disponible. Par contre, si vous êtes sur une Page Standard et utilisez l’élément, l’option Source du produit est désactivée et Produit Personnalisé est choisi par défaut. 

Si vous choisissez Auto, le produit assigné à votre page lorsque vous avez créé cette page produit sera affiché dans l’éditeur de page. L’option Auto est celle par défaut lorsque vous utilisez l’élément Détails du produit

Vous pouvez choisir l’option Produit personnalisé et sélectionner le produit de votre choix. 

Les paramètres dans les onglets Général et Style sont spécifiques à cet élément. Nous allons en apprendre plus ci-dessous.

Paramètres de l’onglet Général
1. CONTENU
  • Product Source:
    • Auto
    • Custom Product: choose Product and choose the Default variant you want.
4.ATTRIBUTS Ce groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici.
5. VISIBILITE Ce groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici.
6. ANIMATION Ce groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici.
Paramètres de l’onglet Style
1. GLOBAL Vous pouvez en apprendre GLOBAL paramètres ici.
2. ESPACEMENT Vous pouvez en apprendre ESPACEMENT paramètres ici.
3. TYPOGRAPHIE Vous pouvez en apprendre TYPOGRAPHIE paramètres ici.
4. FOND Vous pouvez en apprendre FOND paramètres ici.
5. BORDURE Vous pouvez en apprendre BORDURE paramètres ici.
6. AFFICHAGE Vous pouvez en apprendre AFFICHAGE paramètres ici.
7. CSS PERSONNALISE Vous pouvez en apprendre CSS PERSONNALISE paramètres ici.

Une nouvelle option Variante par défaut s’offre à vous lorsque vous utilisez un Produit personnalisé. Grâce à cette option, vous pouvez choisir une variante de ce produit parmis une liste de variantes suivant ce que vous souhaitez afficher à vos clients sur votre page.

Navigate this category

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
Boost your holiday sales with PageFly's Thanksgiving Template 👉 Discover Now