Galeria

Z Tradoro

Aby umieścić na stronie głównej galerie typu slider należy przekopiować odpowiedni kod do poszczególnych elementów w panelu administracyjnym. Pierwszym elementem jest umieszczenie w Ustawienia > Dodatkowe skrypty i kod w dziale Kod w nagłówku (HEAD) strony następujący kod:

 <link rel="stylesheet" href="/css/plugins/nivo-slider.css" type="text/css" media="screen"/>
 <script type="text/javascript" src="/js/plugins/jquerynivosliderpack.js"></script>

Oraz w stopce:

  <script type="text/javascript">
    $(window).load(function() {
        $('.sliderStarter').nivoSlider();
    });
    </script>

Następnie przechodzimy do Wygląd > Strona Główna > Widżety i tworzymy nowy widget typu Wklej kod. Po kliknięciu na edytuj wklejamy następujący kod:

 <div class="slider-wrapper theme-default">
  <div class="ribbon"></div>
  <div class="sliderStarter nivoSlider">
    <img src="http://static1.tradoro.pl/4980/Galeria/sweet1.jpg" />
    <img src="http://static1.tradoro.pl/4980/Galeria/sweet2.jpg" />
    <img src="http://static1.tradoro.pl/4980/Galeria/sweet3.jpg" />
    <img src="http://static1.tradoro.pl/4980/Galeria/sweet4.jpg" />
  </div>
 </div>

Aby dodać zdjęcia tworzymy osobny folder w dziale Pliki. Linki do zdjęć uzyskujemy po przez kliknięcie na wgranym zdjęciu w symbol oka.

Uwaga
Stworzona galeria najlepiej wygląda gdy wszystkie zdjęcia są tych samych rozmiarów i ich wymiary nie przekraczają 618x246 px.

Przykładowy sklep z opisywanym widgetem

Tradoro - strona główna
Pliki do pobrania
Kanał YouTube