Narzędzia CMS
- Bloki CMS wprowadzenie
- Wykaz bloków CMS znajdujących poza stroną główną
- Wykaz bloków CMS występujących w stopce strony
- Wykaz bloków CMS występujących między nagłówkiem a stopką strony
Bloki CMS wprowadzenie
Wprowadzenie
Panel administracyjny umożliwia tworzenie bloków CMS, które mogą występować na stronie głównej (w nagłówku strony, w sliderach, między nagłówkiem a stopką oraz w stopce) a także na stronach docelowych sklepu. Bloki charakteryzują się odmiennymi parametrami oraz własciwościami. Każdy z nich został opisany w osobnych artykułach.
Wyróżniamy 2 główne miejsca występowania CMS bloków:
- Bloki wystepujące na stronie głównej:
- Bloki wystepujące poza stroną główną
ZapamiętajWięcej informacji na temat struktury sklepu znajdziesz w artykule Budowa strony sklepu.
ZapamiętajOpis sekcji Bloki/lista oraz procesu dodawania i edycji CMS bloku został opisany w artykułach:
- Opis sekcji Bloki / lista
- Dodawanie i edycja CMS bloku
Spis treści:
Czym jest CMS block
CMS to skrót od anglojęzycznej nazwy "Content Management System" co oznacza "System Zarządzania Treścią". Bloki CMS zawierają fragmenty kodu HTML, który administratorzy panelu, z odpowiednimi uprawnieniami, mogą dodawać oraz edytować go według potrzeb. Odpowiednio skonfigurowany blok, może zostać umieszczony na witrynie sklepu, w predefiniowanym miejscu. Bloki doskonale sprawdzają się do przechowywania treści, takich jak: banery, grafiki, teksty a nawet filmy video, by w prosty i przejrzysty sposób, moć zarządzać treścią witryny sklepu. Poniżej znajdziesz wizualizację bloku CMS, występującego na stronie głównej sklepu.
Wizualizacja bloku CMS na stronie głównej sklepu Yves Rocher (wersja desktop) |
Wizualizacja bloku CMS na stronie głównej sklepu Yves Rocher (wersja mobile) |
Wykaz bloków CMS znajdujących poza stroną główną
Wprowadzenie
Panel administracyjny umożliwia tworzenie różnych rodzajów bloków CMS, charakteryzujących się odmiennymi parametrami i miejscem występowania na witrynie sklepu. Większość bloków zlokalizowana jest na stronie głównej sklepu. Więcej na temat jej budowy znajdziesz w artykule Budowa strony sklepu.
Wizualizacja strony głównej Yves Rocher (wersja desktop) |
Wizualizacja strony głównej Yves Rocher (wersja mobile) |
Poniższy artykuł poświęcony jest blokom występującym poza stroną główną. Pozostałe rodzaje bloków CMS zostały opisane w poszczególnych artykułach:
- Wykaz bloków CMS występujących w nagłówku strony
- Wykaz bloków CMS występujących w sliderach
- Wykaz bloków CMS występujących w stopce strony
- Wykaz bloków bloków CMS znajdujących poza stroną główną
Dodatkowe informacji na temat bloków CMS uzyskasz w artykułach:
Bloki CMS występujące poza stroną główną
Bloki CMS zlokalizowane poza stroną główną dzielą się na bloki mobilne oraz bloki desktopowe. Poniżej znajdziesz wykaz bloków dla obu wersji:
Bloki desktopowe:
Wykaz bloków CMS występujących w stopce strony
Wprowadzenie
Poniższy artykuł poświęcony jest blokom CMS występujących w stopce strony. Pozostałe rodzaje bloków CMS zostały opisane w poszczególnych artykułach:
- Bloki CMS występujące w nagłówku strony.
- Bloki CMS występujące w sliderach.
- Bloki CMS występujące między nagłówkiem a stopką strony.
- Bloki CMS występujące poza stroną główną.
ZapamiętajWięcej informacji na temat struktury sklepu znajdziesz w artykule Budowa strony sklepu.
ZapamiętajOpis sekcji Bloki/lista oraz procesu dodawania i edycji CMS bloku został opisany w artykułach:
- Opis sekcji Bloki / lista
- Dodawanie i edycja CMS bloku
Wizualizacja strony głównej Yves Rocher (wersja desktop) |
Wizualizacja strony głównej Yves Rocher (wersja mobile) |
Spis treści:
Bloki CMS występujące w stopce strony
Za pomocą panelu administracyjnego jesteś w stanie wpłynąć na wygląd stopki, edytując zlokalizowane w niej bloki CMS. Aby lepiej zrozumieć jej budowę, poniżej znajdziesz wizualizację, na której zaznaczono wszystkie bloki występujące w stopce desktopowej i mobilnej.
Wykaz bloków desktopowych:
Wizualizacja stopki na stronie głównej sklepu Yves Rocher (wersja desktop) |
- (1) - blok "new layout footer / advantages icons"
- (2) - blok "new layout footer / new layout footer / client services"
- (3) - blok "new layout footer / column 1"
- (4) - blok "new layout footer / column 2"
- (5) - blok "new layout footer / column 3"
- (6) - blok "new layout footer / column 4"
- (7) - blok "new layout footer / legal info"
- (8) - blok "desktop / footer / green footer"
Wykaz bloków mobilnych:
Wizualizacja stopki na stronie głównej sklepu Yves Rocher (wersja mobile) |
Blok new layout footer / advantages icons
Blok new layout footer / advantages icons dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (new layout footer / advantages icons) na witrynie sklepu |
W celu zarządzania blokiem new layout footer / advantages icons przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "new layout footer / advantages icons", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (new layout footer / advantages icons) w panelu administracyjnym |
Blok new layout footer / new layout footer / client services
Blok new layout footer / client services dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (new layout footer / client services) na witrynie sklepu |
W celu zarządzania blokiem new layout footer / client services przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie " new layout footer / client services", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (new layout footer / client services) w panelu administracyjnym |
Blok new layout footer / column 1
Blok new layout footer / column 1 dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (new layout footer / column 1) na witrynie sklepu |
W celu zarządzania blokiem new layout footer / column 1 przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie " new layout footer / column 1", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (new layout footer / column 1) w panelu administracyjnym |
Blok new layout footer / column 2
Blok new layout footer / column 2 dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (new layout footer / column 2) na witrynie sklepu |
W celu zarządzania blokiem new layout footer / column 2 przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie " new layout footer / column 2", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (new layout footer / column 2) w panelu administracyjnym |
Blok new layout footer / column 3
Blok new layout footer / column 3 dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (new layout footer / column 3) na witrynie sklepu |
W celu zarządzania blokiem new layout footer / column 3 przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie " new layout footer / column 3", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (new layout footer / column 3) w panelu administracyjnym |
Blok new layout footer / column 4
Blok new layout footer / column 4 dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (new layout footer / column 4) na witrynie sklepu |
W celu zarządzania blokiem new layout footer / column 4 przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "new layout footer / column 4", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (new layout footer / column 4) w panelu administracyjnym |
Blok new layout footer / legal info
Blok new layout footer / legal info dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (new layout footer / legal info) na witrynie sklepu |
W celu zarządzania blokiem new layout footer / legal info przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "new layout footer / legal info", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (new layout footer / legal info) w panelu administracyjnym |
Blok desktop / footer / green footer
Blok desktop / footer / green footer dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (desktop / footer / green footer) na witrynie sklepu |
W celu zarządzania blokiem desktop / footer / green footer przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "desktop / footer / green footer", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (desktop / footer / green footer) w panelu administracyjnym |
Blok desktop / footer / green footer
Blok desktop / footer / green footer dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (desktop / footer / green footer) na witrynie sklepu |
W celu zarządzania blokiem desktop / footer / green footer przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "desktop / footer / green footer", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (desktop / footer / green footer) w panelu administracyjnym |
Blok mobile / footer / green footer
Wizualizacja CMS bloku (mobile / footer / green footer) na witrynie sklepu |
W celu zarządzania blokiem mobile / footer / green footer przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "mobile / footer / green footer", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (mobile / footer / green footer) w panelu administracyjnym |
Blok mobile footer navigation
Wizualizacja CMS bloku (mobile footer navigation) na witrynie sklepu |
W celu zarządzania blokiem mobile footer navigation przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "mobile footer navigation", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (mobile footer navigation) w panelu administracyjnym |
Wykaz bloków CMS występujących między nagłówkiem a stopką strony
Wprowadzenie
Poniższy artykuł poświęcony jest blokom CMS występujących między nagłówkiem a stopką strony. Pozostałe rodzaje bloków CMS zostały opisane w poszczególnych artykułach:
- Wykaz bloków CMS występujących w nagłówku strony
- Wykaz bloków CMS występujących w sliderach
- Wykaz bloków CMS występujących w stopce strony
- Wykaz bloków bloków CMS znajdujących poza stroną główną
ZapamiętajWięcej informacji na temat struktury sklepu znajdziesz w artykule Budowa strony sklepu.
ZapamiętajOpis sekcji Bloki/lista oraz procesu dodawania i edycji CMS bloku został opisany w artykułach:
- Opis sekcji Bloki / lista
- Dodawanie i edycja CMS bloku
Wizualizacja strony głównej Yves Rocher (wersja desktop) |
Wizualizacja strony głównej Yves Rocher (wersja mobile) |
Bloki CMS zlokalizowane między nagłówkiem a stopką strony dzielą się na bloki mobilne oraz bloki desktopowe. Poniżej znajdziesz wykaz bloków dla obu wersji.
Spis treści:
Bloki desktopowe:
- new layout index / below bestsellers 1
- new layout index / below bestsellers 2
- new layout index / me & my shop / box only one wide
- new layout index / below "my store and me"
- new layout index / above "my store and me"
- new layout index / me & my shop / box 1
- new layout index / me & my shop / box 2
- new layout index / me & my shop / box 3
Bloki mobilne:
- Blok mobile / index / promotion dates info
- Blok mobile / index / me & my shop
- Blok mobile / index / beauty lessons
- Blok mobile / index / social
Blok new layout index / below bestsellers 1
Blok new layout index / below bestsellers 1 (1) dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (new layout index / below bestsellers 1) na witrynie sklepu |
W celu zarządzania blokiem new layout index / below bestsellers 1 przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "new layout index / below bestsellers 1", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (new layout index / below bestsellers 1) w panelu administracyjnym |
Blok new layout index / below bestsellers 2
Blok new layout index / below bestsellers 2 (1) dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (new layout index / below bestsellers 2) na witrynie sklepu |
W celu zarządzania blokiem new layout index / below bestsellers 2 przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "new layout index / below bestsellers 2", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (new layout index / below bestsellers 2) w panelu administracyjnym |
Blok new layout index / me & my shop / box only one wide
Blok new layout index / me & my shop / box only one wide(1) dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (new layout index / me & my shop / box only one wide) na witrynie sklepu |
W celu zarządzania blokiem new layout index / me & my shop / box only one wide przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "new layout index / me & my shop / box only one wide", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (new layout index / me & my shop / box only one wide) w panelu administracyjnym |
Blok new layout index / below "my store and me"
Blok new layout index / below "my store and me" (1) dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (new layout index / below "my store and me") na witrynie sklepu |
W celu zarządzania blokiem new layout index / below "my store and me" przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "new layout index / below "my store and me"", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (new layout index / below "my store and me") w panelu administracyjnym |
Blok new layout index / above "my store and me"
Blok new layout index / above "my store and me"(1) dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (new layout index / above "my store and me") na witrynie sklepu |
W celu zarządzania blokiem new layout index / above "my store and me" przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "new layout index / above "my store and me"", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (new layout index / above "my store and me") w panelu administracyjnym |
Blok new layout index / me & my shop / box 1
Blok new layout index / me & my shop / box 1 (1) dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (new layout index / me & my shop / box 1) na witrynie sklepu |
W celu zarządzania blokiem new layout index / me & my shop / box 1 przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "new layout index / me & my shop / box 1", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (new layout index / me & my shop / box 1) w panelu administracyjnym |
Blok new layout index / me & my shop / box 2
Blok new layout index / me & my shop / box 2 (1) dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (new layout index / me & my shop / box 2) na witrynie sklepu |
W celu zarządzania blokiem new layout index / me & my shop / box 2 przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "new layout index / me & my shop / box 2", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (new layout index / me & my shop / box 2) w panelu administracyjnym |
Blok new layout index / me & my shop / box 3
Blok new layout index / me & my shop / box 3 (1) dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (new layout index / me & my shop / box 3) na witrynie sklepu |
W celu zarządzania blokiem new layout index / me & my shop / box 3 przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "new layout index / me & my shop / box 3", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (new layout index / me & my shop / box 3) w panelu administracyjnym |
Blok mobile / index / promotion dates info
Blok mobile / index / promotion dates info (1) dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (mobile / index / promotion dates info) na witrynie sklepu |
W celu zarządzania blokiem mobile / index / promotion dates info przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "mobile / index / promotion dates info", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (mobile / index / promotion dates info) w panelu administracyjnym |
Blok mobile / index / me & my shop
Blok mobile / index / me & my shop (1) dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (mobile / index / me & my shop) na witrynie sklepu |
W celu zarządzania blokiem mobile / index / me & my shop przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "mobile / index / me & my shop", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (mobile / index / me & my shop) w panelu administracyjnym |
Blok mobile / index / beauty lessons
Blok mobile / index / beauty lessons (1) dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (mobile / index / beauty lessons) na witrynie sklepu |
W celu zarządzania blokiem mobile / index / beauty lessons przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "mobile / index / beauty lessons", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (mobile / index / beauty lessons) w panelu administracyjnym |
Blok mobile / index / social
Blok mobile / index / social (1) dodany z poziomu panelu administracyjnego, na witrynie sklepu wygląda następująco:
Wizualizacja CMS bloku (mobile / index / social) na witrynie sklepu |
W celu zarządzania blokiem mobile / index / social przejdź do:
CMS > Bloki / lista
Następnie w polu wyszukiwania znajdż blok o nazwie "mobile / index / social", po czym wybierz przycisk Edytuj. Zostaniesz przeniesiony do okna edycji bloku, gdzie w sekcji Treść będziesz mógł edytować jego zawartość jak na wizualizacji poniżej.
Wizualizacja widoku Popraw blok (mobile / index / social) w panelu administracyjnym |