Instrukcja – widget popup telefon

Krok 1 Dodanie kodu js i css do aktywnego stylu graficznego lub do dowolnego nieaktywnego stylu graficznego (kopii szablonu)

Z górnego menu w panelu administracyjnym proszę wybrać zakładkę Konfiguracja -> Wygląd -> Aktywny styl graficzny lub dla innego szablonu Konfiguracja -> Wygląd -> Galeria stylów i kliknąć w ustawienia wybranego szablonu

Zawartość pliku 1_wlasny_kod_css.txt proszę wkleić do zakładki Własny kod js, a zawartość pliku 2_wlasny_kod_js.txt  do Własny kod css (pliki proszę otworzyć za pomocą notatnika)

Krok 2 Dodanie nowego modułu z kodem html popupa

Z górnego menu w panelu administracyjnym proszę wybrać zakładkę Konfiguracja -> Administracja, system -> Bezpieczeństwo  i aktywujemy „Wyłącz czyszczenie kodu HTML” – odhaczamy jak włączoną opcje.

Wracamy do ustawień szablonu i przechodzimy do zakładki „Moduły”

W dowolnym układzie strony, klikamy  w przycisk „dodaj moduł”, podajemy nazwę nowego modułu „popup tel” i zawartość pliku 3_modul_popup+ikona_kod-html.txt wklejamy jako zawartość modułu w trybie html, czyli przed wklejeniem kodu proszę kliknąć przycisk „wyłącz edytor” (w prawym górnym rogu pola tekstowego).

Po dodaniu nowego modułu dodajemy go do wszystkich aktywnych układów dla modułów w sklepie, czyli w zakładce modułu w widoku „układ standardowy” – wybieramy przycisk „dostępne moduły” i z listy przeciągamy moduł „Popup tel” do sekcji stopki, przechodzimy do kolejnego widoku np. „strona główna” i przeciągamy moduł do stopki itd.

Zapisujemy zmiany w układzie modułów – przez kliknięcie przycisku „zapisz”

Krok 3 Dodanie grafiki

Po podmianie zawartości przykładowego pliku graficznego dodajemy go na serwer sklepu za pomocą managera plików sklepu ( przechodzimy do ustawień szablonu, wybieramy zakładkę „Stopka”  i w polu tekstowym wybieramy z menu polecenie Wstaw – Wstaw/edytuj obraz)

 

1. Wideo instrukcja – dodanie własnego kodu js i css

2. Wideo instrukcja – stworzenie nowego modułu oraz dodanie go do wszystkich układów z sekcjami dla modułów

3. Wideo instrukcja – dodanie grafiki popupa