Banner Revolution: konfiguracja i pomoc

Prześlij ZIP Banner Revolution w Moduły > "Module Manager" > "Upload a module". Zainstaluj go i kliknij "Configure". Możesz też otworzyć "Improve" > Banner Revolution.

Instalacja tworzy tabele banerów, katalog obrazów i slider homepage. Usuwa ps_imageslider z displayHome. W motywie używającym displayHomeIntro umieszcza tam Banner Revolution i usuwa jego przypisanie do displayHome. Inne motywy używają displayHome. Sugerowana pozycja to pierwsze miejsce w tym hooku.

W "Settings" > Konfiguracja użyj Położenie na stronie głównej > "Apply suggested placement", jeśli zmieniasz motyw lub chcesz przywrócić tę pozycję. Przed zastosowaniem wybierz jeden sklep. Zwykłe żądania witryny zachowują zapisane pozycje hooków.

Proces PHP wymaga prawa zapisu do katalogu obrazów modułu i katalogu pamięci podręcznej PrestaShop. Wybierz właściwy sklep przed edycją przetłumaczonej treści banerów.

Otwórz listę banerów i kliknij Dodaj nowy baner. Wybierz slider homepage. Prześlij Obraz na komputer. Dodaj tekst w każdym języku sklepu, pozostaw Aktywny włączone i zapisz. Otwórz stronę główną, aby sprawdzić wynik.

Moduł zapisuje przetłumaczone tytuły, podtytuły, etykiety zalet, teksty przycisków i adresy URL dla poszczególnych języków i sklepów. Przygotuj obrazy w wymaganych wymiarach przed przesłaniem; przesyłanie nie jest ogólnym narzędziem do zmiany rozmiaru obrazów.

Obrazy pozostają obrazem podglądu i materiałem zastępczym, gdy nie można odtworzyć wideo lub odwiedzający preferuje ograniczenie animacji.

Widoczny przycisk pauzy zatrzymuje lub wznawia zmianę slajdów, wideo i efekt Ken Burns. Na slajdzie z wideo pasek postępu pozwala też zmieniać pozycję odtwarzania kliknięciem, przeciągnięciem lub klawiszami strzałek po zaznaczeniu paska; podczas obsługi pojawia się czas odtwarzania.

Otwórz "Settings" > Konfiguracja > Karuzela. Opcje te obowiązują globalnie dla wszystkich sliderów.

W obecnej karuzeli dostosuj wysokość za pomocą CSS motywu i Układ na telefonie. Skrypt telefonu rezerwuje wysokość najwyższego slajdu, aby ograniczyć przesunięcia między slajdami. Starsze nadpisanie motywu może nadal korzystać z Wysokość banera; sprawdź ten szablon, zanim oprzesz się na tym ustawieniu.

Zapisana wartość domyślna KENBURNS jest włączona. Bieżący formularz konfiguracji nie udostępnia przełącznika Ken Burns. Preferencje ograniczonego ruchu wpływają na animacje.

Użyj wspólnych ustawień Style motywu, aby dopasować wygląd do sklepu. Style banerów odczytują bezpośrednio wspólne tokeny --mpr-*. Odśwież wykryte style po zmianie motywu. Nie opieraj się na starszych aliasach --mprbanner-*.

Umieszczenie na stronie głównej jest automatyczne. Programista może też wywołać widget z szablonu Smarty:

{widget name='mprbannerrevolution'}
{widget name='mprbannerrevolution' slider='homepage'}
{widget name='mprbannerrevolution' slider_id=1}

Domyślny proces administracyjny zarządza banerami. Dodatkowe rekordy sliderów mogą wymagać programisty lub kontrolowanego importu danych. Dla slidera utworzonego przez programistę z identyfikatorem sale użyj:

{widget name='mprbannerrevolution' slider='sale'}

Nie ma harmonogramu dat wyświetlania banerów. Pozostaw slajd kampanii nieaktywny do momentu, gdy chcesz go pokazać, a następnie zmień Aktywny ręcznie.

Dla nowoczesnych formatów obrazów umieść pasujące pliki AVIF lub WebP obok skonfigurowanego obrazu. Na przykład banner-1-desktop.jpg może mieć banner-1-desktop.avif i banner-1-desktop.webp. Mechanizm renderowania wykrywa istniejące warianty; nie tworzy ich. To samo dotyczy obrazów mobilnych.

W CSS motywu sprawdź obecne kontenery:

.mpr-banner-revolution { margin-bottom: 1.5rem; }
.mpr-bnr__title { text-transform: uppercase; }
.mpr-bnr__cta { border-radius: var(--mpr-radius, 8px); }

1. Otwórz stronę główną w każdym skonfigurowanym języku i sklepie.
2. Potwierdź, że właściwe aktywne banery pojawiają się w kolejności pozycji. Baner bez dostępnego obrazu na komputer lub telefon jest pomijany.
3. Przy kilku slajdach przetestuj strzałki, kropki, strzałki klawiatury i gesty przesuwania.
4. Zmniejsz szerokość poniżej 768 pikseli i sprawdź obraz mobilny, wideo oraz układ na telefonie.
5. Przetestuj każdy adres przycisku i sterowanie dźwiękiem wideo.
6. Odśwież po zmianie banera. Wygenerowana zawartość jest buforowana według sklepu, języka, umiejscowienia, parametrów widgetu, wersji i konfiguracji.

Obraz pierwszego slajdu ładuje się od razu. Kolejne obrazy są ładowane według potrzeb. Wideo korzysta z odroczonych źródeł. Te zachowania nie wymagają ustawienia.

Jeśli baner się nie pojawia, sprawdź Aktywny, wybrany slider i plik obrazu. Potwierdź, że motyw wywołuje wybrany hook strony głównej. Użyj "Apply suggested placement" we właściwym sklepie, jeśli rejestracja hooka jest błędna.

Jeśli przesyłanie nie działa, sprawdź limity modułu, limity przesyłania PHP i prawo zapisu do modules/mprbannerrevolution/img/. W przypadku wideo sprawdź także kontener, rozmiar i obsługę kodeka w przeglądarce.

Jeśli strona główna nadal pokazuje inny slider, sprawdź jego rejestracje hooków na ekranie pozycji PrestaShop. Instalacja usuwa natywny slider obrazów z displayHome, ale motyw może wyświetlać inny slider w innym miejscu.

Jeśli treść lub style wyglądają na stare, zapisz konfigurację ponownie i wyczyść odpowiednie pamięci podręczne PrestaShop, stron i CDN. Sprawdź nadpisanie banner-carousel.tpl w motywie przed zmianą plików modułu.

Wykonaj kopię danych banerów i mediów przed odinstalowaniem przez "Module Manager". Odinstalowanie usuwa konfigurację modułu i wpisy menu oraz trzy tabele banerów/sliderów podczas czyszczenia schematu. Ponownie rejestruje też zainstalowany moduł ps_imageslider w displayHome. Następnie sprawdź pozycje strony głównej.

Wymaga PrestaShop 1.7.7 lub nowszego oraz PHP 7.1 lub nowszego.