UTWORZENIE DEDYKOWANYCH PODSTRON
W nowej wersji Selesto Użytkownik otrzymuje możliwość budowania własnych dedykowanych stron na bazie predefiniowanych sekcji. Poniżej prezentujemy stronę kontakt, która została wbudowana w szablon sklepu jako przykład. Aby zmodyfikować jej treść należy standardowo wejść w tryb edycji strony, zmienić jej zawartość, a następnie opublikować zmiany.
Jak widać Użytkownik może budować w Selesto całkowicie dedykowane strony, składając je z predefiniowanych sekcji (podobnie jak układa się klocki). Aby tego dokonać należy:
Wybrać przycisk: "Wygląd", a następnie: "CMS" oraz przejść do listy elementów i stron znajdujących się po prawej stronie ekranu. W tym miejscu należy wybrać przycisk "Dodaj", poprzez który można utworzyć nową stronę:
Po wybraniu przycisku "Dodaj" wyświetli się okienko tworzenia całkowicie nowej strony:
W tym miejscu musimy uzupełnić:
Nazwę roboczą strony (nazwa wyświetla się wyłącznie w panelu CMS, nie będzie nigdzie indziej widoczna)
Adres url strony - (relatywny adres strony - przykładowo jeżeli adresem strony ma być: https://twojsklep.pl/dostawa to wtedy w tym polu należy uzupełnić wyłącznie słowo "dostawa')
Po uzupełnieniu "Nazwy" oraz "Adresu url" należy wybrać przycisk "Dodaj" czego efektem będzie utworzenie się nowej strony. Po wejściu w nowo utworzoną stronę znajdziemy się w trybie edycji strony, która nie posiada jeszcze żadnych treści (jest pusta) i wymaga ich uzupełnienia:
W celu uzupełnienia nowo utworzonej strony treścią należy przejść po kolei przez wszystkie elementy konfiguracyjne. Do dyspozycji otrzymujemy:
Ustawienia główne -ustawiamy tutaj: nazwę, adres url, rodzaj strony, przeźroczystość menu
SEO - definiujemy tutaj m.in.: meta title i meta descriptio dla tej konkretnej strony
Biblioteka mediów - dodajemy tutaj nowe media np. zdjęcia oraz zarządzamy nimi
Po uzupełnieniu konfiguracji strony chcąc zbudować szablon strony należy po kolei dodawać sekcję do elementów konstrukcyjnych, czyli:
Góra
Lewa strona
Prawa Strona
Dół
W ramach podziału: Góra, Lewa strona, Prawa strona i Dół musimy zdecydować, który z tych elementów nas interesuje (możemy użyć wszystkich). Wizualnie w celu wyobrażenia sobie logiki działania systemu podział strony polega na umieszczaniu wybranych sekcji w konkretnym elemencie (strefie), które możemy zaprezentować następująco:
W celu szybkiego zbudowania strony najlepszym wyborem na początek będzie element Góra, na jego przykładzie zaprezentujemy jak wygląda składanie strony z sekcji.
W tym celu należy rozwinąć element oraz wybrać przycisk: "Dodaj sekcję".
Po wybraniu przycisku nastąpi wyświetlenie okienka z listą sekcji dostępnych do wyboru. Lista jest dość szeroka dlatego warto sobie potestować różna opcje, innymi słowy warto wybrać kilka różnych sekcji i wypełnić je własnym kontentem):
Sekcje po ich wybraniu i skonfigurowaniu można dowolnie przestawiać pod względem kolejności za pomocą mechanizmu "Drag & Drop".
W tym celu należy wybrać "biały przycisk" znajdujący się obok pola wyszukiwania, na którym widoczne są dwie strzałki w górę i w dół. Przycisk zmieni wtedy swoją barwę na czarną, a element Góra umożliwi wtedy przemieszczanie sekcji, które się w nim znajdują:
Po zmodyfikowaniu kolejności należy odznaczyć ten sam "przycisk", który aktualnie wyświetla się w kolorze czarnym, przycisk zmieni wtedy swoją barwę ponownie na białą , a element Góra zablokuje wtedy możliwość przemieszczania sekcji, które się w nim znajdują.
Treść, która została uzupełniona w ramach pojedyńczej sekcji również może być modyfikowana pod kątem kolejności za pomocą mechanizmu "Drag & Drop":
W tym celu należy wybrać "biały przycisk" znajdujący się nad listą zawartości, na którym widoczne są dwie strzałki w górę i w dół.
Po wybraniu przycisku wysunie się okno z prawej strony ekranu, co umożliwi wtedy przemieszczanie treści, które się w nim znajdują:
Po zmodyfikowaniu kolejności należy wybrać przycisk "Zatwierdź" co poskutkuje przemieszczeniem się treści w ramach wybranej sekcji.
Dodatkowo zarządzanie samą treścią jest maksymalnie uproszczone, wystarczy rozwinąć wybrany element z treścią i uzupełnić: dodać zdjęcie z dysku, wpisać tekst w polu, nazwać przycisk, wskazać link do którego kieruje przycisk, wybrać ikonkę na przycisku, itp.:
Dla bardziej zaawansowanych użytkowników możliwe jest również nadpisanie kodu CSS własnym, wystarczy wybrać w sekcji "Rodzaj edycji" przycisk: "Pełna", a następnie uzupełnić własny kod, przykład poniżej:
Po zakończeniu pracy należy pamiętać aby opublikować wprowadzone zmiany poprzez przycisk "Opublikuj". Dopóki zmiany nie zostaną opublikowane nie będą się wyświetlać na zewnątrz, tzn. zmiany będą widoczne wyłącznie w panelu administracyjnym sklepu.