Własne widoki w CMS

Własne widoki pozwalają na stworzenie własnego bloku kodu, który najczęściej służy jako dodatkowa podstrona w sklepie. Widoki własne pozwalają jednak na wiele więcej – można w nich definiować wygląd:

• oferty modułu handlowca
• wydruku kalkulacji
• wydania zewnętrznego
• nagłówek kreatora

Dodatkowo, za pomocą Własnych widoków można zaimportować do szablonu kod z zewnętrznego serwera – formularz, dowolną stronę, skrypty.

Utworzenie własnego widoku

Funkcjonalność dostępna jest w sekcji CMS > Własne widoki. Po kliknięciu Dodaj pojawi się formularz utworzenia widoku własnego.

Należy tutaj skonfigurować właściwości widoku własnego:

Nazwa – nazwa widoku własnego

Typ – wybór trybu funkcjonowania widoku:

Kod lokalny

Wyświetla kod HTML, CSS i JavaScript wprowadzony w edytorze.

Kod zewnętrzny

Wyświetlanie kodu zewnętrznego, to opcja zaawansowana. Po wpisaniu pod edytorem, w polu Url zewnętrzny odnośnika do własnego skryptu, możliwe jest zaimportowanie kodu z zewnętrznego adresu URL.

Przykładem kodu zewnętrznego może być wyświetlanie formularza zaciąganego z zewnętrznego serwera, co umożliwi zapisywanie danych na tym serwerze. Innym przykładem może być przygotowany na zewnętrznym serwerze landing page.

Dodatkowe opcje

Po uzupełnieniu pola Nazwa i zapisaniu pojawią się dodatkowe opcje widoku własnego:

Podgląd

W trakcie edycji pomocny będzie przycisk Podgląd znajdujący się w górnej części ekranu. Po zapisaniu wprowadzonych zmian, kliknięcie przycisku przekieruje na podstronę widoku własnego w serwisie.

Na samej górze widoku własnego wyświetla się url prowadzący do wyświetlania tego widoku na stronie drukarni. W tym przypadku jest to /view/14, co pozwala wyświetlić ten widok pod adresem: http://twoja-domena.pl/view/14

Za pomocą tego url można widok podlinkować w stopce, nagłówku lub menu, w sekcji CMS > Menu.

Tagi HTML

Kliknięcie przycisku tagi html odkryje zmienne, które można użyć w szablonie drukarni do wyświetlania poszczególnych części widoku własnego, najistotniejsze z nich to:

• nazwa
• kod widoku

Zmienną taką wystarczy skopiować i wkleić w dowolnym miejscu w szablonie (CMS > Szablony drukarni > edycja).

Przykłady

Formularz własny

1. W sekcji CMS > Własne formularze został utworzony nowy formularz z możliwością wgrania plików.
2. Skopiowany kod HTML należy wkleić w widoku własnym w edytorze kodu:
   
3. Ustawić Typ widoku jako Kod Lokalny
   
4. Po zapisaniu, formularz dostępny jest na podstronie drukarni /view/14


Edycja nagłówka w kreatorze

Po aktywowaniu modułu kreatora, w sekcji CMS > Własne widoki dostępny do edycji jest widok o nazwie Customers Canvas creator header.

Wprowadzone zmiany w sekcji kod, przykładowo dodanie:

Pozwoli wyświetlić informację dla klienta w górnej części kreatora: