Onglet Apparence de la fiche Site
L’onglet Apparence pour (suivi du nom de votre site) réunit les réglages visuels de votre boutique et de vos emails.
-
Allez dans Paramètres > Sites.
-
Cliquez sur l’icône Éditer (crayon) de votre site.
-
Ouvrez l’onglet Apparence pour (suivi du nom de votre site), modifiez les champs, puis cliquez sur Mettre à jour.
Champs de l’onglet
Section intitulée « Champs de l’onglet »| Champ | Rôle |
|---|---|
| Logo | Logo de votre site, en jpg, jpeg, png ou svg. Voir Ajouter un logo. |
| Logo des emails | Logo placé en tête de vos emails, en jpg, jpeg ou png, affiché sur 150 px de large. S’il est vide, les emails utilisent le Logo, ce qui pose problème avec un logo svg que beaucoup de messageries n’affichent pas. |
| Couleur des emails | Couleur de fond autour du contenu de vos emails. Sans valeur, un bleu par défaut est utilisé. |
| Titre Bannière Eshop | Titre de la page de votre shop (/shop). Sans valeur, le titre est “Boutique”. |
| Description Bannière Eshop | Texte affiché sous ce titre. |
| Bannière Eshop | Image affichée en haut de la page du shop, en jpg, jpeg ou png. Aucun texte n’est posé sur l’image. |
| Description composition | Texte affiché en tête de la page de composition d’une box (/shop/compose). |
| Favicon | Icône de l’onglet du navigateur, en jpg ou png, recadrée puis redimensionnée en 64 x 64 px. Elle peut être remplacée, pas supprimée. |
| Police des titres | Nom de la police des titres, par exemple Lato. |
| Police du texte | Nom de la police du texte. |
| CSS Personnalisé | Vos règles CSS, ajoutées à toutes les pages du site. |
| Variables CSS | Les variables qui règlent les couleurs et le style du site (--primary, --color1…). Voir Personnaliser le design de son site. |
| Balises supplémentaires dans le head | Code HTML ajouté dans la section <head> de toutes les pages du site, par exemple une balise de vérification de domaine. |
Les champs CSS Personnalisé, Variables CSS et Balises supplémentaires dans le head n’apparaissent pas à la création du site, seulement en modification.
Ciklik charge automatiquement les deux polices depuis Google Fonts quand les deux noms sont de simples noms de famille : lettres, chiffres et espaces, comme Open Sans. Si l’un des deux contient autre chose (Work+Sans:wght@300, une virgule, des guillemets), aucune police n’est chargée et le site s’affiche dans la police de secours.
Les deux champs alimentent les variables --police et --police-titre. Si vous déclarez aussi ces variables dans Variables CSS, ce sont elles qui l’emportent.
Balises dans le head
Section intitulée « Balises dans le head »Pour un outil de suivi (Google, Facebook, TikTok, Affilae), utilisez plutôt les champs prévus dans les onglets Paramètres marketing et Trackers avancés : voir Onglets Paramètres marketing et Trackers avancés.