PrestaShop Polska
Zaloguj się
Rejestracja
Szukaj
Menu
Strona główna
Pomoc
Szukaj
Zaloguj się
Rejestracja
Polskie wsparcie PrestaShop
PrestaShop
Konfiguracja
Wjeżdżający box na zdjęciu produktu w list-product - jquery
« poprzedni
następny »
Wyślij ten wątek
Drukuj
Strony: [
1
]
Do dołu
Wjeżdżający box na zdjęciu produktu w list-product - jquery
3 Odpowiedzi
1462 Wyświetleń
0 użytkowników i 1 Gość przegląda ten wątek.
cst
Nowy
15
0
Wjeżdżający box na zdjęciu produktu w list-product - jquery
«
dnia:
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#
jak na tej trzeciej grafice na sklepie, w miniaturze produktu, w kategorii?
Z góry dziękuję za sugestie i podpowiedzi!
Pozdrawiam.
Zgłoś do moderatora
Zapisane
design4VIP
user
Mieszkaniec
3,866
131
PrestaShop: PS
Status: Programista
Odp: Wjeżdżający box na zdjęciu produktu w list-product - jquery
«
Odpowiedź #1 dnia:
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.
Zgłoś do moderatora
Zapisane
design
4VIP
z innej strony...
cst
Nowy
15
0
Odp: Wjeżdżający box na zdjęciu produktu w list-product - jquery
«
Odpowiedź #2 dnia:
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.
Zgłoś do moderatora
Zapisane
design4VIP
user
Mieszkaniec
3,866
131
PrestaShop: PS
Status: Programista
Odp: Wjeżdżający box na zdjęciu produktu w list-product - jquery
«
Odpowiedź #3 dnia:
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
«
Ostatnia zmiana: Maj 27, 2013, 02:44:43 pm wysłana przez deejay3
»
Zgłoś do moderatora
Zapisane
design
4VIP
z innej strony...
Wyślij ten wątek
Drukuj
Strony: [
1
]
Do góry
« poprzedni
następny »