Le pied de page avec 5 layouts, blocs personnalisables (menu, newsletter, marque, réseaux sociaux, badges), effets reveal et options de bas de page.
Footer
Le footer de Scale Theme est un composant riche et flexible qui se decline en 5 layouts différents. Il combine des blocs modulaires (menus, newsletter, informations de marque, réseaux sociaux) avec des options avancees comme l'effet reveal, les coins arrondis et le style du bas de page.
Layouts du footer
5 layouts sont disponibles pour adapter le footer à l'identité visuelle de votre boutique :
| Layout | Description | Idéal pour |
|---|---|---|
| Colonnes (défaut) | Blocs repartis en colonnes classiques | La plupart des boutiques |
| Split | Image d'un côté, contenu de l'autre | Storytelling, marques lifestyle |
| Stacked | Newsletter en vedette au-dessus des colonnes | Focus sur l'acquisition email |
| Centered | Logo et menu centres, look minimaliste | Boutiques mono-produit, luxe |
| Magazine | Image de fond plein écran avec overlay | Sites editoriaux, mode, art |
Colonnes
Le layout classique. Les blocs sont repartis en colonnes sur desktop et empilés sur mobile.
| Setting | Options | Défaut |
|---|---|---|
| Nombre de colonnes | 2 - 4 | 4 |
| Centrer le contenu | Oui / Non | Non |
Split
Le footer est divise en deux zones : une image (ou couleur) d'un côté, et le contenu (blocs) de l'autre.
| Setting | Options | Défaut |
|---|---|---|
| Image | Image picker | - |
| Position de l'image | Gauche / Droite | Gauche |
| Palette couleur media | Palette de couleurs | Accent 1 |
| Newsletter sur l'image | Oui / Non | Oui |
| Full bleed | Oui / Non | Oui |
Stacked
La newsletter est mise en avant dans une section large au-dessus des colonnes de blocs.
| Setting | Options | Défaut |
|---|---|---|
| Titre newsletter | Texte | "Stay in the loop" |
| Texte newsletter | Texte long | "Subscribe to our newsletter..." |
| Nombre de colonnes | 2 - 4 | 4 |
Centered
Un footer minimaliste avec logo, menu horizontal et informations centrees. Parfait pour les boutiques au design épuré.
| Setting | Options | Défaut |
|---|---|---|
| Afficher le logo | Oui / Non | Oui |
| Image du logo | Image picker | - |
| Largeur du logo | 50 - 200px | 120px |
| Menu horizontal | Oui / Non | Oui |
Magazine
Un footer avec une image de fond plein écran et un overlay sombre pour la lisibilité. Idéal pour un rendu editoriel et immersif.
| Setting | Options | Défaut |
|---|---|---|
| Image de fond | Image picker | - |
| Opacite de l'overlay | 0% - 100% | 70% |
| Nombre de colonnes | 2 - 4 | 4 |
Coins arrondis
Disponible pour les layouts Magazine et Split, les coins arrondis ajoutent un effet moderne au footer :
| Setting | Options | Défaut |
|---|---|---|
| Border radius | Aucun / Petit / Moyen / Grand / Tres grand | Aucun |
Effet Reveal (Defilement)
L'effet reveal fait apparaître le footer de manière progressive quand l'utilisateur atteint le bas de la page. Le contenu principal semble "glisser" par-dessus le footer qui est fixe en arrière-plan.
| Setting | Options | Défaut |
|---|---|---|
| Activer le reveal | Oui / Non | Non |
Blocs du footer
Le footer supporte jusqu'à 10 blocs que vous pouvez combiner librement :
Image / Logo
Affiche un logo ou une image avec un texte descriptif en dessous.
| Setting | Options | Défaut |
|---|---|---|
| Image | Image picker | - |
| Largeur de l'image | 50 - 550px | 200px |
| Alignement | Gauche / Centre / Droite | Gauche |
| Texte | Richtext | Texte descriptif par défaut |
Menu (liens)
Affiche une liste de liens issue d'un menu Shopify.
| Setting | Options | Défaut |
|---|---|---|
| Titre | Texte | "Quick Links" |
| Menu | Menu Shopify | "footer" |
Informations de marque
Affiche les coordonnees de contact de votre entreprise. Limite a 1 bloc par footer.
| Setting | Options | Défaut |
|---|---|---|
| Titre | Texte | "Contactez-nous" |
| Description | Richtext inline | Texte de présentation |
| Afficher l'email | Oui / Non | Oui |
| Email personnalisé | Texte | Email de la boutique |
| Afficher le telephone | Oui / Non | Oui |
| Telephone personnalisé | Texte | Telephone de la boutique |
| Afficher l'adresse | Oui / Non | Oui |
| Adresse personnalisée | Texte | Adresse de la boutique |
Newsletter
Formulaire d'inscription à la newsletter avec titre et texte optionnels. Limite a 1 bloc par footer.
| Setting | Options | Défaut |
|---|---|---|
| Titre | Texte | "Subscribe" |
| Description | Richtext inline | Texte d'accroche |
| Texte du bouton | Texte | "Subscribe" |
Réseaux sociaux
Affiche les icônes de vos réseaux sociaux. Limite a 1 bloc par footer. Les liens sont configurés dans les settings globaux du thème (Réseaux sociaux).
| Setting | Options | Défaut |
|---|---|---|
| Titre | Texte | "Follow us" |
Trust Badges
Affiche des badges de confiance (méthodes de paiement, certifications). Limite a 1 bloc par footer.
| Setting | Options | Défaut |
|---|---|---|
| Titre | Texte | "We accept" |
| Afficher badges de paiement | Oui / Non | Oui |
| Image personnalisée 1 | Image | - |
| Image personnalisée 2 | Image | - |
| Largeur des images | 50 - 400px | 200px |
Custom Liquid
Permet d'ajouter du code Liquid personnalisé dans le footer. Utile pour des integrations tierces, des widgets ou du contenu spécifique.
App
Bloc reserve aux applications Shopify qui s'integrent au footer.
Bas de page (Footer Bottom)
La zone inférieure du footer contient le copyright, les liens de politique et les icônes de paiement.
| Setting | Options | Défaut |
|---|---|---|
| Activer le bas de page | Oui / Non | Oui |
| Style | Separe / Integre / Minimal / Flottant | Separe |
| Bordure | Aucune / Fine / Moyenne / Epaisse | Fine |
| Copyright | Oui / Non | Oui |
| Liens de politique | Oui / Non | Oui |
| Réseaux sociaux | Oui / Non | Oui |
| Icônes de paiement | Oui / Non | Oui |
Styles du bas de page
| Style | Description |
|---|---|
| Separe | Section distincte avec bordure supérieure |
| Integre | Fusionne visuellement avec le corps du footer |
| Minimal | Version compacte avec le strict minimum |
| Flottant | Effet de carte flottante avec ombre |
Menu accordion (mobile)
| Setting | Options | Défaut |
|---|---|---|
| Menu accordion | Oui / Non | Oui |
Sur mobile, les blocs de menu peuvent se replier en accordeons pour économiser l'espace vertical. Le titre du bloc sert de déclencheur, et les liens se deplient au tap.
Follow on Shop
| Setting | Options | Défaut |
|---|---|---|
| Activer Follow on Shop | Oui / Non | Non |
Integre le bouton "Follow on Shop" de l'application Shop de Shopify, permettant aux clients de suivre votre boutique et de recevoir des notifications de nouvelles collections.
Localisation
| Setting | Options | Défaut |
|---|---|---|
| Activer la localisation | Oui / Non | Oui |
Affiche le sélecteur de langue et/ou de pays dans le footer. Utilise les mêmes paramètres de marches que ceux configurés dans l'admin Shopify.
Palette de couleurs et espacement
| Setting | Options | Défaut |
|---|---|---|
| Palette de couleurs | Toutes les palettes du thème | Background |
| Largeur du conteneur | Etroit / Normal / Full padded / Full | Normal |
| Padding top | Range | Variable |
| Padding bottom | Range | Variable |
Bonnes pratiques
- Menus structures : Créez 2-3 menus distincts pour le footer (A propos, Aide, Legal) plutôt qu'un seul menu long
- Newsletter incentivee : Ajoutez une offre ("10% de réduction") pour augmenter le taux d'inscription
- Trust badges : Affichez les méthodes de paiement pour rassurer, surtout si vous vendez à l'international
- Reveal : Testez l'effet sur plusieurs pages avant de le publier, notamment sur les pages courtes
- Layout adapte : Choisissez le layout en fonction de la quantité de contenu. Peu de contenu ? Centered. Beaucoup de liens ? Colonnes
Résumé des settings
| Catégorie | Setting | Options | Défaut |
|---|---|---|---|
| Layout | Layout | Colonnes / Split / Stacked / Centered / Magazine | Colonnes |
| Layout | Nombre de colonnes | 2 - 4 | 4 |
| Apparence | Border radius | Aucun / Petit / Moyen / Grand / Tres grand | Aucun |
| Apparence | Palette de couleurs | Toutes | Background |
| Effet | Footer reveal | Oui / Non | Non |
| Bas de page | Activer | Oui / Non | Oui |
| Bas de page | Style | Separe / Integre / Minimal / Flottant | Separe |
| Bas de page | Copyright | Oui / Non | Oui |
| Bas de page | Liens de politique | Oui / Non | Oui |
| Bas de page | Icônes de paiement | Oui / Non | Oui |
| Mobile | Menu accordion | Oui / Non | Oui |
| Localisation | Activer | Oui / Non | Oui |
Prochaines étapes
- **Header** — Configurez le header avec vos menus de navigation principaux
- **Barre d'annonce** — Ajoutez un bandeau promotionnel au-dessus du header
- **Newsletter** — Explorez les options de la section newsletter autonome
- **Réseaux sociaux** — Configurez les liens vers vos réseaux sociaux affichés dans le footer