Storefront: Pasek informacyjny w nagłówku

Data publikacji: 11 maja 2024 Ostatnia aktualizacja: 11 lipca 2024

Pokaż najważniejsze informacje o promocjach, wyprzedażach, urlopie czy chociażby dane kontaktowe w widocznym miejscu w sklepie. Jednym z takich miejsc jest pasek umieszczony w nagłówku. Z poniższej instrukcji dowiesz się jak dodać taki pasek w Shoper Visual Editor.

W jaki sposób dodać pasek informacyjny do nagłówka?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C) > Szczegóły szablonu (D) i uruchom edytor, klikając: EDYTUJ UKŁAD I STYL SZABLONU (E).
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Edytuj układ i styl szablonu
Rys 1. Uruchom edytor Shoper Visual Editor w technologii Storefront
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Edytuj układ i styl szablonu
Rys 1. Uruchom edytor Shoper Visual Editor w technologii Storefront

Jeśli szablon Storefront nie jest ustawiony jako aktywny w sklepie, to przejdź do jego edycji w zakładce: Wygląd i treści > Wygląd sklepu > Twoje szablony graficzne.

W Shoper Visual Editor przejdź do edycji nagłówka sklepu.
Utwórz nową sekcję (A) nad istniejącą już sekcją lub nowy wiersz (B) w obrębie istniejącej już sekcji.
Shoper Visual Editor > Edycja nagłówka
Rys 2. W nagłówku dodaj nową sekcję lub wiersz
Shoper Visual Editor > Edycja nagłówka
Rys 2. W nagłówku dodaj nową sekcję lub wiersz

Jeśli chcesz dla info paska ustawić odrębny kolor tła, to utwórz nową sekcję w nagłówku. Jak ustawić kolor tła dla sekcji dowiesz się z artykułu: Jak zarządzać sekcjami, wierszami i kolumnami?

Dodaj moduł: Tekst i multimedia (A) do przygotowanego wcześniej miejsca w nagłówku, a następnie przejdź do edycji treści modułu (B).
Shoper Visual Editor > Edycja nagłówka > Moduł: Tekst i multimedia
Rys 3. Dodaj moduł: Tekst i multimedia, a następnie przejdź do edytora treści modułu
Shoper Visual Editor > Edycja nagłówka > Moduł: Tekst i multimedia
Rys 3. Dodaj moduł: Tekst i multimedia, a następnie przejdź do edytora treści modułu
W oknie edytora wprowadź treść komunikatu (A), a następnie potwierdź zmiany, klikając: ZAPISZ (B)
Edytor tekstu w module Tekst i multimedia
Rys 4. Wprowadź treść paska informacyjnego i zapisz zmiany
Edytor tekstu w module Tekst i multimedia
Rys 4. Wprowadź treść paska informacyjnego i zapisz zmiany

W podglądzie na żywo edytora Shoper Visual Editor zobaczysz komunikat dodany do nagłówka. Kliknij: ZAPISZ I OPUBLIKUJ NAGŁÓWEK.

Shoper Visual Editor > Edycja nagłówka
Rys 5. Zapisz zmiany w nagłówku, klikając: ZAPISZ I OPUBLIKUJ NAGŁÓWEK
Shoper Visual Editor > Edycja nagłówka
Rys 5. Zapisz zmiany w nagłówku, klikając: ZAPISZ I OPUBLIKUJ NAGŁÓWEK

Jak wyśrodkować treść paska informacyjnego?

Treść komunikatu dodaną do paska informacyjnego wyśrodkujesz, wprowadzając zmiany w ustawieniach kolumny oraz wiersza.

Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • jak stworzyć moduł z komunikatem tekstowym,
  • jak umieścić moduł z komunikatem w nagłówku,
  • jak wyśrodkować treść paska informacyjnego w nagłówku.
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