Sur toutes les pages

Grâce au type d'emplacement “Structure des pages” vous pouvez ajouter une molécule sur toutes les pages de votre site.

OU --

Si vous souhaitez l'afficher sur chaque page de votre boutique, veuillez utiliser "Structure des pages". --

Il est recommandé de passer par la page “Structure des pages” (disponible via le menu) pour choisir un hook et ajouter une molécule.

Atomic Suite By 202 > Animation de Contenu > Structure des pages

Il existe 5 groupes de hooks qu’on peut utiliser pour ajouter une molécule :

1 - Éléments de navigation : En-tête (Header)

  • displayBanner : ce hook affiche de nouveaux Ă©lĂ©ments en haut des pages.

  • displayMenuMobile : ce hook affiche les nouveaux Ă©lĂ©ments du menu du mobile.

  • displaySearch : ce hook affiche les nouveaux Ă©lĂ©ments Ă  cĂ´tĂ© de la recherche en haut des pages.

  • displayNav : ce hook affiche les Ă©lĂ©ments de navigation de type “Mon compte”, “Panier”.

  • displayNavFullWidth : ce hook affiche un menu de navigation en pleine largeur en haut de vos pages.

  • displayTop : ce hook affiche des Ă©lĂ©ments supplĂ©mentaires en haut de vos pages.

  • displayFooterBefore : ajouter des Ă©lĂ©ments dans une zone au-dessus du pied de page.

  • displayFooter : ce hook affiche de nouveaux blocs dans le pied de page.

  • displayFooterAfter : ajouter des Ă©lĂ©ments dans une zone sous le pied de page.

3 - Éléments de navigation : Colonnes

  • displayLeftColumn : ce hook affiche les nouveaux Ă©lĂ©ments dans la colonne de gauche.

  • displayRightColumn : ce hook affiche les nouveaux Ă©lĂ©ments dans la colonne de droite.

Apparence > Thème et logo

4 - Contenu de la page

  • displayWrapperTop : ce hook permet d'afficher de nouveaux Ă©lĂ©ments entre les breadcrumbs et le titre de la catĂ©gorie.

  • displayContentWrapperTop : ce hook affiche de nouveaux Ă©lĂ©ments au-dessus de la liste des produits.

  • displayContentWrapperBottom : ce hook permet d'afficher de nouveaux Ă©lĂ©ments au-dessous de la liste des produits.

  • displayWrapperBottom : ce hook permet d'afficher de nouveaux Ă©lĂ©ments au-dessous de la colonne de gauche et de la liste des produits.

5 - Éléments avancés

  • displayAfterBodyOpeningTag : utilisez ce hook pour la publicitĂ© ou les modales que vous souhaitez charger en premier (l’utilisation par l’équipe 202 est recommandĂ©).

  • displayBeforeBodyClosingTag : utilisez ce hook pour vos modaux ou tout contenu que vous souhaitez charger Ă  la fin (l’utilisation par l’équipe 202 est recommandĂ©).

En ajoutant une molécule sur un de ces hooks vous allez l’afficher sur toutes les pages de votre site sauf si vous choisissez de limiter son affichage à certaines pages.

Last updated

Was this helpful?