Ukážka komponentov (showcase)

Interná stránka s ukážkou všetkých komponentov a ich variantov, ktoré možno použiť v článku. Slúži na kontrolu vzhľadu po úpravách webu. Stránka nemá kategóriu, nevedie na ňu žiadny odkaz a vyhľadávače ju neindexujú.

Text a nadpisy#

Odsek s tučným textom, kurzívou, inline kódom, interným odkazom, odkazom na sekciu, externým odkazom a e-mailom.

Systémový tag ako kód: #ORDER_STOREFRONT_DETAIL_BUTTON#.

Nadpis H3#

Nadpis H3 je v obsahu článku vpravo, H4 nie.

Nadpis H4#

Text pod nadpisom H4.

Nadpis s pevnou kotvou#

Tento nadpis má kotvu #pevna-kotva, ktorá sa nezmení ani po premenovaní nadpisu: odkaz na pevnú kotvu.

Nadpis s ikonou #

Ikona v nadpise sa škáluje s veľkosťou písma.

Zoznamy#

Odrážkový zoznam:

• prvá položka
• druhá položka
  • vnorená položka
    • druhá úroveň vnorenia
• tretia položka

Číslovaný zoznam:

1. prvý krok
2. druhý krok
   1. vnorený krok
   2. ďalší vnorený krok
3. tretí krok

Kombinácia:

1. číslovaná položka
   • odrážka vnútri
   • ďalšia odrážka
2. ďalšia číslovaná položka

Blok kódu#

<LOGISTIC>
  <WEIGHT>1.5</WEIGHT>
</LOGISTIC>

Citácia a oddeľovač#

Citácia. V článkoch sa bežne nepoužíva, ukážka je len na kontrolu štýlu.

Text za vodorovným oddeľovačom.

Alert#

Farby s predvoleným nadpisom#

Vlastný nadpis#

Bohatší obsah#

Bez farby#

Ikony#

Po prejdení myšou sa zobrazí predvolený titulok ikony z jazykového súboru.

Farby ikon#

Predvolená farba z adminu:

Farba okolitého textu (color="inherit"):

Vlastná farba (color="#8a2be2"):

Ikona v odkaze: stiahnuť doklad

Ikony v texte#

Objednávku vytlačíte ikonou , riadok odstránite ikonou a nový pridáte tlačidlom Pridať (title="": dekoratívna ikona, čítačka ju neprečíta).

Farebné bodky#

V texte: Vybavená, Čaká, (bodka s label má titulok po prejdení myšou).

V Alerte:

Obrázky#

S tieňom (shadow):

Bez tieňa:

S obmedzenou šírkou (maxWidth="280px"):

Bez popisku (caption chýba, obrázok má prázdny alt):

Tabuľky#

Štandardná tabuľka článku (responsive bordered, hlavička light):

Pruhovaná a kompaktná (striped size="small"), bez hlavičky:

Video#

S pomerom 4:3 a obmedzenou šírkou (ratio={4/3}, maxWidth="480px"):