Nous allons voir dans ce tutoriel comment décorer son site Shopify pour Noël et les fêtes de fin d’année !

Le script va simuler un effet de neige qui tombe en continu, ainsi vos clients se sentiront joyeux et enclin à effectuer un achat de Noël.

Ce code est léger et développé spécialement pour décorer son site Shopify pour Noël afin d’apporter un peu de joie sur votre boutique.

Comment l’installer ?

Rendez-vous dans online store (boutique en ligne) – cliquez sur le bouton Actions – Edit code (modifier code).

Trouvez le dossier Layout – Ouvrez le fichier theme.liquid et repérez la zone de fermeture du head le </head> – Il vous suffit de coller le code suivant juste avant cette balise donc une ligne avant !

<script type="text/javascript" src="//dgeodev.com/codes/snoweffect.js"></script>

Il ne vous reste plus qu’à cliquer sur save (enregistrer) et de profiter de ce joli spectacle en vous souhaitant de joyeuses fêtes de fin d’année 🙂

Merci de me laisser une petite note 😉
[Note moyenne de: 4.9 sur 8 votes]

🤗 Vous souhaitez m'encourager à continuer mes Tutos ?

Cliquez sur le bouton ci-dessous pour me laisser un petit pourboire 😉

Payer un coup à Dgeo Dev

Cet article a 29 commentaires

  1. Bonjour et merci pour ce tuto.
    Comment faire si on veut cette effet juste sur la page d’accueil et pas sur les pages produits ?

    1. Bonjour, il faut faire une condition sinon essaie de coller le code dans templates – index.liquid si tu l’as

  2. Salut à toi.
    J’ai testé le code sur le thème Début et ça fonctionne très bien.
    Merci beaucoup.

  3. Merci beaucoup! ca marche sur Supply. j’ai bien noté les lignes de codes pour modifier après les fêtes. super top votre site. tout à marche pour moi, sauf le panier vibrant.

  4. Bonjour,

    Merci pour tous ces tutos et ton travail de qualité!

    « An error prevented theme.liquid from being saved »

    Voici le message qui s’affiche lorsque je veux enregistrer le bout de code.
    Et ce n’est pas la première fois.
    Tu saurais me dire pourquoi?

    1. Hello, merci pour le message 🙂 Non ca me dit rien, tu as bien copiez/collez le code complet ?

      1. Oui j’utilise Ctrl+C puis Ctrl+V

        Je viens de ré-essayer et ça a marché!!! Le rendu est magnifique, encore merci pour tout ce contenu de qualité.
        Et bonne continuation 🙂

      2. Il me semblait avoir répondu, je n’ai pas dû poster.

        Tout fonctionne finalement, c’est magnifique ces flocons de neige sur le site.

        Merci beaucoup!

  5. Ca fonctionne sur Venture! Merci beaucoup!

  6. SUPER !! des autos géniaux. Merci !

    1. Merci pour le commentaire 😉

  7. Hello, si tu as déjà mis un code à cet endroit comme un checkout x par exemple.

  8. bonsoir, comment le mettre seulement dans la barre du header

    1. Hello, ce n’est pas possible avec ce code navré. C’est possible mais cela demande une adaptation et un code sur mesure sur votre site 🙂

  9. Excellent!! Merci

  10. C’est génial, mais je trouve qu’il y a trop de neige et qu’elle tombe trop vite. Y a-t-il un moyen de paramétrer cela ?

    1. Hello, merci pour le message. oui c’est possible mais ca demande pas mal de codage 🙁

      1. OK. Tant pis, c’est déjà bien comme ça. 🙂

  11. Merci, c’est exactement ce que je voulais sans jamais penser pouvoir le faire, t’es un as !

    1. Hello, Super ravi d’avoir pu vous aider 🙂 Bonne soirée.

  12. Salut Dgeo, tu est un bon, merci pour ce bout de code. You are the best. longue vie au web !

    1. Hello, merci c’est sympa 😉 bonne réussite !

  13. Merci fonctionne très bien !

    Peut-on rajouter la possibilité pour le client de pouvoir activer/désactiver le script ?

    Merci d’avance,et super tes autres tutos,continue comme ça 🙂

  14. Hello comment fait-on pour mettre des effets sur les images ou le texte (fondue,…) ?
    Je cherche partout un tuto et impossible de trouver !
    Sa pourrez vachement m’aider et faire un site plus pro et clean pour tous le monde !
    Merci

    1. Hello et merci pour le message. alors c’est dans les idées de tutos mais cela reste assez technique et assez complexe selon les thèmes. Je remets l’idée sur le tapis mais je ne promets rien 😉

  15. Bonjour DGEO,
    Serait-il possible de faire tomber des étoiles, des gouttes d’eau ou bien des cœurs à la place des flocons ?
    Je te remercie d’avance !

    1. Hello, c’est potentiellement possible mais pas avec ce script 😉

Laisser un commentaire

Fermer le menu

formation seo gratuite shopify

Une formation Gratuite SEO sur Shopify ça te tente ?

Alors abonne-toi à la chaine et active la cloche pour ne pas louper l'arrivée des prochains modules !

Commencer la formation