Remarque : même si nos guides les plus populaires ont été traduits en français, certains guides sont uniquement disponibles en anglais.

Ajustements du panneau Styles du site pour Brine

Cette liste recense tous les ajustements du panneau Styles du site pour les templates de la famille Brine. Voir la liste des templates Brine.

La plateforme Squarespace évolue constamment afin de vous offrir les meilleurs outils pour la création de votre site web. Si la plateforme a été modifiée récemment, il est possible que les options disponibles diffèrent de celles indiquées ci-dessous. La meilleure façon de découvrir comment fonctionne chaque ajustement est de l’essayer et de voir par vous-même comment il affecte votre site.

Astuce : si vous avez besoin d’aide pour les problèmes courants, consultez le guide des templates Brine.

Avant de commencer

Les ajustements avec la mention (superposition) modifient les éléments affichés sur les images de bannière. Sur la page d’index, ils s’appliquent aux sections de contenu avec des images d’arrière-plan et à toutes les sections de l’index de galerie.

Icônes sociales

Activez les icônes sociales intégrées dans la section En-tête : disposition.

  • Taille
  • Style : Normal, Bordure, Masquage, Gras
  • Forme : Carré, Arrondi, Cercle
  • Couleur
  • Couleur (superposition)

Site

Site

  • Arrière-planCouleur d’arrière-plan du site, visible avec Design : largeur limitée.
  • Design : Pleine largeur, Arrière-plan pleine page, Largeur limitée  En savoir plus.
  • Largeur
  • Marge intérieure du site
  • Icônes : Trait fin, Léger, Moyen, Épais  Affecte les versions pour appareil mobile et pour ordinateur.

Site : Bordure 

  • Afficher la bordure
  • Largeur
  • Couleur

Site : Chargement

  • Activer le chargement AjaxEn savoir plus.
  • Afficher la barre de chargement
  • Largeur
  • Couleur

En-tête

L’en-tête est divisé en une section supérieure et une section inférieure.

En-tête : Haut

  • Arrière-plan – Couleur d’arrière-plan de l’en-tête supérieur.
  • La marge intérieure
  • Disposition à gauche :Horizontale, Empilée
  • Disposition centréeHorizontale, Empilée
  • Disposition à droite : Horizontale, Empilée

En-tête : Bas

  • La marge intérieure
  • Disposition à gaucheHorizontale, Empilée
  • Disposition centréeHorizontale, Empilée
  • Disposition à droite : Horizontale, Empilée

En-tête : Disposition

  • Espacement des éléments (horizontal)
  • Espacement des éléments (vertical)
  • Position Branding
  • Position du slogan
  • Position de la navigation principale
  • Position de la navigation secondaire
  • Position des icônes sociales
  • Position de la zone de recherche
  • Position du panier
  • Position du lien Comptes clients

Chaque élément d’en-tête peut être affiché dans les zones suivantes de l’en-tête :

  • En haut à gauche
  • En haut au centre
  • En haut à droite
  • En bas à gauche
  • En bas au centre
  • En bas à droite 

Vous pouvez aussi sélectionner Masquer pour masquer l’élément de votre choix.

En-tête : Branding 

  • Largeur du logo
  • Police
  • Couleur
  • Couleur (superposition) – Définissez la couleur sur les bannières.

En-tête : Slogan

  • Police
  • Couleur
  • Couleur (superposition) – Définissez la couleur sur les bannières.

En-tête : Navigation principale

Les ajustements avec la mention (superposition) définissent la couleur sur les bannières.

  • Espacement des liens
  • Style : Uni, Fondu, Spotlight, Actif, Bouton
  • Style du bouton : Gras, Contour, En relief
  • Forme du bouton : Carré, Arrondi, Pilule
  • Police
  • Couleur
  • Couleur active
  • Couleur du texte du bouton
  • Couleur du dossier
  • Couleur du texte dossier
  • Couleur (superposition)
  • Couleur du lien actif (superposition)
  • Couleur du texte du bouton (superposition)
  • Couleur du dossier (superposition)
  • Couleur du texte du dossier (superposition)

En-tête : Navigation secondaire 

Les ajustements avec la mention (superposition) définissent la couleur sur les bannières.

  • Adopter les styles de la Navigation Primaire — Décochez cette option pour que vous puissiez choisir un style de Navigation Secondaire différent de celui de la Navigation Primaire.
  • Espacement des liens
  • Style : Uni, Fondu, Spotlight, Actif
  • Style du bouton : Gras, Contour, En relief
  • Forme du bouton : Carré, Arrondi, Pilule
  • Police
  • Couleur
  • Couleur active
  • Couleur du texte du bouton
  • Couleur du dossier
  • Couleur du texte dossier
  • Couleur (superposition)
  • Couleur du lien actif (superposition)
  • Couleur du texte du bouton (superposition)
  • Couleur du dossier (superposition)
  • Couleur du texte du dossier (superposition)

Personnalisez la barre de recherche. Les ajustements avec la mention (superposition) définissent la couleur sur les bannières.

  • Style : Rectangle, Souligné, Icône uniquement
  • Afficher le texte de l’espace réservé – Ajouter ou supprimer le texte « Rechercher »
  • Police
  • Taille de l’icône – Définir la taille de l’icône
  • Couleur des icônes
  • Couleur d’arrière-plan
  • Couleur des bordures
  • Couleur du texte
  • Couleur des icônes (superposition)
  • Couleur d’arrière-plan (superposition)
  • Couleur de la bordure (superposition)
  • Couleur du texte (superposition)

En-tête : Panier 

Personnalisez le panier. Les ajustements avec la mention (superposition) définissent la couleur sur les bannières.

  • Style : Texte, Panier, Sac, Panier (alternatif), Sac (alternatif)
  • Police
  • Couleur
  • Couleur de la quantité
  • Couleur du texte de la quantité
  • Couleur (superposition)
  • Couleur de la quantité (superposition)
  • Couleur du texte de la quantité (superposition)

En-tête : Lien des comptes clients

  • Style : Texte ou Icône
  • Police
  • Couleur

Principal

Principal 

  • Couleur – Définissez la couleur d’arrière-plan de la zone de contenu principale.
  • Marge intérieure de l’intro (sans image d’arrière-plan) – Définissez l’espacement au-dessus et en dessous du contenu figurant dans les zones intro pour toutes les pages sans bannières. Cet ajustement s’affiche lorsque vous êtes sur une page sans bannière.
  • Marge intérieure de l’intro (avec image d’arrière-plan) – Définissez l’espacement au-dessus et en dessous du contenu figurant dans les zones intro (affichage sur les bannières). Cet ajustement s’affiche lorsque vous êtes sur une page avec bannière.
  • Marge intérieure de la section de contenu – Définissez l’espacement au-dessus et en dessous du contenu de la page.
  • Insertion de contenu – Définissez la largeur du contenu inséré. Au moins un bloc doit être affecté sur cette page pour que cet ajustement puisse apparaître.

Principal : Superposition

  • Activer l’effet parallaxe – Activez le défilement à effet parallaxe sur les bannières.
  • Recadrage intelligent parallaxe – Assurez un recadrage minimal des bannières.
  • Couleur de superposition – Ajoutez un filtre de couleur à toutes les bannières de votre site.

Index

En savoir plus à propos des pages d’index Brine.

Index : Navigation

Personnalisez le style de la navigation de l’index.

  • Style : Aucun, Radio, Points pleins, Points estompés, Lignes horizontales, Lignes verticales, Lignes horizontales en expansion 
  • Position : Gauche, Droite
  • Point de rupture – Fixez la largeur du navigateur à partir de laquelle la navigation de l’index disparaît. La norme est de 640 pixels pour les appareils mobiles.
  • Décalage
  • Espacement
  • Taille de l’indicateur
  • Couleur – Définissez la couleur du cercle ou de la ligne des sections qui ne sont pas actives.
  • Couleur active – Définissez la couleur du cercle ou de la ligne de la section active.
  • Couleur (superposition) – Pour les sections de contenu ayant des images d’arrière-plan et pour les sections Index de galerie.
  • Couleur active (superposition) – Pour les sections de contenu ayant des images d’arrière-plan et pour les sections Index de galerie.
  • Afficher les titres – Indiquez si les titres doivent s’afficher en cas de survol.
  • Police
  • Couleur du texte
  • Couleur du texte (superposition)

Index : Page 

  • La marge intérieure
  • Marge intérieure (pages superposées)
  • Appliquer la hauteur minimale : Aucune, Première page uniquement, Pages avec arrière-plans uniquement, Toutes les pages – Cet ajustement affecte les sections de contenu.
  • Hauteur minimale – Définissez la hauteur minimale. Cet ajustement indique en pourcentage la hauteur de la fenêtre d’affichage (la zone du navigateur dans laquelle s’affiche votre site). Par exemple, si vous sélectionnez 100 vh, la section occupe à 100 % la hauteur de la fenêtre d’affichage. La hauteur en pixels varie selon la hauteur d’affichage du navigateur ou de l’appareil de chaque visiteur.
  • Bordure en miroir en dessous de la première page – Ajoutez une marge intérieure en dessous des premières sections.

Index : Indicateur de défilement

  • Option : Aucun, Icône uniquement, Icône et texte
  • Icône : Ligne, Flèche
  • Épaisseur de l’icône : Trait fin, Léger, Moyen, Épais
  • Police
  • Couleur

Personnalisez le style des sections Index de galerie.

  • Superposer l’en-tête de la première galerie de l’index – Si la première section de votre index est une galerie, choisissez si l’en-tête inférieur s’y superpose.
  • Disposition : Empilée, Scindée, Grille, Diaporama – Définissez la disposition de chaque section de l’index de galerie. Les dispositions Empilée et Scindée sont définies automatiquement selon le nombre, la taille et la marge intérieure des images de la galerie.
  • Espacement
  • Appliquer l’espacement sur les côtés
  • Appliquer l’espacement en haut/en bas
  • Utiliser une hauteur fixe – Définissez la hauteur (sections en diaporama uniquement)
  • Bordure en miroir en dessous de la première galerie  Ajoutez une marge intérieure en dessous des premières sections.
  • Valeur de proportion – Définissez la forme. Si vous réglez le pourcentage du curseur sur 100, les images seront carrées. Pour en savoir plus, référez-vous à nos conseils pour calculer la valeur de proportion en pourcentage.
  • Nombre max. d’éléments par ligne – Ajustement disponible pour Disposition : grille.
  • Largeur min. des éléments – Ajustement disponible pour Disposition : grille.
  • Style de l’effet de survol : Uni, Fondu
  • Superposition d’image – Définissez la superposition de couleur.

Personnalisez le style des sections Index de galerie lorsqu’elles sont définies sur Disposition : diaporama.

  • Commandes Suivant/Précédent : Aucune, Grandes flèches, Petites flèches – Ajoutez ou masquez les flèches de navigation qui s’affichent sur la galerie.
  • Décalage des commandes
  • Marge intérieure des commandes
  • Épaisseur des commandes : Trait fin, Léger, Moyen, Épais
  • Couleur des commandes
  • Couleur d’arrière-plan des commandes
  • Indicateurs : Aucun, Points, Ligne – Personnalisez les points ou les lignes qui indiquent le nombre d’images dans la galerie.
  • Décalage des indicateurs
  • Largeur de l’indicateur
  • Hauteur de l’indicateur
  • Espacement de l’indicateur
  • Couleur de l’indicateur
  • Couleur de l’indicateur (actif)
  • Lecture automatique – Indiquez si le diaporama doit afficher automatiquement les images les unes après les autres.
  • Durée de la lecture automatique (en secondes)
  • Transitions : Aucune, Fondu, Glissement, Carte – Définissez comment la galerie passe d’une image à la suivante.
  • Durée de la transition (en millisecondes)

Personnalisez le style des titres et des descriptions qui s’affichent sur les images de la galerie.

  • Position du contenu : En haut à gauche, En haut au centre, En haut à droite, Au milieu à gauche, Au milieu au centre, Au milieu à droite, En bas à gauche, En bas au centre, En bas à droite
  • Décalage contenu (haut)
  • Décalage contenu (droite)
  • Décalage contenu (bas)
  • Décalage contenu (gauche)
  • Largeur maximale du contenu
  • Marge intérieure du contenu
  • Alignement du texte du contenu : Gauche, Centre, Droite
  • Arrière-plan du contenu
  • Police du titre
  • Couleur du titre
  • Police du corps
  • Couleur du corps

Contenu

Polices du contenu

  • Corps de texte
  • Titre 1
  • Titre 2
  • Titre 3

Couleurs du contenu

Les ajustements avec la mention (superposition) définissent la couleur sur les bannières.

  • Corps de texte
  • Titre 1
  • Titre 2
  • Titre 3
  • Liens : affecte les liens dans le corps de texte.
  • Lignes
  • Corps de texte (superposition)
  • Titre 1 (superposition)
  • Titre 2 (superposition)
  • Titre 3 (superposition)
  • Lien (superposition) : affecte les liens dans le corps de texte.
  • Lignes (superposition)

Pied de page

  • Afficher le pied de page – Affichez ou masquez le pied de page sur toutes les pages
  • Disposition : Empilé, Colonnes
  • Colonnes à largeur automatique – Indiquez si la largeur des colonnes peut être définie manuellement. Utilisez les ajustements Largeur des sections Pied de page : Entreprise et Pied de page : Navigation pour définir les largeurs.
  • La marge intérieure
  • Alignement : Gauche, Centre, Droite
  • Couleur d'arrière-plan

Personnalisez le style de vos Informations sur l’entreprise.

  • Afficher les informations sur l’entreprise
  • Largeur des informations sur l’entreprise – S’affiche lorsque l’option Colonnes à largeur automatique est décochée
  • Police du nom
  • Couleur du nom
  • Police des Infos
  • Couleur des Infos
  • Afficher les heures d’ouverture
  • Largeur des heures d’ouverture – S’affiche lorsque l’option Colonnes à largeur automatique est décochée
  • Police du titre Horaires
  • Couleur du titre Horaires
  • Police des Horaires
  • Couleur des Horaires
  • Largeur de la colonne de navigation – S’affiche lorsque l’option Colonnes à largeur automatique est décochée
  • Police du titre de la navigation
  • Couleur du titre de la navigation
  • Police de la navigation
  • Couleur de la navigation
  • Corps de texte 
  • Titre 1 
  • Titre 2 
  • Titre 3 
  • Liens : affecte les liens dans le corps de texte.
  • Lignes

Mobile

Personnalisez l’affichage des éléments d’en-tête de votre site sur mobile.

Mobile

  • Point de coupure mobile – Choisissez la largeur du navigateur à partir de laquelle votre en-tête passe à l’affichage mobile. La valeur par défaut est de 640 pixels.

Mobile : Haut 

Pour ajouter une barre mobile supérieure, ajoutez un élément d’en-tête mobile (branding, icône de menu, icône de recherche, panier) dans une des positions Haut des sections ci-dessous.

  • Haut mobile fixe – Indiquez si la barre supérieure est ancrée en haut de la page ou si elle défile en même temps qu’elle. La barre inférieure est toujours fixe.
  • Arrière-plan supérieur – Définissez la couleur de la barre mobile située en haut.

Mobile : En bas 

Pour ajouter une barre mobile inférieure, ajoutez un élément d’en-tête mobile (branding, icône de menu, icône de recherche, panier) dans une des positions Bas des sections ci-dessous. Cette section n’apparaîtra pas si tous les éléments sont dans la barre supérieure.

  • Arrière-plan inférieur – Définissez la couleur de la barre mobile située en bas.

Mobile : Branding 

Personnalisez l’affichage du titre de votre site ou de votre logo sur mobile. 

  • Position : Masquer, En haut à gauche, En haut au centre, En haut à droite, En bas à gauche, En bas au centre, En bas à droite
  • Largeur du logo – Définissez la taille du logo.
  • Police – Définissez la police du titre du site. Afin d’assurer la cohésion de votre image de marque sur les différents appareils, utilisez la même police dans la section En-tête : branding.
  • Couleur – Définissez la couleur du titre du site.

Mobile : Icône de menu 

Personnalisez l’icône ☰.

  • Position de l’icône de menu Masquer, En haut à gauche, En haut au centre, En haut à droite, En bas à gauche, En bas au centre, En bas à droite – Choisissez de l’afficher dans la barre mobile supérieure ou inférieure.
  • Icône de menu : Hamburger, Deux lignes, Plus, Points horizontaux, Points verticaux, Carrés horizontaux, Carrés verticaux
  • Couleur de l’icône de menu – Changez de couleur.

Mobile : Icône de recherche 

Personnalisez l’icône de la barre de recherche.

  • Position : Masquer, En haut à gauche, En haut au centre, En haut à droite, En bas à gauche, En bas au centre, En bas à droite
  • Couleur

Mobile : Panier 

Personnalisez le panier qui s’affiche lorsque vous ajoutez une page Produits à votre site. Afin d’assurer la cohésion de votre image de marque sur les différents appareils, utilisez le même style que dans la section En-tête : Panier.

  • Position : Masquer, En haut à gauche, En haut au centre, En haut à droite, En bas à gauche, En bas au centre, En bas à droite
  • Style : Texte, Panier, Cabas – Sélectionnez le style du panier pour la version mobile.
  • Police – Définissez la police d’un panier Texte.
  • Couleur – Définissez la couleur de l’icône ou du texte.
  • Couleur de la quantité – Pour le style Panier, modifiez le cercle de la quantité.
  • Couleur du texte de la quantité

Mobile : Lien des comptes clients 

Si vous avez activé les comptes clients, vous pouvez personnaliser le lien Se connecter/Mon compte qui s’affiche sur les appareils mobiles.

  • Position : Masquer, En haut à gauche, En haut au centre, En haut à droite, En bas à gauche, En bas au centre, En bas à droite
  • StyleTexte ou Icône.
  • Police – Définissez la police du lien. Afin d’assurer la cohésion de votre image de marque sur les différents appareils, utilisez la même police dans la section En-tête : compte client.
  • Couleur – Définissez la couleur du lien.

Menu Mobile : Général

Personnalisez la superposition qui apparaît lorsque vous appuyez sur l’icône de menu sur un appareil mobile.

  • Côté : Gauche, Droite
  • Couleur de fond
  • Afficher le bouton Fermer
  • Couleur d’arrière-plan pour Fermer
  • Couleur de l’icône Fermer
  • Couleur du menu
  • Couleur de l’indicateur – Définissez la couleur de l’icône de développement/de réduction du dossier

Menu Mobile : Principal

  • Police
  • Couleur du texte
  • Convertir la navigation principale en boutons
  • Style du bouton : Gras, Contour, En relief – Les sous-pages de dossier ne s’affichent pas sous forme de boutons.
  • Forme du bouton : Carré, Arrondi, Pilule
  • Police
  • Couleur des boutons
  • Couleur du texte du bouton

Menu Mobile : Secondaire

  • Adopter les styles de la Nav Primaire — Décochez cette option pour que vous puissiez choisir un style de Navigation Secondaire différent de celui de la Navigation Primaire.
  • Police
  • Couleur du texte
  • Convertir la navigation secondaire en boutons
  • Style du bouton : Gras, Contour, En relief – Les sous-pages de dossier ne s’affichent pas sous forme de boutons.
  • Forme du bouton : Carré, Arrondi, Pilule
  • Police
  • Couleur des boutons
  • Couleur du texte du bouton

Bloc Citation

  • Alignement : Gauche, Centre, Droite
  • Police de la citation
  • Police de la source

Options de l’album

Ces ajustements apparaissent sur les pages Album.

  • Couleur du texte de l’album
  • Masquer le lien de partage de l’album

Blog

Ces ajustements apparaissent sur les pages Blog en grille/empilées.

Blog : Métadonnées 

Vous pouvez afficher jusqu’à deux éléments de métadonnées sur les pages Blog et sur les billets de blog.

  • Principal : Aucune, Catégorie, Auteur, Date, Localisation, Tags, Commentaires
  • Secondaire : Aucune, Catégorie, Auteur, Date, Localisation, Tags, Commentaires 

Blog : Liste 

  • Style : Grille, Empilé
  • Billets par ligne (max.)
  • Espacement
  • Afficher le séparateur – Ajoutez ou supprimez une ligne entre les billets empilés.
  • Largeur du séparateur 
  • Couleur du séparateur 
  • Alignement : Gauche, Centre, Droite
  • Espacement des éléments 
  • Afficher l’image
  • Valeur de proportion de l’image
  • Largeur maximale de l’image
  • Afficher le titre
  • Afficher l’extrait
  • Lien En savoir plus : Masquer, Inline, Sous l’extrait
  • Métadonnées : Au-dessus du titre, En dessous du titre, En dessous du contenu
  • Afficher l’intitulé de pagination
  • Afficher les flèches de pagination
  • Épaisseur des flèches de pagination : Trait fin, Léger, Moyen, Épais

Blog : Élément 

  • Alignement : Gauche, Centre, Droite
  • Espacement des éléments
  • Métadonnées : Au-dessus du titre, En dessous du titre
  • Icônes de partage : Au-dessus du contenu, En dessous du contenu
  • Afficher les flèches de pagination
  • Afficher l’intitulé de pagination
  • Afficher le titre de pagination
  • Métadonnées de pagination : Masquer, Catégorie, Auteur, Date, Localisation, Tags
  • Épaisseur des flèches de pagination : Trait fin, Léger, Moyen, Épais

Blog : Typographie et couleurs

  • Police du titre des listes
  • Police du titre des éléments
  • Couleur du titre
  • Police des métadonnées
  • Couleur des métadonnées
  • Police des extraits
  • Couleur des extraits
  • Police du lien Lire la suite
  • Couleur du lien Lire la suite
  • Police de l’étiquette Pagination
  • Couleur de l’étiquette Pagination
  • Couleur des flèches pagination

Événements

Ces ajustements apparaissent sur les pages Événements.

  • Désactiver les pages Éléments
  • Afficher les événements passés
  • Afficher les miniatures
  • Taille des miniatures
  • Afficher le tag de date
  • Afficher le tag de date avec l’heure
  • Afficher les catégories
  • Afficher la date
  • Afficher l’heure
  • Afficher la localisation
  • Afficher les liens d’exportation
  • Afficher les boutons sociaux
  • Afficher l’extrait
  • Afficher le bouton
  • Afficher le lien Retour
  • Heure au format 24 h
  • Vue empilée
  • Afficher les icônes

Styles de la galerie

Ces ajustements apparaissent sur les pages Galerie standard.

  • Design de la galerie – Définissez la disposition.
  • Valeur de proportion
  • Espacement de la grille
  • Largeur de colonne minimale
  • Style de l’effet lightbox : Sombre, Clair
  • Navigation galerie : Miniatures, Puces, Numéros, Cercles, Simple, Aucun
  • Superposition Infos galerie : Toujours afficher, Afficher en cas de survol, Masquer
  • Valeur de proportion de la galerie
  • Styles des flèches de la galerie : Coins arrondis, Rectangulaire, Circulaire, Sans arrière-plan
  • Transitions de la galerie : Fondu, Défilement
  • Afficher les flèches de la galerie
  • Recadrage automatique de la galerie
  • Lecture automatique de la galerie
  • Lecture en boucle de la galerie
  • Vitesse de lecture automatique de la galerie (en secondes)
  • Taille des miniatures de la galerie
  • Arrière-plan des flèches de la galerie
  • Couleur des flèches de la galerie
  • Couleur du cercle de la galerie
  • Arrière-plan de la section Informations de la galerie

Produits

Ces ajustements apparaissent sur les pages Produits avancées.

Produits : Disposition 

  • Éléments par ligne
  • Espacement des éléments
  • Valeur de proportion de l’image
  • Effet en cas de survol d’un élément : Afficher l’image de remplacement, Fondu, Aucun
  • Espacement
  • Marge intérieure supérieure
  • Affichage de la navigation : Fil d’Ariane uniquement, Pagination uniquement, Fil d’Ariane et pagination, Aucun
  • Style de pagination : Précédent/Suivant, Titres
  • Alignement de la navigation : Gauche, Centre, Droite, Divisé
  • Police de la navigation
  • Couleur de la navigation
  • Couleur du séparateur de navigation

Produits : Détails 

  • Position : Sous, Superposition
  • Position (mobile) : Sous, Superposition
  • Alignement – Options sous l’image : Centre, Gauche. Options pour la superposition : En haut à gauche, En haut au centre, En haut à droite, Centre-gauche, Centre-centre, Centre-droite, En bas à gauche, En bas au centre, En bas à droite.
  • Couleur de superposition
  • Marge intérieure de la superposition
  • Espacement
  • Afficher le titre
  • Police du titre
  • Couleur du titre
  • Couleur du titre (mobile)
  • Espacement du titre
  • Afficher le prix
  • Police des prix
  • Couleur des prix
  • Couleur des prix (mobile)
  • Couleur des prix promo
  • Couleur des prix promo (mobile)
  • Espacement des prix
  • Alignement : Gauche, Centre, Droite
  • Espacement
  • Afficher le titre
  • Police du titre
  • Couleur du titre
  • Afficher le prix
  • Police des prix
  • Couleur des prix
  • Couleur des prix promo
  • Afficher l’extrait
  • Position de l’extrait : Au-dessus du prix, En dessous du prix, En dessous du bouton Ajouter au panier
  • Police des extraits
  • Couleur des extraits
  • Couleur du lien Extrait
  • Afficher les boutons Partager

Produits : Trier + Filtrer 

  • Affichage : Masquer, Haut, Côté gauche, Côté droit
  • Largeur
  • Marge
  • Espacement des éléments
  • Alignement : Gauche, Centre, Droite
  • Police
  • Couleur
  • Couleur active

Produits : Galerie 

  • Position : Gauche, Droite
  • Design : Diaporama, Empilé
  • Largeur
  • Valeur de proportion
  • Alignement des miniatures : Gauche, Centre, Droite
  • Largeur des miniatures
  • Espacement des miniatures
  • Espacement

Produits : Options 

  • Afficher les variantes
  • Afficher la quantité
  • Style : Texte uniquement, Carré, Arrondi, Pilule
  • Couleur des bordures
  • Couleur d'arrière-plan
  • Police des étiquettes
  • Couleur des étiquettes
  • Police
  • Couleur du texte

Produits : Bouton Ajouter au panier

  • Afficher le bouton
  • Style : Gras, Contour, En relief
  • Forme : Carré, Arrondi, Pilule
  • Marge intérieure : Petit, Moyen, Grand
  • Couleur
  • Couleur du texte
  • Police

Produits : Zoom Image

  • Activer le zoom d’image
  • Facteur de zoom
  • Zoom actif sur : Survol, Clic
  • Activer Lightbox

Produits : produits associés

  • Éléments par ligne
  • Espacement des éléments
  • Valeur de proportion de l’image
  • Alignement des détails
  • Espacement du titre de l’élément

Produits : Badges d’état 

  • Style : Rectangle, Carré, Cercle, Aucun
  • Couleur Promo
  • Couleur Épuisé
  • Police
  • La marge intérieure
  • Position : En haut à gauche, En haut au centre, En haut à droite, Centre-gauche, Centre-centre, Centre-droite, En bas à gauche, En bas au centre, En bas à droite
  • Insertion : Flottant, Aligné, Ancrage vertical, Ancrage horizontal
  • Taille de l’insertion

Produits : Bouton Aperçu rapide

  • Style : Barre, Flottant, Ancré
  • Couleur
  • Police
  • La marge intérieure
  • Position : En haut, Au centre, En bas
  • Taille de l’insertion

Produits : Lightbox Aperçu rapide 

  • La marge intérieure
  • Couleur de superposition
  • Couleur d'arrière-plan
  • Affichage des extraits : Tronquer, Masquer
  • Commandes : Afficher les flèches
  • Commandes : Afficher le bouton Fermer
  • Couleur des commandes
  • Épaisseur des commandes : Trait fin, Léger, Moyen, Épais
  • Taille des commandes 

Boutons de partage

Ces ajustements apparaissent sur les billets de blog et sur les pages Informations sur le produit. Les types d’ajustements affichés dépendent de votre choix pour l’ajustement Style.

  • Style : Icône uniquement, Gras, Contour, En relief
  • Afficher les icônes
  • Afficher les libellés
  • Afficher le comptage
  • Arrondi
  • Taille
  • Espacement
  • Bordure : largeur
  • Bordure : couleur
  • Icônes : Couleur standard
  • Icônes : Couleur personnalisée
  • Arrière-plan : couleur standard
  • Arrière-plan : couleur personnalisée
  • Étiquette : police
  • Étiquette : couleur

Pages de couverture

Les pages de couverture possèdent leur propre style (indépendant du template du site). Pour en savoir plus, consultez l’article Personnaliser le style d’une page de couverture.

Block tweaks

Les ajustements de certains blocs sont également affichés dans le panneau Styles du site. Pour en savoir plus sur les options de style, consultez l’article Ajouter du contenu à l’aide des blocs et cliquez sur le nom du bloc souhaité.

Certains blocs proposent une fonction d’insertion de contenu.

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 9 sur 41
Ajustements du panneau Styles du site pour Brine