ClickEshop logo
Cz
En (English) De (Deutsch) Cz (Český) Sk (Slovenský)
Home
  • ÚVOD
  • ESHOP
    • Ceník
    • Účetní a výrobní systémy
      • Offline propojení
      • Online propojení
  • WEB STRÁNKA
    • Ceník
  • EMAIL HOSTING
  • DOMÉNY
  • NÁPOVĚDA
    • NASTAVENÍ
      • vlastní DOMÉNA
      • Přidání favicon ikony
      • Změna HESLA do administrátora
      • Nastavení PLÁTCE / NEPLÁTCE DPH
      • Změna balíčku na vyšší (UPGRADE)
      • nastavení MAIL SERVERU
      • Nastavení minimální hodnoty objednávky
      • B2B nastavení
        • Typy zákazníků
        • B2B skupiny a jejich vytváření
        • B2B skupiny a jejich konfigurace
        • Nastavení zobrazování cen
        • Přihlášení pod účtem zákazníka
    • ÚPRAVA OBSAHU
      • Vložení OBRÁZKU na hlavní stránku
      • Obtékání textu kolem obrázku
      • Vložení VIDEA z Youtube.com
      • Vložení GOOGLE MAPY do části Kontakt
      • propojení stránky s FACEBOOK
      • úprava TEXTŮ v internetovém obchodě
        • maily pro zákazníky
      • Vložení hypertextových odkazů (PROLINKOVÁNÍ)
      • ZVĚTŠENÍ OBRÁZKU (zoom image)
      • Několik triků pro textový editor
      • Souhlas s použitím Cookies
      • Sloupcové bloky
      • Přidávání a úprava panelů
    • PODPORA PRODEJE
      • Rady a doporučení
        • Google Search Console
      • SEO optimalizace
      • Placená reklama + Administrace kampaní
      • internetové KATALÓGY
        • Heureka
      • SLEVOVÉ KUPÓNY
      • DÁRKY K OBJEDNÁVCE
      • Live chat
    • PRODUKTY
      • PARAMETRY produktu (velikost, barva, ..)
      • FILTROVÁNÍ produktů
      • Přidání produktů na hlavní stránku
      • zboží BEZ MOŽNOSTI OBJEDNAT
      • hromadní EXPORT / IMPORT produktů
      • napojení na DODAVATELE - XML feed
        • Popis XML feed
      • Nastavení skladového systému na produkty
    • OBJEDNÁVKY
      • přidání nového STAVU OBJEDNÁVKY
      • Hromadná ZMĚNA STAVU
      • Propojení s účetnictvím a jinými systémy
        • Pohoda
        • Money
        • XLS - (Excel)
        • PDF
        • Omega
      • Použití parametrů-proměnných v emailech
    • DOPRAVA
      • Automatická aktivace podle HODNOTY OBJEDNÁVKY
      • Automatická aktivace podle HMOTNOSTI ZBOŽÍ
      • Napojení na dopravce
      • elektronické online platby, internet banking a platba kartou
        • TrustPay
        • TrustCard
        • TatraPay
        • CardPay
        • PayPal
        • SOFORT
        • PayU
        • QUATRO
        • HOME CREDIT
        • IPLATBA COFIDIS
      • Jiné možnosti plateb
    • Pro programátory
      • Postup jak nahrát JS soubor (JavaScript)
      • postup jak nahrát CSS soubor (kaskádní styly upravující vzhled)
      • vložení vlastních JS, HTML kódů
      • Vypnutí zobrazování obrázků na mobilech
      • vložení Google Analytics
      • Vložení fontu
      • Automatické zpracování objednávek a propojení s jiným systémem (účetni
      • Automatické zpracování objednávek-1
      • Automatický import produktů a propojení s jiným systémem (účetnictví,
      • Propojení na Google E-commerce, Facebook Pixel nebo jiné Affiliate sys
    • Email nastavení
      • Nastavení MX záznamů
      • Nastavení email klienta
        • Microsoft Outlook
        • Mozilla Thunderbird
      • Webmail
      • Kalendářové služby
      • Zřízení emailové adresy
      • Kontaktní formulář
      • Změna hesla
    • DOMÉNY
      • Nastavení domény
    • DOKUMENTY
      • REKLAMAČNÍ PROTOKOL - vzor
  • BLOG
    • Nový online fakturační systém
    • Ochrana osobních údajů podle GDPR
    • Komplexní databáze zákazníků (CRM)
  • KONTAKT
  • NEWSLETTER
    • Newsletter_2013
      • 2013-08
      • 2013-10
    • Newsletter_2014
      • 2014-05
      • 2014-11
    • Newsletter_2015
    • Newsletter_2016
      • 2016-04
      • 2016-08
      • 2016-11
  • O NÁS
    • Obchodní podmínky
    • Partnerský program
    • KORPORÁTNÍ IDENTITA
    • ŠKOLENÍ A KURZY
    • SEO a ONLINE MARKETING
    • REFERENCE

Vložení nového fontu na stránku


Při navrhování a změně designu vznikne požadavek vložit nový font, který daná stránka neobsahuje. Takto lze na existující šabloně změnit celkový vzhled stránky, čímž se může stránka tematicky sladit s osobní nebo firemní prezentací na stránce.

 

Postup pro vložení a nastavení fontu na web stránku nebo internetový obchod je následující:

  • přihlásíte se na stránku Google Fonts kde jsou dostupné fonty pro webstránky: https://fonts.google.com/
  • na levé straně panelu si sekci "Languages" vyberete z nabídky "Latin Extended"
  • z nabízených fontů si vyberte takový, který potřebujete a to tak, že v pravém horním rohu daného fontu kliknete na tlačítko "+"
  • na spodní straně stránky se zobrazí podbarvený panel s textem "Family selected"
  • kliknete na tento spodní panel a ukáže se Vám okno kde si vyberete nabídku "CUSTOMIZE" s výběrem řezů písma kde si vyberete například dva páry řezů písma jako například "regular + regular Italic" a druhý pár "bold + bold Italic"
  • po výběru řezů klepněte na nabídku "EMBED" kde se vytvoří kódy potřebné k vložení na stránku.
  • vytvořte si textový soubor s názvem custom.css a vložíte do nitra souboru kód který připravíte podle následujícího postupu:
  • kód si vytvoříte z následujícího vzoru: body, button, input, textarea, select{ font-family: 'Montserrat', sans-serif; } a to tak že změníte hodnoty které následují za "font-family:". Tyto hodnoty si vyberete z nabídky Google Fonts spodní panel "Family selected" a nabídky "EMBED" a z položky "Use the following CSS rules to specify these families: ". Soubor custom.css uložíte ve svém počítači.
    Vzor kódu v custom css:
    body, button, input, textarea, select{ font-family: 'Montserrat', sans-serif; }
    h1,h2,h3,h4,h5,h6{ font-family: 'Sansita', sans-serif; }
    /Vysvětlivky: První řádek kódu určuje použití ve všech částech stránky. V případě že je třeba odlišit nadpisy jiným typem fontu, v takovém případě je třeba použít a vložit druhý řádek kódu/
  • na téže stránce v nabídce "EMBED" si vyznačte zkopírujte do schránky (clipboard) vygenerovaný html kód začínající: <link href="https://fonts.googleapis.com/css?family=....."
  • příklad kódu pro základní písmo: <link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i" rel="stylesheet">
  • příklad kódu pro základní font a font pro nadpisy: <link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i|Sansita:400,400i,700,700i" rel="stylesheet">
  • přihlaste se do ClickEshop administrátora a v menu [Administrace obsahu] v levé nástrojové liště kliknete tlačítko [Globální HTML kód], přičemž se otevře nové okno
  • vložte zkopírovaný kód v záložce - Hlavička stránky / do políčka Globální HTML programový kód
  • kliknutím tlačítka "Nahrát soubory na server" se otevře Centrální úložiště souborů, které umožňuje nahrávat soubory. Vytvořený soubor custom.css vložte do adresáře "scripts". Pokud tento adresář (složka) tam není, tak ho vytvořte stisknutím nabídky Vytvořit - složku a následně po vytvoření soubor do adresáře vložte.
  • před zavřením okna "Globální HTML kód" je třeba všechny změny uložit.

 

 

 

Můžeme vám poradit?

Nápoveda

Nápověda


Doporučené postupy při vytváření obsahu
web stránky / internetového obchodu

 

« nápověda »

Zákaznícka podpora

Zákaznická podpora


V případě jakýchkoliv dotazů nás kontaktujte:
Pondělí-Pátek 9:00-16:00

 

tel: +420 228 882 825
e-mail: #info

 

 

 

CLICKESHOP

KONTAKT
OBCHODNÍ PODMÍNKY
REFERENCEPARTNERSKÝ PROGRAM

 

 

 

 

 

 

ClickEshop on Facebook Facebook

NAŠE SLUŽBY


KORPORÁTNÍ IDENTITAŠKOLENÍ A KURZYSEO A ONLINE MARKETING

ZÁKAZNICKÁ PODPORA


V případě jakýchkoliv dotazů nás neváhejte kontaktovat vyplněním následujícího formuláře

 

 



clickeshop.com • clickeshop.de • clickeshop.cz • clickeshop.sk

Copyright © 2006 - 2017 clickeshopdev.sk, All rights reserved