[PaaS uniquement]{class="badge informative" title="S’applique uniquement aux projets Adobe Commerce on Cloud (infrastructure PaaS gérée par Adobe) et aux projets On-premise."}

Configuration de la page

Les sections principales de la page sont contrôlées, en partie, par un ensemble de balises HTML standard. Certaines de ces balises peuvent être utilisées pour déterminer la sélection de polices, de couleurs, de tailles, de couleurs d’arrière-plan et d’images utilisées dans chaque section de la page. D’autres paramètres contrôlent les éléments de la page, tels que le logo dans l’en-tête et l’avis de copyright dans le pied de page. Ces sections correspondent à la structure sous-jacente de la page HTML et la plupart des propriétés de base peuvent être définies à partir de l’Administration.

sections de page HTML {width="700" modal="regular"}

HTML Head

Les paramètres de la section HTML Head correspondent à la balise <head> d’une page HTML et peuvent être configurés pour chaque vue du magasin. Outre les métadonnées pour le titre, la description et les mots-clés de la page, la section comprend un lien vers la favicon et divers scripts. Les instructions pour les robots des moteurs de recherche et l’affichage de l’avis de démonstration du magasin sont également configurés dans cette section.

Configurer HTML Head

  1. Dans la barre latérale Admin, accédez à Content > Design>Configuration.

  2. Recherchez la vue de magasin que vous souhaitez configurer, puis cliquez sur Edit dans la colonne Action.

  3. Sous Autres paramètres, développez Sélecteur d’extension la section HTML Head.

    Paramètres de configuration d’HTML Head {width="500" modal="regular"}

  4. Mettez à jour la favicon si nécessaire.

  5. Mettez à jour les paramètres de titre de la page en fonction de vos besoins :

    • Default Page Title
    • Page Title Prefix
    • Page Title Suffix

    Vous pouvez utiliser un suffixe et/ou un préfixe avec le titre par défaut pour créer un titre en deux ou trois parties. Vous pouvez ajouter une barre verticale ou deux-points comme séparateur entre le préfixe ou le suffixe et le titre par défaut.

  6. Ajoutez ou modifiez des métadonnées qui prennent en charge l’optimisation du moteur de recherche (SEO) et aident à orienter les clients vers votre boutique à partir des résultats de recherche :

    • Default Meta Description
    • Default Meta Keywords
  7. Saisissez les Scripts and Style Sheets nécessaires.

    note note
    NOTE
    Tous les JavaScript saisis dans le champ Scripts and Style Sheets doivent être whitelistés dans les paramètres de la politique de sécurité du contenu (CSP), sinon ils ne seront pas exécutés sur les pages de passage en caisse. Pour plus d’informations, voir Politique de sécurité du contenu.
  8. Activez ou désactivez l’avis de magasin de démonstration si nécessaire.

  9. Cliquez ensuite sur Save Configuration.

Descriptions des champs d’en-tête HTML

Champ
Champ d’application
Description
Favicon Icon
Affichage de la boutique
Charge la petite image qui apparaît dans la barre d’adresse et l’onglet du navigateur. Types de fichiers autorisés : ICO, PNG, APNG, GIF et JPG (JPEG). Tous les navigateurs ne prennent pas en charge ces formats.
Default Page Title
Affichage de la boutique
Titre qui s’affiche dans la barre de titre de chaque page lorsqu’elle est affichée dans un navigateur. Le titre par défaut est utilisé pour toutes les pages, sauf si un autre titre est spécifié pour des pages individuelles.
Page Title Prefix
Affichage de la boutique
Vous pouvez ajouter un préfixe avant le titre pour créer un titre en deux ou trois parties. Une barre verticale ou deux-points peut être utilisée comme séparateur à la fin du préfixe pour le différencier du texte du titre principal.
Page Title Suffix
Affichage de la boutique
Vous pouvez ajouter un suffixe après le titre pour créer un titre en deux ou trois parties. Une barre verticale ou deux-points peut être utilisée comme séparateur à la fin du préfixe pour le différencier du texte du titre principal.
Default Meta Description
Affichage de la boutique
La description fournit un résumé de votre site pour les listes de moteurs de recherche et ne doit pas comporter plus de 160 caractères.
Default Meta Keywords
Affichage de la boutique
Une série de mots-clés qui décrivent votre boutique, séparés chacun par une virgule.
Scripts and Style Sheets
Affichage de la boutique
Contient des scripts qui doivent être inclus dans HTML avant la balise <head> de fermeture. Par exemple, tout JavaScript tiers devant être placé avant la balise <body> peut être saisi ici.
Display Demo Store Notice
Affichage de la boutique
Contrôle l’affichage de l’avis de magasin de démonstration en haut de la page. Options : Yes / No

En-tête

La configuration d’en-tête identifie le chemin d’accès au logo de votre boutique et spécifie le texte de remplacement et le message de bienvenue du logo.

Paramètres de configuration des en-têtes {width="400" modal="regular"}

Configurer l’en-tête

  1. Dans la barre latérale Admin, accédez à Content > Design>Configuration.

  2. Recherchez la vue de magasin que vous souhaitez configurer, puis cliquez sur Edit dans la colonne Action.

  3. Sous Autres paramètres, développez Sélecteur d’extension la section Header.

  4. Apportez les modifications nécessaires à l’affichage du magasin :

  5. Cliquez ensuite sur Save Configuration.

Descriptions des champs d’en-tête

Champ
Champ d’application
Description
Logo Image
Affichage de la boutique
Identifie le chemin d’accès au logo qui apparaît dans l’en-tête. Types de fichiers pris en charge : PNG, GIF, JPG (JPEG)
Logo Attribute Width
Affichage de la boutique
Largeur de l’image de logo en pixels.
Logo Attribute Height
Affichage de la boutique
Hauteur de l’image de logo en pixels.
Welcome Text
Affichage de la boutique
Le message de bienvenue s’affiche dans l’en-tête de la page et inclut le nom des clients connectés.
Logo Image Alt
Affichage de la boutique
Texte de remplacement associé au logo.
Translate Title
Affichage de la boutique
Détermine si le Page Title ou le Meta Title doit être traduit.

Pied de page

La section Configuration du pied de page vous permet de mettre à jour l’avis de copyright qui s’affiche au bas de la page, et de saisir divers scripts qui doivent être positionnés avant la balise de <body> de fermeture.

Paramètres de configuration du pied de page {width="400" modal="regular"}

Configurer le pied de page

  1. Dans la barre latérale Admin, accédez à Content > Design>Configuration.

  2. Recherchez la vue de magasin que vous souhaitez configurer, puis cliquez sur Edit dans la colonne Action.

  3. Sous Autres paramètres, développez Sélecteur d’extension la section Footer.

  4. Apportez les modifications nécessaires aux paramètres Copyright et Miscellaneous HTML.

    note note
    NOTE
    Tous les JavaScript saisis dans le champ Miscellaneous HTML doivent être whitelistés dans les paramètres de la politique de sécurité du contenu (CSP), sinon ils ne seront pas exécutés sur les pages de passage en caisse. Pour plus d’informations, voir Politique de sécurité du contenu.
  5. Cliquez ensuite sur Save Configuration.

Descriptions des champs de pied de page

Champ
Champ d’application
Description
Miscellaneous HTML
Affichage de la boutique
Zone de saisie dans laquelle vous pouvez charger divers scripts sur le serveur, qui doit être placée juste avant la balise de fermeture <body>.
Copyright
Affichage de la boutique
Énoncé de copyright qui s’affiche au bas de chaque page. Pour inclure le symbole de copyright, utilisez l’entité de caractères HTML \&copy; comme suit : \&copy; 2021 Commerce Demo Store. All Rights Reserved. Veillez à remplacer l’exemple d’avis de copyright par le vôtre.
Display Report Bugs Link
Affichage de la boutique
Détermine si le lien de rapport de bogue (pris en charge pour certains thèmes) est activé ou désactivé.
recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de