Tylko administratorzy mogą wejść do centrum administracyjnego. Zaloguj się

Wyskakujące okienka

Uwaga! Aby wyskakujące okienka działały, musisz umieścić kod skryptu 1 raz. Utwórz «Blok/Menu» (zaznaczając go w nagłówku/nagłówku, znacznikach usług lub stopce witryny). Zablokuj tekst (Kod):
 Code: html 
<script type="text/javascript" defer src="/templates/scripts/hotengine-script-popup.js"></script>

Ten skrypt nie jest instalowany domyślnie w celu zwiększenia wydajności i uelastycznienia witryn.
Po zainstalowaniu skryptu możesz wygeneruj link do wyskakujących okienek.
Zalecane wklejenie tego kodu w "Blok/Menu" razem z innymi skryptami.


Wynik (link):



Wynik (span element):



Określ parametry okna wyskakującego:

Prześlij typ danych
  • * - blok z ID lub klasą`należy najpierw utworzyć na stronie
  • ** - iFrame do załadowania dowolnej strony HTML
  • *** - Przekaż zmienną GET «p» (do korzystania ze stron serwisu)(na przykład /ajax.php?p=ścieżka href)
  • **** - Przekaż zmienną GET «shop_cat_p» (na przykład /ajax.php?shop_cat_p=ścieżka href) gdzie możesz podać pełną ścieżkę do strony karty produktu
  • ***** - Ramka ze stroną katalogu artykułów Ajax, przekazująca zmienną GET "blog_cat_p" (np. /ajax.php?blog_cat_p=href ścieżka)
  • HTML - Dane HTML są ładowane z tymi samymi zmiennymi FRAME, ale bez użycia elementu iframe do wyświetlania danych.


 ID/Class lub łącze Tytuł okna Tekst przycisku zamknięcia okna
(wyświetlane tylko jeśli wartość jest określona) Tekst odnośnika/przycisku otwierającego okno Szerokość okna Wysokość okna Automatyczna szerokość i wysokość Automatyczna szerokość i wysokość mają pierwszeństwo przed początkową szerokością i wysokością Automatyczna szerokość okna (wartość wskazuje minimalną możliwą szerokość) Automatyczna wysokość okna (wartość wskazuje minimalną możliwą wysokość) Maksymalna szerokość i wysokość Możesz ograniczyć maksymalne wyskakujące okno, nawet jeśli używasz automatycznej szerokości i wysokości. Maksymalna szerokość okna Maksymalna wysokość okna Szerokość okna mobilnego
(jeśli okno jest mniejsze niż określony rozmiar, to jest ustawione na określoną szerokość)   Gotowe


[Przykładem przycisku jest wyskakujące okienko z wideo]


Kod instalacji skryptu (wstaw do bloku menu lub zawartości strony 1 raz):
 Code: html 
<script type="text/javascript" defer src="/templates/scripts/hotengine-script-popup.js"></script>

Wyskakujące okienko może zawierać tekst, zawartość bloku HTML, ładowanie iframe (youtube lub dane z innych witryn) lub dane ajax (dane ajax ze stron lub artykułów na Twojej stronie ).

Instrukcja:

Wyskakujące okienko zostanie wywołane za pomocą poniższego kodu.

 Code: html 
<a class="hotengine-script-popup" target="blank" data-iframe="2" data-width="0" data-height="0" data-auto-width="320" data-auto-height="320" data-max-height="500" data-max-width="750" data-mobile-width="768" data-title="Okno wyskakujące"  href="https://www.youtube.com/embed/T9zuAxr1Wfg?rel=0&amp;autoplay=1">Tekst przycisku</a>

W parametrach łącza można określić następujące parametry:
  • data-iframe (typ danych do załadowania)
    • 2 - Pełna ścieżka url w ramce (np. do przesłania na youtube)
    • 3 - Identyfikator lub klasa ze strony (blok z ID lub klasą`należy najpierw utworzyć na stronie)
    • 4 - Ramka z danymi strony "p" (do korzystania ze stron serwisu)(na przykład /ajax.php?p=ścieżka href)
    • 5 - Ramka z danymi karty produktu "shop_cat_p" (na przykład /ajax.php?shop_cat_p=ścieżka href) gdzie możesz podać pełną ścieżkę do strony karty produktu
    • 1 - Ramka z danymi strony katalogu artykułów, Przekaż zmienną GET "blog_cat_p" (na przykład /ajax.php?blog_cat_p=ścieżka href) w którym możesz podać pełną ścieżkę do artykułu
    • 11 - Dane strony katalogu artykułów HTML, Przekaż zmienną GET "blog_cat_p" (na przykład /ajax.php?blog_cat_p=ścieżka href) w którym możesz podać pełną ścieżkę do artykułu
    • 14 - Dane strony HTML "p" (do korzystania ze stron serwisu)(na przykład /ajax.php?p=ścieżka href)
    • 15 - Dane karty produktu HTML "shop_cat_p" (na przykład /ajax.php?shop_cat_p=ścieżka href) gdzie możesz podać pełną ścieżkę do strony karty produktu
  • data-width - szerokość okna
  • data-height - wysokość okna
  • data-auto-width - automatyczna szerokość okna (wartość wskazuje minimalną możliwą szerokość)
  • data-auto-height - automatyczna wysokość okna (wartość wskazuje minimalną możliwą wysokość)
  • (automatyczna szerokość i wysokość mają pierwszeństwo przed początkową szerokością i wysokością)
  • data-max-width - maksymalna szerokość okna
  • data-max-height - maksymalna wysokość okna
  • data-mobile-width - szerokość okna mobilnego (jeśli okno jest mniejsze niż określony rozmiar, to jest ustawione na określoną szerokość)
  • data-title - Tytuł okna
  • href lub data-href - ścieżka do strony do otwarcia lub pobrania zmiennej
  • data-close-button - tekst przycisku zamknięcia okna (wyświetlane tylko jeśli wartość jest określona)


Przykład wyskakującego okienka wideo z YouTube:
 Code: html 
<a class="hotengine-script-popup" target="blank" data-iframe="2" data-width="0" data-height="0" data-auto-width="320" data-auto-height="320" data-max-height="500" data-max-width="750" data-mobile-width="768" data-title="Okno wyskakujące"  href="https://www.youtube.com/embed/T9zuAxr1Wfg?rel=0&amp;autoplay=1">Tekst przycisku</a>

Wynik: Tekst przycisku


Przykład kodu

Temu