WEBHUT.sk

Vlastné písmo v Shoptete

V našom seriáli sme pre vás, ZADARMO pripravili kód pre pridanie vlastného písma do Shoptetu. Touto úpravou budete vedieť mať v Shoptete písmo, ktoré tam štandardne nie je. Podľa návodu pridáte písmo s Google Fonts.

Google Fonts je bezplatná online knižnica písiem, ktorú spravuje Google.

Obsahuje stovky rôznych fontov (napr. Montserrat, Roboto, Open Sans, Lato…) a umožňuje ich používať na weboch bez potreby nahrávať súbory priamo na server. Čiže písmo sa dá do webu formou URL adresy v kóde.

Úpravou dosiahnete:

Kompletné zmenené písmo pre váš Shoptet
Možnosť zmeny písma len pre H1, H2, H3, H4, text, tlačítko atď…

Nižšie nájdete podrobný návod a na záver kompletný video návod pre úpravu kódu Shoptetu.

Ukážka detailu produktu po úprave

Návod na zmenu písma

Skopírujte si nižšie uvedený kód a vložte ho do sekcie: VZHĽAD A OBSAH – EDITOR – HTML KÓD.

<style>
/* Načítanie písma Schoolbell z Google Fonts */
@import url(‚https://fonts.googleapis.com/css2?family=Schoolbell&display=swap‘);

/* Nastavenie písma pre celý web */
body, h1, h2, h3, h4, h5, h6, p, a, span, div, input, button, textarea {
font-family: ‚Schoolbell‘, sans-serif !important;
}
</style>

KÓD PRE SHOPTET NA STIAHNUTIE V PDF

Kód si môžete stiahnúť aj v .pdf TU

Video návod zmena písma Shoptet

Detailný návod na zmenu písma v Shoptete za vlastný font z knižnice Google Fonts.

UPOZORNENIE

Odskúšané na šablóne Classic. Pokiaľ máte iné úpravy kódu, tak môžu mať vplyv aj na tento kód a nemusí všetko fungovať správe.

Ak font písma, nie je súčasťou knižnice Google Fonts, tak sa úprava rieši pomocou iného kódu.

Vždy si urobte zálohu starého kódu.

WEBHUT.sk – nenesieme žiadnu zodpovednosť za prípadne škody.

Video ukážka úpravy kódu Shoptet

Pozrite si naše ďalšie video návody pre Shoptet.

Pozrite si ako upraviť kód v Shoptete alebo ako meniť stavy objednávok v Shoptete.

Dohodnite si bezplatnú konzultáciu pre Shoptet a zistite, čo všetko vieme pre vás urobiť.

Najčastejšie robíme nové e-shopy na Shoptete, Shopify, SEO konzultácie a analýzy, migráciu e-shopov z Woocommerce, content pre sociálne siete.

Ako dostať vlastné písmo do Shoptetu?