Schneegestöber für Ihren Magento-Shop

Aufgrund einiger Anfragen, haben wir uns doch dazu entschlossen eine Schnee-Script für Magento vorzustellen. Wir zeigen Ihnen eine Lösung, mit welcher Sie innerhalb 5 Minuten ein Schnegestöber in Ihren Magento-Shop zaubern können.

Als Basis muss jQuery-Base installiert sein. Über die Backend-Einstellungen von jQuery-Base können wir das verwendete jQuery-Script jSnow einbinden.

Umsetzung

1. jQuery-Script jSnow

Downloaden Sie sich jquery.snow.js und kopieren Sie das Script in das Verzeichnis skin/frontend/default/[Ihr Theme]/js Ihres Webservers.

2. Einbinden der Javascript-Datei jquery.snow.js

Tragen Sie im Backend von magento, unter System -> Konfiguration -> JQUERY LIBRARIES -> jQuery im Bereich Javascript-Files jquery.snow.js ein.

3. Aktivieren des Schneegestöbers

Tragen Sie im Backend von magento, unter System -> Konfiguration -> JQUERY LIBRARIES -> jQuery im Bereich Script1 oder Script2 folgenden Javascript-Code.

jQuery(function() {
  jQuery().jSnow( {
    flakes: 50,
    flakeCode:["•","*",'.'],
    flakeColor:["red"],
    flakeMaxSize: 30,
    flakeminSize: 12,
    fallingSpeedMax: 6,
    fallingSpeedMin: 1,
    zIndex: 1000,
   interval: 20

  });
});

Parameter:

Zu sehen ist das auf www.demo-store.de. Zur Anschauung haben wir hier den Schnee in der Farbe rot definiert.
Nun wünsche ich viel Spaß beim Experimentieren mit den Einstellungsparametern.

Viele Grüße
Johannes Teitge

Ein Kommentar to “Schneegestöber für Ihren Magento-Shop”

1. Tweets die Schneegestöber für Ihren Magento-Shop | Magento Experts erwähnt -- Topsy.com sagt:

   23. Dezember 2009 um 03:39

   [...] Dieser Eintrag wurde auf Twitter von webshopnews, mxperts.de erwähnt. mxperts.de sagte: Neues Tutorial: Schneegestöber für Ihren Magento-Shop. http://www.mxperts.de/schneegestober-fur-ihren-magento-shop/ - LG Daniel [...]

   Zum Antworten anmelden