đź“‚
Atomic Suite
  • Documentation Atomic
    • Documentation utilisateur
      • Les MolĂ©cules
        • CrĂ©er une molĂ©cule
        • Afficher une molĂ©cule
          • Afficher toutes les molĂ©cules
          • Hooks
            • Afficher les hooks disponibles
            • Aucun hook Ă  l'emplacement souhaitĂ©
          • Emplacement dans le Front Office
            • Sur toutes les pages
            • Sur l’accueil
            • Sur une fiche Produit
            • Sur une CatĂ©gorie ou Marque
            • Dans une Miniature Produit
            • Choisir plusieurs emplacements
          • Affichage conditionnel
            • Afficher une molĂ©cule temporairement
            • Afficher une molĂ©cule selon le type de produit
            • Afficher une molĂ©cule sur certaines pages
            • Afficher une molĂ©cule selon la taille d'Ă©cran
            • Afficher une molĂ©cule selon le groupe client
        • Dupliquer une molĂ©cule
        • Modifier l’ordre d'affichage des molĂ©cules
        • Liste des molĂ©cules
          • MĂ©ga menu
          • Menu mobile
          • Bannière
          • Carrousel
          • Contenu HTML
          • Lien
          • Liste de liens
          • Liste de catĂ©gories
          • Liste de produits
          • Liste d’articles de blog
          • Liste de miniatures personnalisĂ©es
          • Liste de marques
          • Miniature Produit
          • Miniature CatĂ©gorie
          • Titre
          • Image
          • VidĂ©o
          • Alerte
          • Modale
          • Container
          • Ligne
          • Menu dĂ©roulant
          • SĂ©parateur
          • Onglets
          • AccordĂ©on
          • Interstitielle
          • Widget commun
          • Widget PrestaShop
      • Performances SEO
        • AccĂ©der aux configurations SEO
        • Connecter Google Search Console Ă  votre boutique
        • Connecter un autre Webmaster Tool Ă  votre boutique
        • RĂ©duire l'impact des images sur le temps de chargement du site
        • Optimiser les images avec Atomic
        • Meta donnĂ©es
          • Éditer la balise Meta Keywords d’une page
          • Éditer le Titre d’une page
          • Réécrire l’URL d’une page
          • Éditer la Description d’une page
          • RĂ©seaux sociaux
          • Activer l’option Knowledge Graph & Schema.org
          • Donner plus de visibilitĂ© aux contenus partagĂ©s sur les rĂ©seaux sociaux
      • SĂ©curitĂ©
        • CAPTCHA : introduction
        • Activer le reCAPTCHA sur votre site
      • Gestion du Cache
        • Le cache : introduction
        • Activer le cache
        • GĂ©rer le cache des molĂ©cules
        • GĂ©rer le cache du site via Atomic
        • Configuration de base du cache
        • Configuration du temps de sauvegarde du cache sur les pages de votre site
        • Configuration de la mise en cache partielle
        • Activer le cache pour les codes JS dans l'en-tĂŞte
        • Exclure une URL spĂ©cifique du cache
        • Exclure une IP spĂ©cifique du cache
        • Quand faut-il vider le cache ?
        • Vider rĂ©gulièrement le cache d'une URL spĂ©cifique
        • Vider ponctuellement le cache de Atomic
      • Progressive Web App
        • PWA : introduction
        • Web App Manifest, les prĂ©sentations
        • Configurer le manifest.json avec Atomic
        • Ajouter la web app Ă  l'Ă©cran d'accueil
        • Les navigateurs compatibles
      • GĂ©nĂ©ral & Thème
        • "Ajouter au panier" dans les miniatures produits
        • CrĂ©er des champs personnalisĂ©s contenant des molĂ©cules (bĂŞta)
    • Release Notes
      • Release notes Atomic Suite 2.1.1
      • Release notes Atomic Suite 2.1
      • Release notes Atomic Suite 2.0
      • Release notes Atomic Suite v1.6.0
      • Release notes Atomic Suite v1.5.1
      • Release notes Atomic Suite v1.5.0
      • Release notes Atomic Suite v1.4.3
      • Release notes Atomic Suite v1.4.2
      • Release notes Atomic Suite v1.4.1
      • Release notes Atomic Suite v1.4.0
      • Release notes Atomic Suite v1.3.6
      • Release notes Atomic Suite v1.3.5
      • Release notes Atomic Suite v1.3.4
      • Release notes Atomic Suite v1.3.3
      • Release notes Atomic Suite v1.3.2
      • Release notes Atomic Suite v1.3.1
      • Release notes Atomic Suite v1.3.0
      • Release notes Atomic Suite v1.2.0
  • DOCUMENTATION BLOG
    • Documentation utilisateur
      • Ajouter le lien Ă  "Blog" au menu principal de votre site
      • AccĂ©der aux configurations du module "Blog"
      • CrĂ©er une catĂ©gorie de blog
      • Modifier une catĂ©gorie existante
      • CrĂ©er une sous-catĂ©gorie de blog
      • Lier une catĂ©gorie de produits Ă  une catĂ©gorie de blog
      • CrĂ©er un nouvel article de Blog
      • Ajouter du contenu Ă  un article de blog
      • Planifier la publication d’un article
      • Modifier le contenu d’un article existant ou changer l’ordre d’affichage du contenu
      • Modifier les balises ou le titre d’un article existant
      • Associer un article Ă  plusieurs catĂ©gories de blog
      • CrĂ©er des associations entre les articles de blog
      • Proposer une liste d’articles liĂ©s Ă  l’article de blog affichĂ©
      • Afficher des articles de blog sur la page catĂ©gorie
      • Lier un produit de votre boutique Ă  un article de blog
      • Dupliquer un article existant pour gagner du temps
      • Utiliser le “Lazy loading” pour afficher les articles plus rapidement
      • Masquer un article ou une catĂ©gorie de blog
      • Afficher une grille d'articles sur la page d'accueil et les pages “CatĂ©gories”
      • Limiter le nombre d'articles Ă  afficher sur les pages de blog
      • Afficher la liste des catĂ©gories sur la page d'accueil du blog
      • Les options d'affichage de la liste des catĂ©gories
      • “Masquer” la colonne de droite dans le blog
      • Faire dĂ©filer la colonne de droite avec la page
      • Afficher ou masquer l'auteur d'un article
      • Afficher ou cacher les options de partage des articles
      • Afficher (ou masquer) la description de l'article dans l'aperçu
      • Afficher des articles de blog sur une page produit
      • Changer l'ordre d’affichage des articles sur le blog
      • ConnaĂ®tre le nombre de lecteurs du blog
      • CrĂ©er des articles de blog fictifs dans un environnement de test
      • DĂ©finir l'URL racine du blog
      • ConnaĂ®tre le nombre de lecteurs du blog
    • FAQ
      • Articles : Pourquoi est-il important de saisir la date de crĂ©ation ?
      • Qu'est-ce que la balise Meta Title ?
      • Qu'est-ce que la balise Meta Description ?
      • Qu'est-ce que la balise Meta Keywords ?
      • Pourquoi avez-vous besoin d’une URL SEO friendly ?
    • Release notes
      • Release notes Blog 2.1.1
      • Release notes Blog 2.0
      • Release notes Blog v1.6.0
      • Release notes Blog 1.5.2
      • Release notes Blog v1.5.1
      • Release notes Blog v1.5.0
      • Release notes Blog v1.4.3
      • Release notes Blog v1.4.2
      • Release notes Blog v1.4.1
      • Release notes Blog v1.4.0
      • Release notes Blog v1.3.1
      • Release notes Blog 1.3.0
      • Release notes Blog 1.2.0
Powered by GitBook
On this page
  • 1 - ÉlĂ©ments de navigation : En-tĂŞte (Header)
  • 2 - ÉlĂ©ments de navigation : Pied de page (Footer)
  • 3 - ÉlĂ©ments de navigation : Colonnes
  • 4 - Contenu de la page
  • 5 - ÉlĂ©ments avancĂ©s

Was this helpful?

  1. Documentation Atomic
  2. Documentation utilisateur
  3. Les Molécules
  4. Afficher une molécule
  5. Emplacement dans le Front Office

Sur toutes les pages

PreviousEmplacement dans le Front OfficeNextSur l’accueil

Last updated 9 months ago

Was this helpful?

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 , 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.

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.

2 - Éléments de navigation : Pied de page (Footer)

  • 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.

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
chaque page de votre boutique
Atomic Suite By 202 > Animation de Contenu > Structure des pages
Apparence > Thème et logo