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: 5 sur 5 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 24 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 🙂

Laisser un commentaire

Fermer le menu
×
×

Panier

Envie de Protéger le contenu de ton site ?

Speedecom te propose l'Application Shopify Speed Defender !
Elle va te permettre de protéger ton site des copieurs et protéger tes contenus, tes médias et même empêcher les raccourcis claviers et l'affichage du code source ;) !

N'hésite pas à la tester elle est Gratuite pendant 3 jours

Tester Speed Defender

Envie de Booster ton taux de conversion ?

Speedecom a créé une nouvelle Application Shopify qui devrait te plaire !
Elle va te permettre de créer des Bundles en direct checkout !
N'hésite pas à la tester elle est Gratuite pendant 7 jours

Tester Speed Bundle

Besoin d'un developpeur ?

Si tu as un besoin particulier sur ta boutique,
n'hésite pas à me contacter et à regarder mes prestations !

Consulter mes prestations