Storefront: Sekcja na szerokość ekranu

Data publikacji: 10 maja 2024 Ostatnia aktualizacja: 5 grudnia 2024

Technologia Storefront daje możliwość prostej zmiany szerokości sekcji, z podstawowej szerokości strony na szerokość ekranu. Taki zabieg pozwala na lepsze wyróżnienie elementów strony i skupienie większej uwagi kupujących na nich.

Jak ustawić sekcję na szerokość ekranu?

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 wybranej sekcji
Shoper Visual Editor > Struktura strony > Edycja sekcji
Rys 2. Przejdź do edycji wybranej sekcji
Shoper Visual Editor > Struktura strony > Edycja sekcji
Rys 2. Przejdź do edycji wybranej sekcji
Zaznacz checkbox Pełna szerokość ekranu, a następnie wybierz jeden z dwóch sposobów wyświetlania danej sekcji:
  • Tło i zawartość sekcji – zarówno zawartość sekcji (moduły) jak i jej tło zostaną rozciągnięte na szerokość ekranu.
  • Tylko tło sekcji – zawartość sekcji (moduły) będą wyświetlane w standardowej szerokości strony, natomiast tło sekcji zostanie rozciągnięte na szerokość ekranu.
Shoper Visual Editor > Struktura strony > Edycja sekcji > Pełna szerokość ekranu
Rys 3. Wybierz sposób wyświetlania sekcji na całej szerokości ekranu
Shoper Visual Editor > Struktura strony > Edycja sekcji > Pełna szerokość ekranu
Rys 3. Wybierz sposób wyświetlania sekcji na całej szerokości ekranu
Zapisz zmiany w sekcji, a następnie zapisz zmiany w całym układzie, klikając: ZAPISZ I OPUBLIKUJ ZMIANY W UKŁADZIE (w prawym górnym rogu edytora).

Zarządzanie sekcjami, wierszami i kolumnami w szablonie

W szablonie Storefront możesz tworzyć własne układy modułów na stronach sklepu, przy pomocy kombinacji sekcji wierszy i kolumn. Więcej na temat ich zarządzania znajdziesz w artykule: jak dodać i edytować sekcję w edytorze?

Ustawienia treści w obrębie danej sekcji

Treści tj. tekst, grafika, inne moduły, dodawane do nowo tworzonych sekcji, wierszy i kolumn, mają ustawione domyślne wyrównanie. W poziomie: do lewej natomiast w pionie: do środka. Więcej na temat tej modyfikacji znajdziesz w artykule: jak zmienić domyślne położenie treści względem wiersza i/lub kolumny?

Inne artykuły nt. technologii Storefront

Przeczytaj również poniższe artykuły Centrum pomocy związane z nowym interfejsem edycji wyglądu sklepu:

Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • w jaki sposób włączyć wyświetlanie elementów szablonu na szerokość ekranu.
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