Δωρεάν πρόσθετο για το πνεύμα των Χριστουγέννων

[01generator]

Καλημέρα και καλές γιορτές σε όλους.

Έφτιαξα ένα πρόσθετο για να ντύσετε τα καταστήματα σας λίγο χειμωνιάτικα. 

Χιόνια χιόνα στο prestashop! 

Εδώ θα βρείτε το πρόσθετο https://github.com/01generator/winteriscoming 

Για PS 1.6.X to 1.7.X μπορεί και 1.5 δεν είμαι σίγουρος. 

Demo θα βρείτε! εδώ

Enjoy!

[ACSS001]

Νικόλαε καλησπέρα,

Καταπληκτικό το moduleακι και πολύ επίκαιρο. Δουλεύει άψογα σε 1.7.2.0 & 1.7.4.1.

Ενα μικρό θεματάκι (config.xml) λύνεται εύκολα με την προσθήκη από αλλού.

 

Ευχαριστώ πολύ.

Edited December 14, 2018 by ACSS001
Προσθήκη (see edit history)

[helpdeskED]

χαχα, ωραίο, στο μυαλό μου ήσουν! Συμπτωματικά το πέρασα τον ίδιο κώδικα (δανεικό, αλλού πάνε τα credits) με ftp σε footer,  έχω άλλο ένα παρόμοιο script, αν βρω χρόνο θα το ανεβάσω. Συγχαρητήρια κ μπράβο για τον χρόνο που αφιέρωσες!!!

[panoskou]

Καλησπέρα ενώ το βάζω μέσω ftp δεν εμφανίζεται το module στο διαχειριστικό. Έκδοση 1.6

[01generator]

12 hours ago, panoskou said:

Καλησπέρα ενώ το βάζω μέσω ftp δεν εμφανίζεται το module στο διαχειριστικό. Έκδοση 1.6

Μέσο FTP θα ανεβάσεις τον φάκελο winteriscoming στον φάκελο modules. 

[panoskou]

Το δοκίμασα αλλά και πάλι δεν το βλέπω...

[helpdeskED]

Αυτό που έκανα εγώ είναι να προσθέσω στο /httpdocs/themes/themeΧΧΧΧΧ/footer.tpl τα ακόλουθα...

[ themeΧΧΧΧΧ = το θέμα που χρησιμοποιείτε, πχ. theme1234 ]

    <!-- =============================== ED start ============================== -->
    <style>
        .snow-container {
          position: absolute;
          height: 100%;
          width: 100%;
          max-width: 100%;
          top: 0;
          overflow: hidden;
          z-index: 2;
          pointer-events: none;
          background-color: none;
          text-shadow: 2px 2px 4px #000000;
        }

        .snow {
          display: block;
          position: absolute;
          z-index: 2;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          pointer-events: none;
          -webkit-transform: translate3d(0, -100%, 0);
                  transform: translate3d(0, -100%, 0);
          -webkit-animation: snow linear infinite;
                  animation: snow linear infinite;
        }
        .snow.foreground {
          background-image: url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png");
          -webkit-animation-duration: 15s;
                  animation-duration: 15s;
        }
        .snow.foreground.layered {
          -webkit-animation-delay: 7.5s;
                  animation-delay: 7.5s;
        }
        .snow.middleground {
          background-image: image-url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png");
          -webkit-animation-duration: 20s;
                  animation-duration: 20s;
        }
        .snow.middleground.layered {
          -webkit-animation-delay: 10s;
                  animation-delay: 10s;
        }
        .snow.background {
          background-image: image-url("https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png");
          -webkit-animation-duration: 30s;
                  animation-duration: 30s;
        }
        .snow.background.layered {
          -webkit-animation-delay: 15s;
                  animation-delay: 15s;
        }

        @-webkit-keyframes snow {
          0% {
            -webkit-transform: translate3d(0, -100%, 0);
                    transform: translate3d(0, -100%, 0);
          }
          100% {
            -webkit-transform: translate3d(15%, 100%, 0);
                    transform: translate3d(15%, 100%, 0);
          }
        }

        @keyframes snow {
          0% {
            -webkit-transform: translate3d(0, -100%, 0);
                    transform: translate3d(0, -100%, 0);
          }
          100% {
            -webkit-transform: translate3d(15%, 100%, 0);
                    transform: translate3d(15%, 100%, 0);
          }
        }

        </style>

        <div class="snow-container">
          <div class="snow foreground"></div>
          <div class="snow foreground layered"></div>
          <div class="snow middleground"></div>
          <div class="snow middleground layered"></div>
          <div class="snow background"></div>
          <div class="snow background layered"></div>
        </div>
    <!-- =============================== ED end ============================== -->

 

το αποτέλεσμα είναι περίπου το ίδιο 😉

Edited December 18, 2018 by helpdeskED (see edit history)