Shoptet šablóna Elevate ponúka moderný, responzívny a flexibilný dizajn s množstvom možností nastavenia. Okrem toho obsahuje funkcie, ktoré v iných šablónach bežne nenájdete. Prehľad funkcionalít nájdete na tomto odkaze.
Aby ste mohli šablónu využiť naplno, pripravil som prehľadný návod, v ktorom si krok po kroku vysvetlíme základné nastavenia šablóny, prispôsobenie jednotlivých prvkov, úpravy a rozšírenia napr. video galéria v detaile produktu, cena na dotaz a ďalšie. S nastaveniami vám pomôže jednoduchý generátor kódu, kde si vyklikáte všetko potrebné vrátane úprav zaoblenia rohov, nastavenie sliderov, textov pre rôzne jazykové mutácie a omnoho viac.
Šablónu si môžete vyskúšať zadarmo na 30 dní.
Návod vám poskytne lepší náhľad do nastavenia šablóny, pre všeobecné nastavenia Shoptetu ako takého odporúčam využiť Podporu a návody od Shoptet, ktoré nájdete na tejto stránke a v tomto návode sa im nebudem bližšie venovať. V závislosti na vašom tarife nemusia byť dostupné všetky nastavenia, ktoré sú spomenuté v tomto návode a vyžadujú si využitie Doplnkov Shoptet. Obrázky v tomto návode si môžete zväčšiť klikom na ne alebo si ich môžete stiahnuť do PC pre lepšiu čitateľnosť.
Berte prosím na vedomie, že šablóna nemusí byť kompatibilná s doplnkami tretích strán, aj keď sa o to budem snažiť v najlepšej možnej miere vďaka pravidelným aktualizáciám a na základe vašich požiadaviek. V prípade problému, ktorý vzniká pri používaní týchto doplnkov, ma prosím kontaktujte na grac.jakub@jg-media.eu alebo využite kontaktný formulár na konci stránky – pokúsime sa ho vyriešiť bezplatne – pomôžete mi tak lepšie integrovať doplnky tretích strán do šablóny Elevate a zároveň tak spoločne pomôžeme do budúcna ostatným užívateľom.
Máte otázky, potrebujete pomôcť s nastavením?
V prípade otázok ohľadom nastavenia šablóny ma kontaktujte na grac.jakub@jg-media.eu alebo využite kontaktný formulár na konci stránky.
Inštalácia šablóny
Pre inštaláciu Shoptet šablóny Elevate stačí prejsť na Shoptet Doplnky SK (pre slovenské e-shopy) alebo Shoptet Doplnky CZ (pre české e-shopy) a kliknúť na Objednať a Inštalovať. Šablóna bude následne aktívna na vašom e-shope a môžete hneď začať s jej používaním.
Po nainštalovaní prosím venujte čas základnému nastaveniu – najmä nastaveniu farebnosti, nakoľko využitie farieb je odlišné od väčšiny ostatných šablón a preto si v začiatku vyžaduje vašu pozornosť.
Základné nastavenia
Aby ste dosiahli podobu ukážkového e-shopu so šablónou Elevate, je potrebné venovať pozornosť jej prvotnému nastaveniu, ktoré prebieha priamo v administrácii Shoptetu a ktoré si v tomto návode prejdeme krok po kroku spolu s vizuálnymi ukážkami priamo z administrácie.
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Editor – záložka Editor vzhľadu
Farebnú schému Shoptet šablóny Elevate je možné nastaviť v administrácii, pričom svetlejšie a tmavšie odtiene využitých farieb sú pre vybrané prvky generované automaticky na základe zvolených hodnôt. Odporúčam venovať pozornosť vhodnému nastaveniu farebnosti, aby boli prvky šablóny dostatočne kontrastné, dobre čitateľné a prehľadné.
V administrácii nájdete celkovo 7 polí pre výber farby a v šablóne fungujú následovne:
Na obrázku je zobrazené nastavenie z ukážkového obchodu, ktorým odporúčam začať pre lepšiu predstavu o tom, ktoré prvky ich využívajú. Následne sa s farbami môžete vyhrať podľa potreby:
Ukážkový e-shop používa túto farebnú paletu (kódy farieb):
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Šablóny – záložka Rozvrhnutie
Pre hlavnú stránku obchodu a detail produktu odporúčam využiť zobrazenie bez bočného panela, v kategórii s využitím bočného panela kvôli umiestneniu filtrov, výpisu kategórií a iných užitočných prvkov. Pre mobilné zobrazenie si môžete vybrať zobrazenie jedného, alebo dvoch produktov vedľa seba – pri aktívnych produktových slideroch sa na mobilnom zariadení zobrazuje aj časť ďalšieho produktu.
Ide o odporúčané nastavenia, šablóna je však pripravená pre všetky možnosti nastavenia zobrazenia dostupné v tejto časti.
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Šablóny – záložka Prvky
V tejto časti môžete do bočného panela a pätičky vložiť požadované prvky. Medzi odporúčané prvky patria Kategórie, Filtre a Top tovar do bočného panela, do pätičky zas odporúčam vložiť Kontakt, Menu box, Newsletter a Instagram. To, ako sa nastavenia podľa obrázka nižšie prejavia na e-shope, si môžete pozrieť na ukážkovej šablóne.
V administrácii Shoptet prejdite do časti Nastavenia – Produkty – Zobrazenie
V tejto časti nájdete nastavenia, ktoré ovplyvnia zobrazenie produktov a ich prvkov v kategórii obchodu a tiež na stránke detailu produktu. Šablóny je pripravená pre všetky nastavenia dostupné v tejto sekcii, odporúčané nastavenia, na obrázku nižšie nájdete odporúčané nastavenia šablóny Elevate tak, ako ju vidíte na ukážkovom e-shope.
Generátor kódu
Pre jednoduchšie zmeny nastavenia šablóny a pre prepísanie textov v prvkoch šablóny vo viacerých jazykoch môžete použiť generátor kódu, kde si jednoducho zadáte hodnoty. Vyplňte len to, čo potrebujete upraviť. Nevyplnené a prázdne polia ostatnú v šablóne bez zmeny.
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Editor – záložka HTML kód
Po nastavení kliknite na konci formulára dole na červené tlačidlo Vygenerovať kód nastavenia a výsledný kód skopírujete do HTML kódu do časti Záhlavie (pred uzátvárajúcím tagom HEAD) alebo Pätička (pred uzátvárajúcím tagom BODY).
Výsledný kód nastavení:
Tento kód skopírujete do HTML kódu do časti Záhlavie (pred uzátvárajúcím tagom HEAD)
Tento kód skopírujete do HTML kódu do časti Pätička (pred uzátvárajúcím tagom BODY)
Príklad umiestnenia vygenerovaného kódu v administrácii Shoptet:
Pätička (pred uzátvárajúcím tagom BODY)
Záhlavie (pred uzátvárajúcím tagom HEAD)
Hlavná stránka a jej prvky
V tejto časti si prejdeme nastavenie hlavnej stránky a jej prvkov do podoby, ako môžete vidieť na ukážkovej Shoptet šablóne Elevate. Postupovať budeme od hora nadol.
Informačná lišta, ktorá obsahuje vaše kontaktné informácie, odkazy na dôležité stránky a výber jazyka, meny v prípade, ak ich na e-shope využívate.
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Bannery – záložka Carousel
Shoptet šablóna Elevate využíva nový typ carouselu, ktorého ovládanie funguje dotykom, čo prináša zákazníkom výhodu najmä na mobilných zariadeniach. Navigácia je tak jednoduchá a intuitívna.
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Bannery – záložka Doplnkové bannery
Šablóna je pripravená pre zobrazenie doplnkových bannerov s pozíciou TOP, ktoré sa zobrazujú pod carouselom na hlavnej stránke. Tie môžete využiť napr. pre zobrazenie obľúbených kategórií obchodu, propagáciu zliav a iných špeciálnych akcií.
Štandardne sa tieto bannery zobrazujú v mriežke – 6 na jeden riadok na PC, 3 na tablete a 2 vedľa seba na mobile. Toto nastavenie si môžete upraviť pomocou jednoduchého generátoru kódu, kde si môžete nastaviť zobrazenie podľa seba – napr. 2 vedľa seba na PC a 1 na mobilnom zariadení.
Ak bannery pre zobrazenie Top kategórií nevyužijete, môžete Textový banner TOP využiť napr. pre úvodný text, ktorý sa zobrazí na celú šírku pod hlavným carouselom.
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Bannery – záložka Konkurenčné výhody
V administrácii Shoptet prejdite do časti Produkty – Titulná strana
V administrácii Shoptet prejdite do časti Produkty – Titulná strana – záložka Nastavenie
Produktový blok môžete na titulnej stránke obchodu zvýrazniť a oddeliť ho tak od zvyšku obsahu, napr. pre zvýraznenie noviniek, zliav a pod.
V administrácii Shoptet prejdite do časti Produkty – Titulná strana – záložka Nastavenie
Pre vybrané skupiny produktov na titulnej strane je možné vypnúť zobrazenie formou slidera, produkty sa potom budú radiť v klasickej mriežke pod seba.
V takto nastavenom bloku sa potom produkty radia pod seba v mriežke:
V administrácii Shoptet prejdite do časti Produkty – Titulná strana – záložka Nastavenie
Vyššie popísané možnosti je možné kombinovať a docieliť tak zvýraznenie produktového bloku na titulnej strane spolu s možnosťou vypnutia slidera. Toto zobrazenie dosiahneme pridaním textu -TOP -OFF za názov produktového bloku, ktorý nastavujete v časti Produkty – Titulná strana. V našom prípade teda bude názov takého bloku: Zľavy na tento mesiac -TOP -OFF
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Bannery – Doplnkové bannery
Bannery sa zobrazia medzi produktovými skupinami na titulnej strane a štandardne ich je možné nastaviť v časti Vzhľad a obsah – Bannery – Doplnkové bannery, kde je potrebné im nastaviť Pozícia: Stred
V tejto časti môžete nastaviť zobrazenie maximálne 2 bannerov vedľa seba, na mobile sa zobrazia pod sebou.
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Články – záložka Rubriky
Shoptet šablóny umožňujú na titulnej stránke obchodu zobraziť nové články z vybranej rubriky blogu. Pri používaní šablóny Elevate je odporúčané nastaviť zobrazenie na 5 článkov, aby sa dosiahlo požadované zobrazenie ako na ukážkovom e-shope a ako Rubriku pre zobrazovanie vybrať rubriku, ktorá je hlavná – táto hlavná rubrika môže obsahovať ďalšie pod rubriky, tlačidlo na hlavnej stránke na všetky články však bude smerovať do hlavnej rubriky – ako je možné vidieť na ukážkovej šablóne.
Text tlačidla na všetky články si môžete upraviť pomocou jednoduchého generátoru kódu.
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Bannery – Doplnkové bannery
Bannery sa zobrazia za produktovými blokmi alebo za blogom na titulnej stránke a štandardne ich je možné nastaviť v časti Vzhľad a obsah – Bannery – Doplnkové bannery, kde je potrebné im nastaviť Pozícia: Zápätie
V tejto časti môžete nastaviť zobrazenie ľubovoľného počtu bannerov pričom sa zobrazujú 2 vedľa seba, na mobile sa zobrazia pod sebou.
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Titulná strana
V tejto časti môžete nastaviť text, ktorý sa zobrazí na hlavnej stránke v jej spodnej časti. Môžete ho využiť na predstavenie obchodu, svojich cieľov, niečo o vás a pod. Pre jeho naformátovanie môžete využiť predpripravené HTML bloky pre Shoptet šablónu Elevate vrátane FAQ blokov, v ktorých vám postačí zmeniť text, vymeniť URL adresu na obrázok (nahrať ho môžete cez Vzhľad a obsah – Správca súborov).
Pre vloženie HTML obsahu je potrebné v editore prepnúť na zdrojový kód v editore klikom na Nástroje – Zdrojový kód.
Kategória produktu
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Bannery – Doplnkové bannery
Bannery sa zobrazia medzi produktami na stránke kategórii a štandardne ich je možné nastaviť v časti Vzhľad a obsah – Bannery – Doplnkové bannery, kde je potrebné im nastaviť Pozícia: Kategória. V tejto časti môžete nastaviť zobrazenie jedného bannera.
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Šablóny – záložka Prvky
Ak využívate rozloženie s bočným panelom, v tejto časti môžete pridať do bočného panela zobrazenie kategórií, filtre a iné prvky. Prvky je potrebné pridať potiahnutím do bočnej časti rozloženia.
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Bannery – záložka Bannery
Bannery sa zobrazia v bočnom panely, ak ho máte nastavený. Štandardne ich je možné nastaviť v časti Vzhľad a obsah – Bannery – záložka Bannery. Takto vytvorený banner je potrebné nastaviť aj v časti Vzhľad a obsah – Šablóny – záložka Prvky, kde vytvorený banner potiahnete do bočného panela na potrebnú pozíciu.
Detail produktu
V administrácii Shoptet prejdite do časti Produkty – Prehľad – vyberte produkt – záložka Cenník
Šablóna Elevate poskytuje možnosť nastaviť každému produktu cenu na dotaz. Produkt sa tak na celom e-shope zobrazí bez ceny, v detaile produktu sa namiesto tlačidla Do košíka zobrazuje tlačidlo, ktoré otvorí kontaktný formulár, cez ktorý vás môže zákazník rýchlo kontaktovať.
Texty pre Cenu na dotaz si môžete upraviť pomocou jednoduchého generátoru kódu.
V administrácii Shoptet prejdite do časti Produkty – Prehľad – vyberte produkt – záložka Parametre
Medzi prednosti Shoptet šablóny Elevate patrí aj možnosť zobraziť videá priamo medzi fotkami v galérii produktu. Nastavenie umožňuje využiť video z Youtube, Youtube Shorts, Vimeo alebo video nahrané cez správcu súborov. V galérii môžete zobraziť aj viac videí, nastaviť im náhľadový obrázok a určiť poradie, v akom budú zobrazené medzi fotografiami produktu.
Nastavenia pre galériu v detaile produktov si môžete upraviť pomocou jednoduchého generátoru kódu.
Šablóna zobrazuje na stránke detailu produktu blok s poslednými recenziami produktu v prípade, ak produkt získal aspoň 5 recenzií aj s textom – nezobrazujú sa prázdne recenzie. Tento blok sa zobrazí formou slidera nad záložkami s popisom spolu s odkazom na všetky recenzie produktu.
Nadpis tohto bloku a text tlačidla na všetky recenzie si môžete upraviť pomocou jednoduchého generátoru kódu.
V administrácii Shoptet prejdite do časti Nastavenia – Produkty – Zobrazenie
Šablóna obsahuje vylepšené zobrazenie variantov, ktoré sa miesto klasickej roletky s výberom zobrazujú formou boxov s textom, takže je hneď jasné, aké varianty produktu sú k dispozícii. Pri nastavení zobrazenia variantov ako Jednoduchý náhľad v nastavení zobrazenia produktu je možné využiť aj obrázky, pričom nedostupné varianty sú šedé, pre lepšie znázornenie nedostupnosti.
Formou boxov s výberom sa zobrazujú tiež príplatkové parametre nastavené k produktu, namiesto klasickej roletky s výberom. V boxe s príplatkom je viditeľný názov a cena, o ktorú sa navýši celková cena produktu.
Pätička stránky
Shoptet šablóna Elevate má integrorvané zobrazenie recenzií obchodu spolu so zobrazením celkového skóre a tlačidla, ktoré smeruje na samostatnú stránku so všetkými získanými hodnoteniami od zákazníkov.
Hodnotenia sa zobrazujú prehľadne nad pätičkou stránky formou slidera a sú viditeľné na titulnej stránke obchodu, v kategóriách a v detaile produktu.
Pre fungovanie tejto funkcionality je potrebné mať aktivovaný a nastavený doplnok od Shoptetu Hodnotenie produktov a obchodu.
Nadpis tohto bloku a text tlačidla na všetky recenzie si môžete upraviť pomocou jednoduchého generátoru kódu.
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Šablóny – záložka Prvky
Shoptet šablóna Elevate zobrazuje nad pätičkou stránky prehľadne usporiadané kontaktné informácie, newsletter a tiež prepojenia na sociálne siete. Pre zobrazenie informačného boxu je potrebné v prvkoch šablóny vložiť do spodnej časti box Kontakt alebo Newsletter, pričom zobrazenie je variabilné na základe nastavení šablóny a viditeľných kontaktných informácií.
Pre zobrazenie kontaktných informácií ako je email, telefón a ikony sociálnych sietí je potrebné mať tieto údaje vyplnené v časti Nastavenia – Nastavenia obchodu – záložka Kontaktné údaje pre vašich zákazníkov + vybranú možnosť zobrazenia v stĺpci Kontakt.
Nadpis bloku pre newsletter a prídavný text, ktorý sa zobrazí pod nadpisom si môžete upraviť pomocou jednoduchého generátoru kódu.
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Šablóny – záložka Prvky
Pre zobrazenie Instagramu v pätičke stránky je potrebné pridať ho ako prvok do spodnej časti rozloženia šablóny, rovnako ako sa vkladajú iné prvky napr. Kontakt alebo Newsletter.
Pre zobrazenie Instagramu si vystačíte s Instagramom od Shoptetu, nie je potrebné kupovať a platiť za doplnky tretích strán.
V administrácii Shoptet prejdite do časti Vzhľad a obsah – Ikony
Voľba jazyka a meny sa do pätičky stránky pridáva automaticky pokiaľ využívate doplnky pre cudzie meny a jazyky a máte nastavené ich zobrazenie.
FAQ záložky a ostatné obsahové časti
Šablóna obsahuje preddefinované HTML bloky a časti, ktoré vám uľahčia tvorbu vizuálne zaujímavého obsahu ako sú popisy produktov, stránky alebo články pre blog. Zatiaľ čo niektoré zvládnete nastaviť v obsahovom editore bez nutnosti využívať HTML kód, pri niektorých častiach sa tomu nevyhnete. Nejde však o nič zložité.
Všetky obsahové bloky nižšie môžete využiť všade tam, kde je možné upravovať obsah prostredníctvom editora v administrácii – úvodný text titulnej stránky, popisy produktu, popisy kategórie, články na blogu, informačné stránky.
Tento blok sa hodí všade tam, kde chcete zákazníkom poskytnúť ucelené info a zároveň ho mať prehľadne štrukturované formou rozklikávacích boxov – z počiatku tak zákazník vidí len boxy s nadpisom, po rozkliknutí sa zobrazí dlhší text s informáciami.
Vkladanie fotogalérie do obsahu je súčasťou Shoptet editora a v tomto prípade stačí v hornej lište editora kliknúť na Vložiť – Nahrať galériu a vybrať požadované fotografie. Galéria na šablóne Elevate však prešla celkovou úpravou a na stránke sa zobrazí v modernejšej podobe, po kliku na fotografiu sa otvorí lightbox, kde je možné prezrieť si detailnejšie všetky pridané fotografie – galéria má aktívne ovládanie dotykom, čo ocenia najmä zákazníci na mobilnom telefóne.
Počet fotiek zobrazených na jednom riadku si môžete nastaviť pomocou jednoduchého generátoru kódu rozdielne pre PC, tablet a mobil.
Šablóna tiež obsahuje preddefinované HTML bloky, pomocou ktorých môžete vytvoriť vizuálne prehľadnejšiu formu vašich popisov produktu, článkov alebo stránok. V tomto prípade však je potrebné pracovať s HTML a bloky do obsahu vkladať pomocou zdrojového kódu v editore – na hornej lište editora Nástroje – Zdrojový kód.
Všetky bloky sú responzívne a zobrazia sa dobre ako na PC, tak aj na mobilnom zariadení.
Text vľavo + obrázok Vpravo
Tento blok slúži na zobrazenie bloku, ktorý zobrazí 2 stĺpce – textová časť na ľavej strane a obrázok na strane pravej. Vhodné napr. pre formátovanie popisu produktu alebo článku.
Pre zobrazenie bloku je potrebné použiť HTML kód:
<div class="block right">
<div class="col">
<img src="url na obrazok" alt="">
</div>
<div class="col">
obsahova cast s textom
</div>
</div>
Pre dosiahnutie výsledku ako je zobrazené na obrázku vyššie bol použitý tento HTML kód:
<div class="block right">
<div class="col">
<img src="https://placehold.co/700?text=obrazok" alt="">
</div>
<div class="col">
<h2>Nadpis druhej úrovne</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare imperdiet ex, eu cursus arcu pharetra sit amet. Aenean ullamcorper eros eu nunc malesuada mattis. Curabitur ut ullamcorper quam, vitae posuere nibh. Etiam dignissim mollis lacus at posuere. Aliquam sodales imperdiet quam, interdum congue mi sollicitudin eget.</p>
<h3>Nadpis h3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare imperdiet ex, eu cursus arcu pharetra sit amet. Aenean ullamcorper eros eu nunc malesuada mattis.</p>
<p><a href="#" class="btn btn-secondary">Sekundárny btn</a></p>
</div>
</div>
Text vpravo + obrázok vľavo
Tento blok slúži na zobrazenie bloku, ktorý zobrazí 2 stĺpce – textová časť na pravej strane a obrázok na strane ľavej. Vhodné napr. pre formátovanie popisu produktu alebo článku.
Pre zobrazenie bloku je potrebné použiť HTML kód:
<div class="block left">
<div class="col">
<img src="url na obrazok" alt="">
</div>
<div class="col">
obsahova cast s textom
</div>
</div>
Pre dosiahnutie výsledku ako je zobrazené na obrázku vyššie bol použitý tento HTML kód:
<div class="block left">
<div class="col">
<img src="https://placehold.co/700?text=obrazok" alt="">
</div>
<div class="col">
<h2>Nadpis druhej úrovne</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare imperdiet ex, eu cursus arcu pharetra sit amet. Aenean ullamcorper eros eu nunc malesuada mattis. Curabitur ut ullamcorper quam, vitae posuere nibh. Etiam dignissim mollis lacus at posuere. Aliquam sodales imperdiet quam, interdum congue mi sollicitudin eget.</p>
<h3>Nadpis h3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare imperdiet ex, eu cursus arcu pharetra sit amet. Aenean ullamcorper eros eu nunc malesuada mattis.</p>
<p><a href="#" class="btn btn-primary">Primárny btn</a></p>
</div>
</div>
Obrázok + obrázok
Tento blok slúži na zobrazenie dvoch obrázkov, ktoré sa zobrazia vedľa seba. Vhodné napr. na ukážku detailnejších fotografií v popise produktu alebo v článku.
Pre zobrazenie bloku je potrebné použiť HTML kód:
<div class="block">
<div class="col">
<img src="url na obrazok" alt="">
</div>
<div class="col">
<img src="url na obrazok" alt="">
</div>
</div>
Variabilné stĺpce s obsahom
Tento blok sa hodí na zobrazenie stĺpcov v obsahu, napr. pre zobrazenie výhod produktu alebo ikoniek s textom. Stĺpce vždy vyplnia celú šírku obsahu a tak môžete vytvoriť 2, 3 alebo 4 stĺpce – čo je max. na jeden riadok. Všetky ďalšie sa začnú radiť na nový riadok.
Pre zobrazenie bloku je potrebné použiť HTML kód:
<div class="columns-block">
<div class="col text-center">
obsah a text
</div>
<div class="col text-center">
obsah a text
</div>
<div class="col text-center">
obsah a text
</div>
<div class="col text-center">
obsah a text
</div>
</div>
Pre dosiahnutie výsledku ako je zobrazené na obrázku vyššie bol použitý tento HTML kód:
<div class="columns-block">
<div class="col text-center">
<img src="https://placehold.co/200x250?text=obrazok" alt="">
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
<div class="col text-center">
<img src="https://placehold.co/200x250?text=obrazok" alt="">
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
<div class="col text-center">
<img src="https://placehold.co/200x250?text=obrazok" alt="">
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
<div class="col text-center">
<img src="https://placehold.co/200x210?text=obrazok" alt="">
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur</p>
</div>
</div>
Máte otázky, potrebujete pomôcť s nastavením?
V prípade otázok ohľadom nastavenia šablóny, úprav na mieru alebo vyriešenia problému s nekompatibilitou doplnkov tretích strán ma prosím kontaktujte pre viac informácií.
IČO: 47920793
DIČ: 1085367734
Číslo živnostenského registra: 830-17636 , neplatca DPH
