Dodawanie skryptów w modułach

Data publikacji: 21 marca 2016 Ostatnia aktualizacja: 22 maja 2024

Dodawanie skryptów do modułów graficznych nie jest konieczne do poprawnego działania sklepu. Możliwość skierowana jest do tych użytkowników, którzy mają pomysł na efektowne wykorzystanie kodu HTML w modułach sklepu.

WAŻNE! Aby uniknąć wycinania kodów HTML aktywuj (przesuwając suwak w prawo) opcję: Wyłącz czyszczenie kodu HTML w zakładce: Ustawienia > Zaawansowane > Bezpieczeństwo i ZAPISZ zmiany.

Jak dodać skrypt w module sklepu za pomocą nowego Shoper Visual Editor?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki: Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C) > Moduły (D) > OTWÓRZ SHOPER VISUAL EDITOR (E).
Rys. 1. Przejdź do edycji szablonu graficznego
Rys. 1. Przejdź do edycji szablonu graficznego
Wybierz miejsce dodania modułu (A) i kliknij przycisk: DODAJ MODUŁ DO STRONY (B).
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Visual editor
Rys. 2. Dodaj moduł do strony głównej
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Visual editor
Rys. 2. Dodaj moduł do strony głównej
Odszukaj: Moduł własny (A) i przeciągnij go (B) w wybrane miejsce na stronie.
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Visual editor
Rys. 3. Przeciągnij moduł własny w wybrane miejsce
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Visual editor
Rys. 3. Przeciągnij moduł własny w wybrane miejsce

Następnie przejdź do edycji modułu (A )i korzystając z opcji edycji dostępnych w kolumnie po lewej stronie uzupełnij zawartość modułu (B):

  • Tytuł – widoczny jako nazwa modułu na liście modułów,
  • Obramowanie – aktywacja obramowania powoduje wyświetlanie się tytułu modułu dla klienta,
  • HTML ID – do wykorzystania np. w sytuacji kiedy instrukcja danego szablonu zaleca uzupełnienie pola według podanych kroków. W pozostałych przypadkach pozostaw pole puste,
  • Tryb – wybierz: HTML,
  • Treść HTML – kliknij w dowolnym miejscu aby otworzyć edytor treści.
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Visual editor
Rys. 4. Uzupełnij dane modułu w tym treść HTML
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Visual editor
Rys. 4. Uzupełnij dane modułu w tym treść HTML
Przejdź do EDYTUJ TREŚĆ (A) a następnie wyłącz edytor (B).
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Visual editor
Rys. 5. Przejdź do edycji treści HTML i wyłącz edytor
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Visual editor
Rys. 5. Przejdź do edycji treści HTML i wyłącz edytor

Wklej skrypt (A), kliknij: ZAPISZ (B), zapisz zmiany w edytorze, następnie module i opublikuj je w układzie strony.

Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Visual editor
Rys. 6. Dodaj skrypt do modułu
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Visual editor
Rys. 6. Dodaj skrypt do modułu

Wideo: łatwiejsze zarządzanie wyglądem Twojego sklepu internetowego

Obejrzyj jak korzystać z Shoper Visual Editora w filmie instruktażowym na naszym kanale YouTube.

Wideo poradnik: jak zarządzać Shoper Visual Editor?

Jak dodać kod HTML w module za pośrednictwem starego konfiguratora wyglądu sklepu Shoper?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do: Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C), a następnie wybierz zakładkę: Moduły (D) i wybierz stary konfigurator (E).
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Stary konfigurator
Rys. 7. Przejdź do edycji modułów
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Stary konfigurator
Rys. 7. Przejdź do edycji modułów
Kliknij przycisk: DODAJ MODUŁ.
Panel administracyjny > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dodaj moduł
Rys. 8. Dodaj moduł
Panel administracyjny > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dodaj moduł
Rys. 8. Dodaj moduł
Wprowadź: Tytuł (A) i ewentualnie zaznacz, aby moduł był obramowany (nie jest to wymagane). Kliknij: wyłącz edytor (B) na pasku narzędzi.
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Stary konfigurator
Rys. 9. Wprowadź skrypt w edycji modułu
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Stary konfigurator
Rys. 9. Wprowadź skrypt w edycji modułu
Wklej skrypt i kliknij przycisk: ZAPISZ.
Pamiętaj, że nowo utworzony moduł pojawi się w zakładce: DOTĘPNE MODUŁY, gotowy do umieszczenia w szablonie w wybranym przez Ciebie miejscu.
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dostępne moduły
Rys. 10. Znajdź utworzony moduł i dodaj go w wybrane miejsce
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > Dostępne moduły
Rys. 10. Znajdź utworzony moduł i dodaj go w wybrane miejsce

Wideo: jak zmienić wygląd sklepu Shoper?

Zagadnienie konfiguracji wyglądu sklepu Shoper omówiliśmy w naszym wideoporadniku na kanale YouTube.

Wideo poradnik: podstawowe zmiany wyglądu sklepu na platformie Shoper
Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Jak wkleić kod HTML w module graficznym przy użyciu Shoper Visual Editor?
  • Wideo poradnik: podstawy korzystania z Shoper Visual Editor
  • Jak zmodyfikować moduł własny za pomocą skryptu w starym konfiguratorze wyglądu?
  • Wideo poradnik: jakie można wprowadzić zmiany w szablonie sklepu?
Czy ten artykuł był pomocny?
Tak
Nie
Dziękujemy za odpowiedź!
Udostępnij artykuł:

Przetestuj sklep internetowy
przez 14 dni za darmo

Korzystaj ze wszystkich funkcji oprogramowania za darmo i bez zobowiązań.

Testuj wszystkie funkcje przez 14 dni bez zobowiązań. Zakładając sklep poprzez podanie
adresu e-mail akceptujesz nasz Regulamin i Politykę Prywatności