Polskie wsparcie PrestaShop

PrestaShop => Konfiguracja => Wątek zaczęty przez: cst w Maj 26, 2013, 08:02:23 pm

Tytuł: Wjeżdżający box na zdjęciu produktu w list-product - jquery
Wiadomość wysłana przez: cst w Maj 26, 2013, 08:02:23 pm

Witam,


Jest jakiś płatny/niepłatny moduł na szybko i przyjemnie? Lub jak zaimplementować coś takiego: http://www.mcwehbe.com/jquery_sliding_boxes.php# (http://www.mcwehbe.com/jquery_sliding_boxes.php#) jak na tej trzeciej grafice na sklepie, w miniaturze produktu, w kategorii?


Z góry dziękuję za sugestie i podpowiedzi!
Pozdrawiam.

Tytuł: Odp: Wjeżdżający box na zdjęciu produktu w list-product - jquery
Wiadomość wysłana przez: design4VIP w Maj 27, 2013, 09:04:22 am

po pierwsze mozna to rowniez zalatwic w prosty sposob, bez modyfikacji kodu szabklonu przez CSS3, po drugie, jezeli chcesz uzyskac dokladnie takie efekt jak w przykladzie to masz bardzo ladnie rozpisane "HOW TO USE", wystarczy dorzucic wskazane fragmenty kodu w szablon i masz efekt.

Tytuł: Odp: Wjeżdżający box na zdjęciu produktu w list-product - jquery
Wiadomość wysłana przez: cst w Maj 27, 2013, 10:53:03 am

Dzięki za odp.

Mógłbyś przybliżyć ten temat w css3 lub rzucić jakieś hasło po jakiej frazie tego szukać?

Próbowałem w jquery tylko sypie mi się pięknie wszystko. Może przez rollover, który jest zrobiony.

Tytuł: Odp: Wjeżdżający box na zdjęciu produktu w list-product - jquery
Wiadomość wysłana przez: design4VIP w Maj 27, 2013, 12:59:06 pm

zasadniczo przesuniecie masaz wpisane w jQuery wiec nie widze powodu innych kombinacji. wszystko mozesz zalatwic prostym skryptem rodem:

$('#id .class').animate({top:100}, 5000);

i mysle, ze to bedzie najprostsze rozwiazanie i najszybsze w implementacji


a co do CSS to zapoznaj sie z:
-webkit-transform:
-moz-transform:
-o-transform:
-ms-transform:
transform:
-moz-transition:
-webkit-transition:
-o-transition:

tym zdzialasz cuda ;) przyklad: hurtowniaguzikow(.)pl, strona glowna oraz prawy blok na kolejnych podstronach