Section préchargeur

Ce que vous apprendrez

  • Comment activer un écran de chargement personnalisé avant le chargement de votre site

  • Comment personnaliser l’arrière-plan, le logo et le texte

  • Comment définir la durée d’affichage

🧩 Aperçu de la section

Le préchargeur ajoute un écran de chargement en plein écran qui apparaît brièvement lorsque les visiteurs arrivent sur votre boutique. Cela est utile pour améliorer la présentation de la marque et créer une expérience utilisateur plus soignée pendant le chargement initial de la page.

Vous pouvez afficher soit du texte, soit une image (comme un logo) avec des couleurs d’arrière-plan et un timing personnalisés.

Comment activer le préchargeur

  1. Dans le Éditeur de thème Shopify, ouvrez le Paramètres du thème

  2. Localisez et développez le Préchargeur panneau

  3. Activez le Type de logo du préchargeur (choisir entre Texte ou Image)

Paramètres du préchargeur

Type de logo du préchargeur

  • Texte : Affiche un nom de marque ou de thème

  • Image : Utilisez votre logo ou un visuel animé

Texte du préchargeur

  • Ajoutez un court titre (par ex. « Plain Jane 3.0 »)

  • Personnaliser le Couleur du texte

  • Ajuster Taille du texte à l’aide du curseur

💡 Astuce : Utilisez des polices en gras ou de grande taille pour un impact visuel accru

Image du préchargeur

  • Téléchargez une image statique ou animée (comme un .GIF ou .webp)

Couleur d’arrière-plan

  • Définissez la couleur d’arrière-plan de l’écran de préchargement

Durée du préchargeur

  • Contrôle la durée d’affichage de l’écran (en secondes)

  • Par défaut 1 seconde ; augmentez pour des effets d’animation de chargement plus longs

Exemples d’utilisation

  • Affichez votre animation de logo avant l’ouverture de la boutique

  • Faites correspondre le arrière-plan du préchargeur avec votre section Hero pour une transition fluide

  • Utilisez un texte de marque tel que : « Chargement de la collection… » ou « Propulsé par Plain Jane »

⚠️ Gardez les durées courtes (1–3 secondes) pour éviter de ralentir l’accès des utilisateurs

Conseils de style

  • Faites correspondre le couleurs du préchargeur à votre palette de marque

  • Gardez le texte minimal pour un aspect épuré

  • Utilisez un arrière-plan transparent ou blanc pour une sensation légère

Une fois les comptes hérités activés, utilisez les pages de documentation de cette section pour styliser chaque partie de l'expérience client.

PrécédentSection MarqueeSuivantSection Carrousel de produits

Mis à jour