Profil réactif

Dans cette section, vous pouvez voir et modifier certains des paramètres de votre profil responsive dans le frontend. Pour obtenir des conseils et des astuces sur l'édition de cette zone, veuillez contacter notre équipe d'assistance.

Paramètres
Ce qu'il fait

Police

Le nom de la police personnalisée que vous souhaitez utiliser. Assurez-vous que la police est téléchargée dans la boutique (Paramètres → Fichiers). Pour des instructions détaillées sur l'utilisation de l'outil de police, veuillez vous référer à #font-handling

Couleur (HEX)

Base

Couleur d'arrière-plan du menu.

Texte de base

Couleur du texte du menu.

Bouton

Couleur d'arrière-plan des boutons.

Bouton, survol

Couleur d'arrière-plan des boutons lorsqu'ils sont survolés.

Texte du bouton

Couleur du texte des boutons.

Texte de l'en-tête

Couleur du texte dans la barre d'en-tête.

Pied de page

Couleur d'arrière-plan du pied de page.

Texte du bas de page

Couleur du texte du pied de page.

Fichiers

Logo

L'image que vous souhaitez afficher comme logotype dans l'en-tête de votre site.

CSS supplémentaire

Vous pouvez télécharger tout fichier CSS supplémentaire. Il sera fusionné avec le CSS standard.

Texte du bouton d'achat

Texte du bouton d'achat

Le texte que vous souhaitez afficher dans le bouton Acheter. La longueur des caractères est limitée à 18 pour minimiser l'impact sur le style.

Option d'affichage du texte du bouton d'achat

Choisissez ici comment vous voulez que le texte apparaisse.

Texte du bouton de configuration

Le texte que vous souhaitez afficher dans le bouton Configuration. La longueur des caractères est limitée à 18 pour minimiser l'impact sur le style.

Option d'affichage du texte du bouton de configuration

Choisissez ici comment vous voulez que le texte apparaisse.

Autre

Style pour le bouton "Effacer tous les filtres

Choisissez ici l'aspect que vous souhaitez donner à ce bouton.

Font handling

Utilisation de polices sûres pour le Web

Une police ne s'affichera correctement que si elle existe dans le navigateur de l'utilisateur. C'est pourquoi il est recommandé d'utiliser des polices sûres pour le web (elles sont généralement disponibles dans tous les navigateurs).

Dans la section Police sous [Paramètres → Profil de réponse], vous pouvez spécifier une liste prioritaire de polices. Si la première police de la liste n'est pas disponible dans le navigateur de l'utilisateur, la police suivante sera recherchée, et ainsi de suite.

Exemple: 'Verdana', 'Tahoma', 'Comic Sans MS'.

Utilisation des polices Google

Google offre une large gamme de polices sous la "Open Font License", qui peuvent être utilisées dans Nettailer. Cependant, les polices Google doivent être téléchargées par le navigateur du client pour fonctionner correctement. Pour garantir la compatibilité, vous pouvez inclure une police sûre pour le web comme solution de repli au cas où la police Google ne se chargerait pas.

Exemple: 'Londrina Shadow', 'Verdana'.

Comment activer les polices Google Fonts dans Nettailer :

  1. Visitez Google Fonts: Allez sur Polices Google.

  2. Choisissez une police: Parcourez et sélectionnez la police que vous souhaitez utiliser.

  3. Sélectionnez un style: Choisissez le style de police souhaité.

  4. Obtenez le code d'intégration :

    • Cliquez sur l'option <> Embed Code.

    • Copiez le code fourni sous "Embed code in the <head> of your HTML ".

  5. Créez un fichier JavaScript :

  • Accédez à l'éditeur JavaScript : Paramètres > Javascript

  • Cliquez sur le bouton "Créer

  • Collez le code d'intégration dans un fichier JavaScript.

  • Assurez-vous que ce JavaScript est correctement ajouté à votre magasin Nettailer.

  1. Copiez la valeur de font-family ; voir l'exemple ci-dessous.

  1. Insérez la valeur copiée de font-family dans le profil responsive en tant que police et enregistrez.

Last updated