[Siteor CMS, Baza Wiedzy ](https://pomoc.siteor.pl.md) / [Odpowiedzi na częste pytania](https://pomoc.siteor.pl/odpowiedzi-na-czeste-pytania.md)

# [Tagi i zmienne dostępne w szablonie strony (layout)](https://pomoc.siteor.pl/tagi-i-zmienne-dostepne-w-szablonie-strony-layout.md)

<p>W szablonie strony (Strona WWW > Szablony) można używać specjalnych tagów CMS, zmiennych Liquid i elementów dynamicznych JS. Poniżej pełna lista.</p>

<h2>Tagi CMS - menu</h2>

<pre><code>&lt;cms type="menu" kind="list" from="-2"&gt;&lt;/cms&gt;</code></pre>

<p>Parametr <code>from</code>:</p>
<ul>
<li>numer menu - które menu główne (1, 2, 3...)</li>
<li><code>-1</code> - wybrane podmenu</li>
<li><code>-2</code> - wybrane menu (zalecane)</li>
</ul>

<p>Parametr <code>kind</code>:</p>
<ul>
<li><code>list</code> - menu proste, jeden poziom</li>
<li><code>list_2</code> - menu proste, dwa poziomy</li>
<li><code>tree_toggled</code> - wielopoziomowe klikalne (pionowe)</li>
<li><code>tree_toggled_2</code> - wielopoziomowe rozwijane</li>
<li><code>tree</code> - wielopoziomowe rozwinięte (pionowe)</li>
<li><code>sitemap</code> - mapa strony</li>
</ul>

<h2>Tagi CMS - box i komponenty</h2>

<p>Box - miejsce na paragrafy (treści) na stronie:</p>
<pre><code>&lt;cms type="box" id="1"&gt;&lt;/cms&gt;</code></pre>

<p>Box z ograniczeniem na jeden paragraf (np. do bannera):</p>
<pre><code>&lt;cms type="box" id="2" max="1"&gt;&lt;/cms&gt;</code></pre>

<p>Komponenty - gotowe elementy do wstawienia w layout:</p>
<pre><code>&lt;cms:component type="user"/&gt;          Menu użytkownika (logowanie, rejestracja)
&lt;cms:component type="user_simple"/&gt;   Uproszczone menu użytkownika
&lt;cms:component type="lang"/&gt;          Przełącznik języka
&lt;cms:component type="logo"/&gt;          Logo witryny
&lt;cms:component type="search"/&gt;        Wyszukiwanie (strona + sklep)
&lt;cms:component type="www_search"/&gt;    Wyszukiwanie tylko na stronie
&lt;cms:component type="shop_search"/&gt;   Wyszukiwanie w sklepie
&lt;cms:component type="breadcrumb"/&gt;    Ścieżka nawigacji
&lt;cms:component type="mini_cart"/&gt;     Koszyk sklepowy
&lt;cms:component type="wishlist"/&gt;      Lista życzeń
&lt;cms:component type="page_changelog"/&gt; Rejestr zmian</code></pre>

<p>Wstawianie innego szablonu (szablon częściowy):</p>
<pre><code>&lt;cms:include name="nazwa_layout"/&gt;</code></pre>

<h2>Zmienne Liquid - strona (page)</h2>

<p>Zmienne strony - wstawiają dane aktualnie wyświetlanej strony:</p>
<pre><code>{{page.title}}          Tytuł strony z suffixem portalu (np. "O nas - Firma")
{{page.name}}           Sama nazwa strony bez suffiksu
{{page.html_title}}     Tytuł HTML (SEO) z suffixem portalu
{{page.parsed_title}}   Tytuł w formie URL
{{page.url}}            Adres URL strony
{{page.id}}             ID strony
{{page.lang}}           Język strony
{{page.html_description}}  Meta opis
{{page.html_keywords}}     Meta słowa kluczowe
{{page.html_script}}       Skrypt JS w sekcji head
{{page.html_script_end}}   Skrypt JS na końcu strony (przed &lt;/body&gt;)
{{page.layout_config}}     Konfiguracja layoutu
{{page.page_layout_id}}    ID szablonu
{{page.var1}}           Zmienna 1 (dowolna wartość ustawiana per strona)
{{page.var2}}           Zmienna 2
{{page.var3}}           Zmienna 3</code></pre>

<h2>Zmienne Liquid - portal</h2>

<p>Zmienne portalu (witryny) - wspólne dla wszystkich stron w danej witrynie:</p>
<pre><code>{{portal.name}}         Nazwa portalu
{{portal.parsed_name}}  Nazwa w formie URL
{{portal.html_title}}   Tytuł HTML portalu (z ustawień witryny)
{{portal.url}}          Adres URL portalu
{{portal.lang}}         Język portalu
{{portal.html_lang}}    Atrybut lang HTML
{{portal.url_lang}}     URL z prefixem języka
{{portal.logo_url}}     URL logo
{{portal.logo_exists}}  Czy logo istnieje (true/false)
{{portal.enable_wcag21}} Czy WCAG 2.1 włączony
{{portal.enable_amp}}   Czy AMP włączony</code></pre>

<h2>Zmienne systemowe</h2>

<pre><code>{{powered_by}}          Link "Powered by Siteor"
{{year}}                Aktualny rok
{{siteor.css}}          Systemowe style CSS (wymagane)
{{siteor.javascript}}   Systemowe skrypty JS (wymagane)
{{body_mode_class}}     Klasa CSS body: edit/preview/normal (v3)</code></pre>

<h2>Instrukcje warunkowe Liquid</h2>

<p>W layoucie możesz używać logiki warunkowej Liquid - np. wyświetlić coś tylko na wybranych stronach:</p>
<pre><code>{% if page.var1 == 'promo' %}
  &lt;div class="promo-banner"&gt;Promocja!&lt;/div&gt;
{% endif %}</code></pre>

<pre><code>{% if page.lang == 'pl' %}
  &lt;p&gt;Wersja polska&lt;/p&gt;
{% elsif page.lang == 'en' %}
  &lt;p&gt;English version&lt;/p&gt;
{% endif %}</code></pre>

<p>Więcej o instrukcjach warunkowych: <a href="https://pomoc.siteor.pl/5770848-informacje-wstepne">Informacje wstępne</a></p>

<h2>Elementy dynamiczne (JavaScript)</h2>

<p>Te elementy wypełniają się po załadowaniu strony przez JavaScript:</p>
<pre><code>#cms_user_menu       Wstawia menu logowanie/wylogowanie
.user_logged_in      Widoczne gdy użytkownik jest zalogowany
.user_not_logged_in  Widoczne gdy NIE jest zalogowany
#current_user_login  Wstawia login użytkownika
#current_user_avatar Wstawia avatar użytkownika
#page_counter        Licznik odwiedzin strony
#portal_counter      Licznik odwiedzin całej witryny</code></pre>

<p>Przykład:</p>
<pre><code>&lt;div class="user_logged_in" style="display:none;"&gt;
  Witamy &lt;span id="current_user_login"&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;div class="user_not_logged_in" style="display:none;"&gt;
  Prosimy o zalogowanie
&lt;/div&gt;</code></pre>

<h2>Pliki CSS, grafiki, JS</h2>

<p>Pliki zarządzane przez CMS (style, grafiki, skrypty) znajdują się pod adresem:</p>
<pre><code>https://fs.siteor.com/NAZWA_KONTA/files/layout/*</code></pre>

<p>Odwołanie do CSS w szablonie:</p>
<pre><code>&lt;link href="https://fs.siteor.com/NAZWA_KONTA/files/layout/default/main.css" media="screen" rel="stylesheet" type="text/css" /&gt;</code></pre>

---

## Powiązane

- [Jak kontrolować tytuł strony (tag title) w szablonie](https://pomoc.siteor.pl/jak-kontrolowac-tytul-strony-tag-title-w-szablonie.md)
- [Lista tagów handlebars do paragrafu modułu Artykuły](https://pomoc.siteor.pl/115469610-lista-tagow-handlebars-do-paragrafu-modulu-artykuly.md)
- [Instrukcje warunkowe, pętle itp.](https://pomoc.siteor.pl/5771153-instrukcje-warunkowe-petle-itp.md)
- [Tworzenie odpowiedniego dla siebie tytułu strony i witryny w szablonie](https://pomoc.siteor.pl/200537-tworzenie-odpowiedniego-dla-siebie-tytulu-strony-i-witryny-w-szablonie.md)
- [Jak edytować szablon strony lub dodać nowy](https://pomoc.siteor.pl/105387-jak-edytowac-szablon-strony-lub-dodac-nowy.md)