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
🧩 Présentation 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) ainsi que des couleurs d’arrière-plan et des durées personnalisées.
Comment activer le préchargeur
Dans le éditeur de thème Shopify, ouvrez le Paramètres du thème
Repérez et développez le Préchargeur panneau
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 »)
Personnalisez 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 du préchargeur
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 fond du préchargeur avec votre section Hero pour une transition fluide
Utilisez du texte de marque comme : « 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 rendu épuré
Utilisez un fond transparent ou blanc pour une sensation de légèreté
Besoin d’aide ?
💬 Rejoignez notre communauté sur Discord : https://discord.gg/hcc2GvgZc6
📧 Envoyez-nous un e-mail à : [email protected]
💻 Discutez en direct avec nous : Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web
Mis à jour