Mógłby napisać Ho Ho Ho ale Mikołajem nie jestem nawet z imienia więc nie ma co się podszywać. Dla wszystkich wiernych czytelników i oczywiście tych całkiem nowych przygotowaliśmy koszyk prezentów. Mamy dla was zestaw graficznych elementów które, mam nadzieję pomogą przyozdobić wasze sklepy na Święta.
Wszystkie prezentowane tu pliki są całkowicie darmowe i możecie je zamieszczać w waszych sklepach. Prosiłbym jednak by nie redystrybuować ich dalej.
Poza plikami graficznymi przygotowałem dodatkowy prezent w postaci efektu padającego śniegu! Tak jest, od dziś możecie mieć białe święta w waszych sklepach.
Poradnik odnośnie animacji śniegu jak zwykle przygotowałem do pracy z oprogramowaniem Shoper oraz Clickshop.
Na początku zamieszczam plik z elementami graficznymi:
Powyższy plik jest przygotowany bez tła tak byście mogli wyciąć poszczególne elementy. Ze względu na ilość wszystkich elementów przygotowałem paczkę w formacie zip która możecie otrzymać na adres mailowy. Jak dostać taką paczkę opisuję trochę niżej.
Kolejne elementy do wykorzystania w sklepach (lub na stronach) to banery:
Wszystkie pliki umieszczone na blogu mają formaty jpg lub png i możecie je skopiować np klikając prawym przyciskiem myszy i zapisując u siebie na dysku.
Jeżeli jednak wasze potrzeby są trochę większe możecie otrzymać od nas paczkę z wszystkimi plikami wraz z plikami źródłowymi w formacie .ai oraz .psd (czyli formatami które otworzycie w programach Adobe Ilustrator lub Adobe Photoshop). Pliki źródłowe posiadają warstwy dzięki którym możecie w łatwy sposób wymienić różne elementy, dodać własne napisy itp.
Paczka Świąteczna od SzablonSklep otwiera specjalnie przygotowany program newslettera dla czytelników bloga. Jeżeli jesteście zainteresowani otrzymywaniem od nas raz na jakiś czas różnego rodzaju prezentów graficznych wystarczy że wpiszecie adres email do pola Newsletter znajdującego się z prawej strony 🙂
Co najważniejsze!!! Nie rozsyłamy SPAMU!!! Jedyne co zamierzamy przesyłać to paczki z prezentami graficznymi lub ważne informacje związane z tematyką ecommerce (nie częściej jednak niż raz w miesiącu gdyż niestety nie dysponujemy aż tak dużą ilością wolnego czasu a przygotowanie takich materiałów niestety sporo go pochłania).
Przejdźmy zatem do wisienki na tym torcie czyli skryptu który sprawi że wasza strona ożyje… no prawie. Skrypt generuje płatki śniegu co możecie zobaczyć na przykładowym banerze który umieściłem na sklep.szablonsklep.pl.
Poradnik będzie zwięzły ponieważ zbytnio rozpisałem się o innych rzeczach, opisuje tu jak stworzyć baner podobny do tego który przedstawiłem w przykładzie, do jego stworzenia użyłem jeden z plików graficznych które możecie tu pobrać (na ciemniejszym ładniej widać śnieg) 🙂
Krok 1 – pobierz kod JavaScript (kod nie jest mojej produkcji, znalazłem go w sieci i przystosowałem do współpracy z Shoper) klikając na pobierz.
Wklej go w dziale zarządzania szablonem graficznym (Konfiguracja/Wygląd) do zakładki „Własny kod JS”
Krok 2 – przejdź na zakładkę „Moduły” i dodaj nowy moduł. Do modułu wstaw plik graficzny, zapisz moduł ale nie zamykaj go jeszcze gdyż musisz do niego dodać mały skrypt uruchamiający animację.
Krok 3 – wyłącz edytor HTML tak by zobaczyć kod (kliknij na przycisk „wyłącz edytor” w prawym górnym rogu), powinieneś widzieć kod wyświetlający zdjęcie coś podobnego do tego
<p><img title=”wesołych” src=”/public/assets/b_sw3.jpg” alt=”wesołych” /><p>
Na początku musicie dodać nazwę id=”mysnow” oraz zmienić p na div. Tak by osiągnąć coś takiego:
<div id=”mysnow”><img title=”wesołych” src=”/public/assets/b_sw3.jpg” alt=”wesołych” /></div>
Następnie wklejcie na początku kod uruchamiający aplikację (możecie go pobrać tu: pobierz)
<script type="text/javascript">// <![CDATA[
document.addEvent('domready', function() {
var getSnow = new mooSnow({
container: $("mysnow")
});
});
// ]]></script>
Teraz wystarczy, że zapiszesz moduł i umieścisz go tam gdzie ma się wyświetlać