Shoper ? slajder produktów na stronie głównej – aktualizacja

Po ostatniej aktualizacji oprogramowania Shoper zmianie uległ kod javascript zarządzający funkcjami slajdera produktów. Wszystkich którzy zastosowali moją propozycje zmian w modułach umożliwiającą wyświetlanie więcej niż jednego produktu w rzędzie proszę o pobranie i podmianę kodu zarządzającą funkcją.

Błąd powstał gdyż w ostatniej aktualizacji Shoper zmienił $chk na Shop.$chk a co za tym idzie w trzech miejscach w kodzie trzeba nanieść niewielkie poprawki.

Link do kodu znajdziecie tu:  pobierz plik

Jednocześnie wprowadziłem poprawkę o którą prosiło kilka osób czyli wyeliminowałem puste pozycje po ostatnim produkcie. Teraz slajder po ostatnim produkcie wraca do produktu pierwszego.

Kod który możecie tu pobrać wyświetla 4 produkty w rzędzie, jeżeli wasze zmiany wyświetlały inną ilość proszę byście odnaleźli w kodzie linię kodu:

outterdiv._max = innerdiv.getChildren(’.product’).length – 4;

 

Na końcu jak widzicie jest liczba 4 która odpowiada ilości produktów jakie wyświetlacie w rzędzie (zmieńcie ją zgodnie z upodobaniem)

21 odpowiedzi do “Shoper ? slajder produktów na stronie głównej – aktualizacja”

  1. Cieszę się, że w końcu znalazłam treściwego i konkretnego bloga 🙂 Powoli wprowadzam na swój sklep kilka z Państwa usprawnień. Do tego mam pytanie: czy istnieje jakiś prosty sposób na „obramowanie” poszczególnych produktów po stworzeniu takiego slajdera? W momencie wyświetlenia 4 produktów w slajderze ciężko rozczytać nazwy poszczególnych. Chodzi mi o to, aby takie obramowanie pokazywało się tylko w slajderze „Nowości”.

  2. witam, mam pytanie stworzyłem prowizoryczny slajder na głównej stronie sklepu i chciałbym aby po kliknięciu na konkretne zdjęcie, przekierowywało nas do odpowiednich stron. Istnieje możliwość takiej modyfikacji? jak tego dokonać?

  3. Witam.
    Wszystko super działa, ale mam pytanie , czy jest jakiś sposób na wyrównanie zdjęć i opisów, bo przy dłuższych opisach troszkę się to rozjeżdża jeśli chodzi o wysokość

    1. teoretycznie poszczególne produkty są w jednej linii 🙂 jedynie elementy wewnątrz produktów już nie są. Na tym przykładzie masz 3 elementy, każdy z nich ma pewną wysokość. Ponieważ pierwszy produkt ma nazwę wysoką na 3 linie tekstu a kolejne tylko na jedną linię wszystko wygląda jakby nie było wyrównane. Jeżeli nadałbym w tym przypadku minimalną wysokość odpowiednikowi 3lini tekstu (w tym przypadku ok 75px) to wszystkie produkty będą wyglądały tak samo bo przy produktach z krótką nazwą zostanie dodany odstęp do zdjęcia.

  4. Niestety u mnie nie działa. Robiłem wszystko według opisu (przy najmniej tak mi sie wydaje) ale nadal mam jeden produkt a nie np. 4. Pobrałem i wkleiłem kod z linku podanego wyżej. Zauważyłem że nie ma żadnych różnic przy zmianie słowa slider, na slider2 w pliku Bestsellers/box.tpl
    Będe wdzięczny za wskazówki.
    Pozdrawiam

    1. zazwyczaj są tylko dwie możliwości dla których skrypt nie działa:
      1 – błędy podczas wprowadzania dodatkowego kodu,
      2 – błędy już istniejące na stronie które blokują poprawne odpalenie skryptu,
      Niestety nie jestem w stanie sprawdzić czemu kod Ci nie działa ale na pewno jest poprawny bo działał na naszym sklepie testowym i działa w kilkunastu sklepach o których wiem, że został dodany (i pewnie w kilku o których nie wiem 🙂 )

      Najlepiej użyj dodatku typu Firebug do Firefoxa który pokaże Ci jakie błędy są u Ciebie w sklepie i postaraj się je wyeliminować.

  5. Juz wszystko jasne. Gapa ślepa ze mnie i nie zauważyłem że to dotyczy modułu Bestsellery, a ja uparcie próbowałem zrobić taki efekt w w module Nowości.
    Zrobiłem jednak i to. W pliku NewProducts/box.tpl trzeba podobnie zmienić w drugiej linijce ze slider, na slider2 i bedzie taki sam efekt tylko że w module nowości.
    Dzięki za pomoc
    Pozdrawiam

  6. Witam
    U mnie nie działa animacja przewijania automatycznego, tzn mam ustawione wyświetlanie na 3 produkty i żeby nastąpiło przewinięcie to trzeba kliknąć na strzałkę. Proszę o podpowiedź co jest nie tak. Z góry dziękuję. Seba. PS. Super blog – konkretny.

Skomentuj Grzegorz Rusin Anuluj pisanie odpowiedzi