Éléments Onglets

Dans cet article, vous découvrirez les éléments Onglets et comment l’utiliser.

A propos des éléments ongletsClick to copy

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

Les éléments Onglets est conçu pour présenter le contenu dans des onglets séparés afin d’augmenter le taux de conversion.

Vous pouvez utiliser les éléments Onglets pour afficher divers éléments en tant que contenu de l’onglet, indépendamment pour chaque onglet ou ensemble dans un onglet.

Pour utiliser les éléments Onglets, choisissez Ajouter un élément dans le menu de la barre latérale> AVANCÉ> choisissez les éléments Onglets, puis faites-le glisser et déposez-le dans l’éditeur de page.

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

PageFly with the Tabs element helps you to build your Shopify store more easily

Les éléments Onglets est livré avec plusieurs variantes couvrant la plupart de vos besoins. Mais nous continuerons à ajouter d’autres variantes pour vous aider à gagner du temps.

Faites glisser une variante sur la mise en page et voyez comment elle peut être configurée.

Configuration des éléments OngletsClick to copy

Les éléments Onglets sont livrés avec de nombreux paramètres vous permettant d’affiner l’apparence du contenu pour atteindre le meilleur taux de conversion possible.

Sélectionnez l’élément dans la présentation pour voir ses paramètres.

Les paramètres des onglets Général et Style sont spécifiques à cet élément. Lisez à leur sujet dans cet article.

Les paramètres de l’onglet général
1.CONTENU
  • Éléments d’onglet: vous pouvez ajouter de nouveaux onglets à l’élément.

Vous pouvez dupliquer ou supprimer l’élément avec deux icônes correspondantes à côté du nom de chaque élément de l’onglet.

L’ordre des éléments de l’onglet peut être facilement déplacé en faisant glisser et en déposant l’icône des 3 points à gauche du nom de l’élément de l’onglet.

Vous pouvez faire glisser et déposer d’autres éléments dans chaque onglet.

  • Élément actif par défaut: choisissez l’un des onglets pour le rendre par défaut (à voir en premier) lorsqu’il apparaît sur la page en direct.
  • Position d’en-tête: Il y a 4 positions (elles sont affichées comme les flèches) pour choisir l’en-tête tel que Haut; Gauche; Bouton; et à Droite.
    • Gauche: si vous choisissez cette option, les en-têtes d’onglet seront déplacés vers la gauche du contenu de l’onglet. Il existe une option pour ajuster l’alignement vertical avec 3 choix: Haut, Milieu et Bas.
    • Droite: si vous choisissez cette option, les en-têtes d’onglet seront déplacés à droite du contenu de l’onglet. Il existe une option pour ajuster l’alignement vertical avec 3 choix: Haut, Milieu et Bas.
    • Haut: si vous choisissez cette option, les en-têtes des onglets seront déplacés vers le haut. Il existe une option pour ajuster l’alignement horizontal avec 3 choix: Haut, Milieu et Bas. Vous pouvez également définir une largeur complète pour le menu si vous le souhaitez.
    • Bas: si vous choisissez cette option, les en-têtes d’onglets seront déplacés vers le bas. Il existe une option pour ajuster l’alignement horizontal avec 3 choix: Haut, Milieu et Bas. Vous pouvez également définir une largeur complète pour le menu si vous le souhaitez.
2. ATTRIBUTS Il s’agit d’un paramètre que tous les éléments possèdent. Vous pouvez lire plus ici.
3. VISIBILITÉ Il s’agit d’un paramètre que tous les éléments possèdent. Vous pouvez lire plus ici.
4. ANIMATION Il s’agit d’un paramètre que tous les éléments possèdent. Vous pouvez lire plus ici.
Paramètres de l’onglet Style
1. GLOBAL Vous pouvez lire sur le paramètre GLOBAL ici.
2. ESPACEMENT Vous pouvez lire sur le paramètre ESPACEMENT ici.
3. TYPOGRAPHIE Vous pouvez lire sur le paramètre TYPOGRAPHIE ici.
4. ARRIÈRE PLAN Vous pouvez lire sur le paramètre ARRIÈRE PLAN ici.
5. BORDURE Vous pouvez lire sur le paramètre BORDURE ici.
6. AFFICHER Vous pouvez lire sur le paramètre AFFICHER ici.
7. CSS PERSONNALISÉ Vous pouvez lire sur le paramètre CSS PERSONNALISÉ ici.

Paramètres d’en-tête d’ongletClick to copy

Pour modifier un en-tête d’onglet des éléments onglets, choisissez un en-tête d’onglet séparément.

tab header

Paramètres de l’onglet Général
1.CONTENT
  • Éléments d’onglet: Vous pouvez dupliquer ou même supprimer l’onglet souhaité en choisissant l’icône correspondante dans l’ordre: dupliquer; supprimer
  • Vous pouvez également ajouter un nouvel onglet en cliquant sur le bouton Ajouter un nouvel élément.

  • Texte du bouton: vous pouvez modifier ici le nom de l’en-tête de l’onglet.
  • Afficher l’icône: activez cette option si vous souhaitez afficher l’icône de l’en-tête de l’onglet. Et pour changer l’icône, vous devez cliquer sur l’icône.

  • Texte d’ancrage: vous pouvez saisir ici le texte d’ancrage pour l’en-tête de l’onglet.
2. ATTRIBUTS Il s’agit d’un paramètre que tous les éléments possèdent. Vous pouvez lire plus ici.
3. VISIBILITÉ Il s’agit d’un paramètre que tous les éléments possèdent. Vous pouvez lire plus ici.
4. ANIMATION Il s’agit d’un paramètre que tous les éléments possèdent. Vous pouvez lire plus ici.
Paramètres de l’onglet Style

État du bouton: vous pouvez choisir l’un des trois états de bouton à lui appliquer, tels que Normal, Survoler et Sélectionné.

1. GLOBAL Vous pouvez lire sur le paramètre GLOBAL ici.
2. ESPACEMENT Vous pouvez lire sur le paramètre ESPACEMENT ici.
3. TYPOGRAPHIE Vous pouvez lire sur le paramètre TYPOGRAPHIE ici.
4. ARRIÈRE PLAN Vous pouvez lire sur le paramètre ARRIÈRE PLAN ici.
5. BORDURE Vous pouvez lire sur le paramètre BORDURE ici.
6. AFFICHER Vous pouvez lire sur le paramètre AFFICHER ici.
7. CSS PERSONNALISÉ Vous pouvez lire sur le paramètre CSS PERSONNALISÉ ici.

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