Lightbox w KQS ?

Wszystko na temat konfiguracji sklepu internetowego opartego o skrypt KQS.store

Lightbox w KQS ?

przez blackpixel » 2011 paź 30, N 08:11

Jak w tytule - jak zainstalowac i czy wogole mozna?
 
Autor tematu
Posty: 7
Dołączył(a): 2008 paź 22, Śr 20:20
Podziękował : 0 razy
Otrzymał podziękowań: 0 razy

Re: Lightbox w KQS ?

przez tofif » 2011 paź 31, Pn 10:54

Da się ja osobiście korzystam z fancyboxa
Avatar użytkownika
 
Posty: 1279
Dołączył(a): 2008 kwi 28, Pn 23:03
Lokalizacja: Warszawa
Podziękował : 1 razy
Otrzymał podziękowań: 4 razy

Re: Lightbox w KQS ?

przez blackpixel » 2011 lis 03, Cz 19:45

A mogę prosic o jakies info?
 
Autor tematu
Posty: 7
Dołączył(a): 2008 paź 22, Śr 20:20
Podziękował : 0 razy
Otrzymał podziękowań: 0 razy

Re: Lightbox w KQS ?

przez areczek » 2011 lis 03, Cz 20:20

Fancyboxa używam i tak:

1. pobierasz sobie pliczek zip fancyboxa z http://fancybox.net/ oraz jquery z Odnośnik widoczny tylko dla zalogowanych użytkowników - Zarejestruj się

2. wrzucasz kod jquery w PA sklepu: Ustawienia > Konfiguracja > Pole Dodatkowa treść w sekcji <head></head> sklepu (tylko pamiętaj ustawić ścieżki do plików tak jak masz na serwerze u siebie oraz sprawdź nazwy plików - jeśli masz nowszą wersję fancyboxa to mogą być inne nazwy/numery)

Kod: Odnośnik widoczny tylko dla zalogowanych użytkowników - Zarejestruj się
</script><script type="text/javascript" src="./scripts/jquery.min.js"></script>

<script type="text/javascript" src="./scripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="./scripts/fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="./scripts/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

<link rel="stylesheet" href="./scripts/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen">

<script language="javascript">

$(document).ready(function() {
   
   $("a.zoom").fancybox({
      'transitionIn'      : 'elastic',
      'transitionOut'      : 'elastic',
      'speedIn'      : 600,
      'scrolling'       : 'no',
      'hideOnOverlayClick'   : 'true',
      'overlayOpacity'    : 0.6,
      'overlayColor'      : '#000000',
      'speedOut'      : 200

   });
   
});
</script>


3. w PA sklepu w szablon graficzny > strona produktu > pole Strona Produktu - Zdjęcie w Opisie wstawiasz kod:

Kod: Odnośnik widoczny tylko dla zalogowanych użytkowników - Zarejestruj się
<a href="galerie/{OBRAZ_BAZOWY}.jpg" class="zoom" title="{NAZWA_PRODUKTU_PARAMETR}"><img src="galerie/{OBRAZ_BAZOWY}.jpg" alt="{NAZWA_PRODUKTU_PARAMETR}" /></a>


Jeśli coś nie działa - sprawdź na wstępie pliki czy masz dobrze podpięte w <head> oraz czy masz jquery na serwer skopiowane
Avatar użytkownika
 
Posty: 329
Dołączył(a): 2009 lip 07, Wt 18:33
Lokalizacja: Lubelskie
Podziękował : 0 razy
Otrzymał podziękowań: 10 razy

Re: Lightbox w KQS ?

przez Major » 2012 sty 26, Cz 19:13

Jakoś robie tak jak jest napisane a efektu nie uzyskałem, sprawdziłem ścieżki plików i są OK a bład nadal jest.
 
Posty: 103
Dołączył(a): 2008 wrz 30, Wt 23:15
Podziękował : 0 razy
Otrzymał podziękowań: 0 razy

Re: Lightbox w KQS ?

przez redvan » 2012 sty 26, Cz 19:54

a wez jeszcze zmień doctype SZABLON GRAFICZNY / BAZA SZABLONU / DOCTYPE

zapewne masz
Kod: Odnośnik widoczny tylko dla zalogowanych użytkowników - Zarejestruj się
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


więc zmień na:
Kod: Odnośnik widoczny tylko dla zalogowanych użytkowników - Zarejestruj się
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


i zobacz czy działa
Avatar użytkownika
Moderator Witryny
 
Posty: 1728
Dołączył(a): 2008 maja 02, Pt 09:19
Lokalizacja: Sosnowiec
Podziękował : 0 razy
Otrzymał podziękowań: 3 razy

Re: Lightbox w KQS ?

przez Major » 2012 sty 26, Cz 20:51

Zmieniłem ale bez poprawy proszę zobaczyć: Odnośnik widoczny tylko dla zalogowanych użytkowników - Zarejestruj się to przykładowy produkt, teraz nie wyświetla mi zdjecia przy nazwie oraz jak się kliknie na zdjecie to uruchamia się standardowa galeria KQS a nie Fancy box

Sekcja HEAD
Kod: Odnośnik widoczny tylko dla zalogowanych użytkowników - Zarejestruj się
<script type="text/javascript" src="/scripts/jquery.min.js"></script>

<script type="text/javascript" src="/scripts/fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="/scripts/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="/scripts/fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="/scripts/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

<link rel="stylesheet" href="/scripts/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen">

<script language="javascript">

$(document).ready(function() {
   
   $("a.zoom").fancybox({
      'transitionIn'      : 'elastic',
      'transitionOut'      : 'elastic',
      'speedIn'      : 600,
      'scrolling'       : 'no',
      'hideOnOverlayClick'   : 'true',
      'overlayOpacity'    : 0.6,
      'overlayColor'      : '#000000',
      'speedOut'      : 200

   });
   
});
</script>


Strona Produktu - Zdjęcie w Opisie
Kod: Odnośnik widoczny tylko dla zalogowanych użytkowników - Zarejestruj się
<a href="galerie/{OBRAZ_BAZOWY}.jpg" class="zoom" title="{NAZWA_PRODUKTU_PARAMETR}"><img src="galerie/{OBRAZ_BAZOWY.jpg" alt="{NAZWA_PRODUKTU_PARAMETR}" /></a>
 
Posty: 103
Dołączył(a): 2008 wrz 30, Wt 23:15
Podziękował : 0 razy
Otrzymał podziękowań: 0 razy


Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 1 gość