Nous allons voir dans ce tutoriel comment créer une icône de pré-chargement du site afin de faire patienter vos visiteurs. Ce système va calculer le poid total de votre page et afficher un petit loader animé afin de faire clairement comprendre à vos visiteurs que le site va bientôt arriver :p
Installation des codes
L’installation des codes va se passer en 3 parties:
CSS, la mise en forme,
Javascript, le fonctionnement,
Html, l’affichage.
Partie CSS
Rendez-vous dans Boutique en Ligne – Actions – Modifier le code et trouvez le dossier Assets.
Repérez un fichier .css, .css.liquid ou .scss, scss.liquid ! généralement theme, style ou timber.
Une fois le fichier trouvez mettez-vous tout en bas et copiez/collez le code ci-dessous:
Tu apportes tellement de valeur mec… Vraiment merci pour ton contenu continues à toi ! Je te vois souvent sur le forum français, moi je suis plus sur le forum américain que Français je trouve le niveau assez bas en France mention spéciale à ketankumar lol
fabien
19 Mar 2021salut et merci
Oups! le loader tourne mais ne disparait pas (page bloqué)
je suis sur theme debut
Dgeo Dev
22 Mar 2021Hello, dans ce cas Il doit y avoir un conflit js… Je conseille de retirer le code du tuto
Nico
21 Mar 2021Tu apportes tellement de valeur mec… Vraiment merci pour ton contenu continues à toi ! Je te vois souvent sur le forum français, moi je suis plus sur le forum américain que Français je trouve le niveau assez bas en France mention spéciale à ketankumar lol
Dgeo Dev
22 Mar 2021Hello et merci pour le com c’est sympa 😉 Oui en france y a quasiment rien 🙁