Przejdź do głównej zawartości
Zainstaluj za darmo
Polski
Otwórz w Claude Zadaj pytania o tę stronęOtwórz w ChatGPT Zadaj pytania o tę stronę

Animacje i grupy

Jak baner pojawia się na stronie, jak się przewija i jak przełącza się między grupami.

Animacje znajdują się na dole panelu Design. Obejmują dwie osobne rzeczy: sposób pojawiania się banera na stronie oraz sposób przechodzenia między grupami.

Sekcja Animation w panelu Design z ustawieniami Entrance, Speed, Change group every i Group transition

Entrance odtwarza się raz; przejścia między grupami się powtarzają.

Co baner robi po załadowaniu strony.

Entrance Jak to wygląda
None Baner po prostu jest
Fade in Pojawia się stopniowo
Slide down Wsuwa się z góry
Slide in from left Wjeżdża od lewej krawędzi
Slide in from right Wjeżdża od prawej krawędzi
Continuous scroll Wiadomość przesuwa się przez baner raz za razem

Speed określa, jak długo trwa wejście. Przy ciągłym przewijaniu zmienia się w Scrolling speed i oznacza, jak szybko poruszają się słowa, a nie jak długo to trwa.

Zasługuje na osobną uwagę. Wiadomość przechodzi przez baner z jednej strony na drugą, a gdy zniknie, następna grupa zaczyna swój przejazd. Nigdy się nie zatrzymuje.

Wynikają z tego dwie rzeczy:

  • Pasuje do długiej wiadomości, która nie zmieściłaby się w jednym wierszu
  • Zatrzymuje się, gdy wskaźnik kupującego znajduje się nad banerem, więc znajdujący się w nim przycisk nadal można kliknąć

Te ustawienia pojawiają się tylko wtedy, gdy baner ma więcej niż jedną grupę.

Change group every to liczba sekund, przez które każda grupa pozostaje na ekranie.

Group transition określa, jak jedna grupa zmienia się w następną:

Przejście Jak to wygląda
Cross-fade Jedna zanika, gdy następna się pojawia
Slide Baner przesuwa się w bok jak karuzela

Wybór opcji slide dodaje jeszcze jedną opcję: Arrows. Po jej włączeniu na końcach banera pojawiają się małe przyciski ‹ i ›, dzięki którym kupujący może sam przechodzić między grupami.

Kupujący mogą też przesuwać baner palcem lub myszką w bok, niezależnie od strzałek.

Pętla nie ma szwu. Po ostatniej grupie od razu następuje pierwsza, bez przewijania wstecz przez wszystkie pośrednie.

Preview animation na dole sekcji odtwarza wejście i rotację grup na makiecie sklepu pośrodku kreatora, więc nie musisz zapisywać i odświeżać strony, aby ocenić efekt.

Kliknij ponownie, aby zatrzymać. Makieta wraca do grupy, edytowanej wcześniej grupy.

Kupujący, którzy poprosili swoje urządzenie o ograniczenie ruchu, widzą baner bez animacji — wejście się nie odtwarza, tekst się nie przewija, a grupy nie zmieniają się same. Strzałki i przesuwanie nadal działają.

Czy to było pomocne?