Base de connaissances
Guides
Académie
Tutoriels vidéo
Appuyez sur la touche échap pour quitter :
Articles consultés récemment :

Sommaire

Ajouter des onglets aux descriptions de produits

Ecwid vous permet de créer des onglets dans la description des produits pour organiser le texte selon vos besoins. Pour ce faire, vous aurez besoin de l'application Tabber: Product Description Tabs à vous procurer dans le marché d'applications Ecwid. Cette application vous permet de concevoir vos onglets et de les ajouter aux descriptions de produits à l'aide de shortcodes spéciaux.

En option, vous pouvez ajouter des blocs déroulants aux descriptions des produits avec l'éditeur de texte intégré.
Le marché des applications Ecwid est disponible sur les forfaits Venture, Business et Unlimited.

Adding_tabs_to_product_descriptions__1_.png

Installer l'application

Pour installer l'application Tabber :

  1. Depuis votre administration Ecwid, accédez à Applications → Marché des applications.
  2. Cherchez l'application Tabber: Product Description Tabs.
  3. Cliquez sur Ajouter un mode de paiement et acheter sous le nom de l'application et le prix.
  4. Indiquez vos informations de paiement.

L'application sera ensuite disponible dans Mes applications et dans les Paramètres dans votre administration Ecwid. Elle s'accompagne d'un essai gratuit de 14 jours pour tester toutes les fonctionnalités.

Concevoir des onglets

Pour concevoir vos onglets, accédez à Paramètres → Tabber et modifiez les éléments comme vous le souhaitez. Cliquez sur les points d'interrogation à côté des éléments pour en savoir plus à leur sujet. La conception obtenue servira pour tous les onglets de votre boutique.

Vous pouvez choisir le thème et la mise en page des onglets, et même leur style sur les appareils mobiles. Les onglets sont réactifs, ils s'adaptent donc à la largeur de l'écran. Vous pouvez également définir des couleurs pour votre texte, pour l'arrière-plan et pour les icônes d'onglets.

Pour définir les couleurs pour les éléments d'onglet :

  1. Cliquez sur le carré coloré à côté de l'élément de la liste pour qu'il devienne actif.
  2. Choisissez la couleur dont vous avez besoin dans l'outil de sélection de couleurs (situé dans le coin supérieur droit de l'application) ou saisissez un code de couleur existant dans le champ prévu à cet effet sous la palette.
  3. (Facultatif) Ajustez l'opacité des couleurs avec l'échelle dédiée.

Un aperçu est disponible pour voir les changements dans le design et la couleur de vos onglets :

Adding_tabs_to_product_descriptions__4_.png

N'oubliez pas de cliquer sur Enregistrer une fois que vous avez terminé de concevoir vos onglets.

Ajouter des onglets

Pour ajouter des onglets, vous devez créer manuellement des sections qui apparaîtront sous forme d'onglet dans la description de vos produits à l'aide de shortcodes spéciaux. Vous pouvez ainsi avoir des noms d'onglets différents et un nombre d'onglets différents pour différents produits alors que la conception des onglets reste uniforme.

Vous pouvez copier les shortcodes depuis l'application :

Adding_tabs_to_product_descriptions__3_.png

Pour ajouter des onglets à la description d'un produit :

  1. À partir de l'interface d'administration d'Ecwid, accédez à Catalogue → Produits.
  2. Choisissez un produit dans la liste.
  3. Accédez à l'onglet Description.
  4. Saisissez [tab name='tab one'] là où vous voulez que votre premier onglet commence.
  5. Remplacez la partie « tab one » par le nom du premier onglet de ce produit.
  6. Saisissez [tab name='tab two'] là où vous voulez que votre deuxième onglet commence.
  7. Remplacez la partie « tab two » par le nom du deuxième onglet de ce produit.

    Adding_tabs_to_product_descriptions__2_.png

  8. Répétez ce processus si besoin. Vous pouvez ajouter jusqu'à cinq onglets.
  9. (Facultatif) Ajoutez [endtab] là où se termine le dernier de vos onglets, au cas où vous auriez besoin d'un texte à afficher sous les onglets dans la section de description.
  10. Enregistrez les modifications.

Pour ajouter des onglets aux autres produits de votre boutique, répétez la procédure.

Attention : vous ne pouvez pas prévisualiser vos onglets dans l'éditeur de description de produit. Pour les visualiser, ouvrez le produit dans votre vitrine après avoir inséré les shortcodes et enregistré les modifications.

Venez en savoir plus sur les shortcodes et la configuration générale de l'application sur le site de son développeur →

Cet article vous a-t-il été utile ?

Génial ! Merci pour vos commentaires !

Merci pour vos commentaires !

Nous sommes désolés ! Que s'est-il passé ?
Utilisateurs qui ont trouvé cela utile : 2 sur 6
10
Nous utilisons des cookies et des technologies similaires pour garder vos préférences en mémoire, mesurer l'efficacité de nos campagnes et analyser des données anonymisées afin d'améliorer les performances de notre site. En choisissant « Accepter », vous acceptez l'utilisation de cookies.
Accepter les cookies Refuser