Configuration de la page

Les sections principales de la page sont contrôlées, en partie, par un ensemble de balises d’HTML standard. Certaines de ces balises peuvent être utilisées pour déterminer la sélection des polices, de la couleur, de la taille, des couleurs d’arrière-plan et des 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 la mention de copyright dans le pied de page. Ces sections correspondent à la structure sous-jacente de la page HTML et de nombreuses propriétés de base peuvent être définies à partir de l’administrateur.

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

HTML Head

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

Configuration de l’en-tête de l’HTML

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

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

  3. Sous Other Settings, développez Extension selector dans la section HTML Head.

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

  4. Mettez à jour favicon si nécessaire.

  5. Mettez à jour les paramètres de titre de page selon 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 les clients à se diriger vers votre boutique à partir des résultats de recherche :

    • Default Meta Description
    • Default Meta Keywords
  7. Saisissez tout Scripts and Style Sheets si nécessaire.

    note note
    NOTE
    Toutes les JavaScript saisies dans le champ Scripts and Style Sheets doivent être whitelistées dans les paramètres CSP (Content Security Policy, stratégie de sécurité du contenu), sinon elles ne seront pas exécutées sur les pages de passage en caisse. Pour plus d’informations, voir Stratégie de sécurité du contenu.
  8. Activez ou désactivez l’ avis de boutique de démonstration si nécessaire.

  9. Une fois l’opération terminée, cliquez sur Save Configuration.

Descriptions des champs en-tête d’HTML

Champ
Portée
Description
Favicon Icon
Affichage en magasin
Télécharge la petite image graphique 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 en magasin
Titre qui s’affiche dans la barre de titre de chaque page lorsqu’il est affiché 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 en magasin
Un préfixe peut être ajouté devant le titre pour créer un titre en deux ou trois parties. Une barre verticale ou deux-points peuvent être utilisés comme séparateur à la fin du préfixe pour le différencier du texte du titre principal.
Page Title Suffix
Affichage en magasin
Un suffixe peut être ajouté après le titre pour créer un titre en deux ou trois parties. Une barre verticale ou deux-points peuvent être utilisés comme séparateur à la fin du préfixe pour le différencier du texte du titre principal.
Default Meta Description
Affichage en magasin
La description fournit un résumé de votre site pour les listes de moteurs de recherche et ne doit pas dépasser 160 caractères.
Default Meta Keywords
Affichage en magasin
Série de mots-clés qui décrivent votre boutique, chacun séparé par une virgule.
Scripts and Style Sheets
Affichage en magasin
Contient des scripts qui doivent être inclus dans l’HTML avant la balise de fermeture <head> . Par exemple, tout JavaScript tiers qui doit être placé avant la balise <body> peut être saisi ici.
Display Demo Store Notice
Affichage en magasin
Contrôle l’affichage de l’avis de boutique de démonstration en haut de la page. Options : Yes / No

En-tête

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

Paramètres de configuration de l’en-tête {width="400" modal="regular"}

Configuration de l’en-tête

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

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

  3. Sous Other Settings, développez Extension selector dans la section Header.

  4. Apportez les modifications nécessaires à la vue de magasin :

  5. Une fois l’opération terminée, cliquez sur Save Configuration.

Description des champs d’en-tête

Champ
Portée
Description
Logo Image
Affichage en magasin
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 en magasin
Largeur de l’image de logo en pixels.
Logo Attribute Height
Affichage en magasin
Hauteur de l’image de logo en pixels.
Welcome Text
Affichage en magasin
Le message de bienvenue s’affiche dans l’en-tête de la page et comprend le nom des clients connectés.
Logo Image Alt
Affichage en magasin
Texte de remplacement associé au logo.
Translate Title
Affichage en magasin
Détermine si Page Title ou 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 <body> de fermeture.

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

Configuration du pied de page

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

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

  3. Sous Other Settings, développez Extension selector dans la section Footer.

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

    note note
    NOTE
    Toutes les JavaScript saisies dans le champ Miscellaneous HTML doivent être whitelistées dans les paramètres CSP (Content Security Policy, stratégie de sécurité du contenu), sinon elles ne seront pas exécutées sur les pages de passage en caisse. Pour plus d’informations, voir Stratégie de sécurité du contenu.
  5. Une fois l’opération terminée, cliquez sur Save Configuration.

Descriptions des champs de pied de page

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