W dzisiejszym wpisie opiszę jak dodać wyskakujące okienko pop-up z wykorzystaniem naszego autorskiego modułu BP Popup. Moduł jest darmowy i można go pobrać ze strony rozszerzenia lub bezpośrednio z poziomu systemu CMS, ponieważ jest on dostępny w oficjalnej bazie rozszerzeń JED (Joomla Extensions Directory)
Jakie możliwości daje moduł BP Popup:
- Wyskakujące okienko z dowolnym plikiem graficznym
- Możliwość wyświetlania treści dodanej w edytorze
- Wyświetlenie treści z iFrame (możemy osadzić np. mapy Google lub wideo z YouTube)
- Pop-up może pojawić się po przewinięciu strony o określoną ilość pikseli
- Możliwość określenia jak często ma się wyświetlać wyskakujące okienko
- Wyświetlenie pop-up po przewinięciu całej strony
- Określenie czy pop-up ma być widoczny na każdej stronie czy tylko na wybranych
Instalacja i konfiguracja modułu BP popup w CMS Joomla!
1. Pobieramy moduł ze strony rozszerzenia lub z poziomu Joomla! z JED wpisując: BP popup, a następnie instalujemy.
2. Po instalacji przechodzimy do: Rozszerzenia > Moduły i włączamy nasz moduł BP Popup
3. Naszą konfigurację zaczynamy od ustawienia pozycji w jakiej będzie wyświetlany nasz pop-up, powinna to być pozycja która nie będzie kolidować z innymi modułami. W naszym przypadku była to pozycja „content-before”
4. Kolejnym kokiem będzie wybór trybu wyśwetlania naszego popupa, do wyboru mamy: Obraz, Adres url, Podstrona, HTML, Tekst
5. Na potrzeby naszego opisu wybierzemy tryb Tekst, który daje nam możliwość umieszczenia tekstu jak i grafiki w naszym popupie. Wprowadzamy treść i dodajemy ewentualnie grafikę którą chcemy wyświetlić w naszym wyskakującym okienku. Możemy również określić wielkość okna wprowadzając szerokość i wysokość w pikselach, w naszym przypadku pop-up będzie miał rozmiar 800×600 px.
6. Przechodzimy do zakłądki Przypisz do pozycji menu i określamy gdzie ma się pojawić nasz popup,
7. Ustawienia czasu, w opcji tej określamy jak często oraz w jakiej sytuacji ma pojawić się popup. Możemy ustalić, że nasze okienko pojawi się dopiero po określonej ilości pikseli jaką przewinie użytkownik odwiedzający stronę (wybrać należy opcję „Zasięg w pikselach„) lub dopiero kiedy zapozna się z całą stronę czyli dopiero po przewinięciu strony do samego końca (wybrać należy opcję „Koniec strony„).
Podsumowując, BP Pop-up jest prostym ale jednocześnie dającym duże możliwości modułem dedykowanym Joomla! do tworzenia wyskakujących okienek, dzięki swoim funkcją przyda się na pewno na niejednym blogu lub stronie firmowej i pozwoli w łatwy sposób zakomunikować ważne informację lub skłoni do zapisania się na newsletter.
Prezentacja wideo
Na poniższym wideo możecie zobaczyć cały proces dodawania okienka popup do strony na Joomla!
