wdrożenia PrestaShop

Slider zdjęć na stronie głównej - animacja tekstu

  • 5 Odpowiedzi
  • 2521 Wyświetleń

0 użytkowników i 3 Gości przegląda ten wątek.

*

Offline MartaN

  • Nowy
  • *
  • 2
  • 0
  • prestashop
  • PrestaShop: 1.6
  • Status: forum
Slider zdjęć na stronie głównej - animacja tekstu
« dnia: Czerwiec 11, 2015, 09:50:34 am »
Dzień dobry,


Chciałabym osiągnąć efekt animacji tekstu w module "Slider zdjęć na stronie głównej" podobny do tego: http://demo.posthemes.com/pos_bonnie/layout3/en/


Czy mogę to zrobić w edytorze modułu (Narzędzia -> Kod źródłowy)?


Jeśli tak, to czy mogę prosić o prosty kod do przetestowania? Lub przynajmniej określenie języka programowania, którego powinnam szukać w Internecie.


Używam Presty 1.6.0.14, szablon domyślny.


Dziękuję serdecznie! :)




*

Offline endriu107

  • user
  • Mieszkaniec
  • *****
  • 1,197
  • 51
  • PrestaShop: PS
  • Status: forum
Odp: Slider zdjęć na stronie głównej - animacja tekstu
« Odpowiedź #1 dnia: Czerwiec 11, 2015, 04:16:10 pm »
Na standardowym module slidera nie osiągniesz takiego efektu bez większych przeróbek, czyli nie jest to dla laika. Możesz skorzystać z innego modułu slidera który już posiada taka funkcjonalność. Takich modułów jest sporo w sieci, jeden z bardziej znanych to revolution slider.

*

Offline MartaN

  • Nowy
  • *
  • 2
  • 0
  • prestashop
  • PrestaShop: 1.6
  • Status: forum
Odp: Slider zdjęć na stronie głównej - animacja tekstu
« Odpowiedź #2 dnia: Czerwiec 12, 2015, 09:45:48 am »
Serdecznie dziękuję za odpowiedź.

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Slider zdjęć na stronie głównej - animacja tekstu
« Odpowiedź #3 dnia: Czerwiec 12, 2015, 10:47:47 am »
Na standardowym module slidera nie osiągniesz takiego efektu bez większych przeróbek, czyli nie jest to dla laika. Możesz skorzystać z innego modułu slidera który już posiada taka funkcjonalność. Takich modułów jest sporo w sieci, jeden z bardziej znanych to revolution slider.
eno, co ty.... bez problemy da sie osiagnac taki efekt bez zadnych przerobek szablonu. tylko przy uzyciu styli CSS.

poszukaj tutariala odnosnie styli CSS i funkcji transform-style oraz transform. przypisujad ospowiednie transformacje do elementow uzyskac identyczny efekt. no, troche roboty ze stylami bedzie ale jak najbardziej jest to do zrobienia. 

jedyny minus takich transforamcji to to, ze nie dziala na IE <10, no i trzeba pamietac o stosowaniu -webkit dla chrome i safari 


opis funcji i jej mozliwosci: http://www.w3schools.com/cssref/css3_pr_transform.asp
design4VIP z innej strony...

*

Offline endriu107

  • user
  • Mieszkaniec
  • *****
  • 1,197
  • 51
  • PrestaShop: PS
  • Status: forum
Odp: Slider zdjęć na stronie głównej - animacja tekstu
« Odpowiedź #4 dnia: Czerwiec 12, 2015, 04:02:43 pm »
eno, co ty.... bez problemy da sie osiagnac taki efekt bez zadnych przerobek szablonu. tylko przy uzyciu styli CSS.

Tak da sie to zrobić w css z tym że tutaj przy każdym slidzie napisy pojawiają się w różny sposób więc dodawanie do każdego slidu różnych efektów + dodatkowe znaczniki coby rozróżnić co gdzie i kiedy ma sie poruszać jest bez sensu. Revolution slider to koszt ok 25$ czyli około 100 zł a możliwości konfiguracji są znacznie lepsze i szybsze niż grzebanie w kodzie, do tego możliwość stosowania warstw, wideo etc.

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Slider zdjęć na stronie głównej - animacja tekstu
« Odpowiedź #5 dnia: Czerwiec 13, 2015, 12:38:46 pm »
owszem, zgadze sie, jak najbradziej. ale, pytanie bylo o standardowy slider czy sie da, da sie, tak jak piszesz, albo isc na ustepstwa i optymalizacje i uzyc do kazdego z elementow jednego transitionala, albo dla kazdego slidera osobno - to tez jest do zrobienia. slider z przykladu to calkiem inna maszyna. tam, z tego co widac po kodzie aminacje ida po JS.

jest wiele alternatyw dla Revolution, owszem, ten jest chyba najpopularniejszy ale przez to narazony na liczne ataki hakerskie - juz to przechodzilem i znam wiele innych przypadkow takich atakow. osobicie Rev nie polecam. jak pisalem jest wiele alternatyw jak Nivo (chociaz j.w. tez czesto, choc rzadziej, atakowany) ale np. LAYERSLIDER jest bardzo "milym i sympatycznym" odpowiednikiem takiego jak w przykladzie, nei wiem czy to nie jest wlasnie dokladnie ten, nie chce mi sie az tak dokladnie sprawdzac ;)
design4VIP z innej strony...