Design webu

Přizpůsobte si vzhled a odlište se od konkurence

S PrimaEshopem si snadno přizpůsobíte vzhled podle svých představ. Všechny šablony jsou k dispozici v administraci Vašeho e-shopu, kde si je případně můžete sami upravit.Šablony najdete v horním menu v záložce Nastavení. V levém menu zvolíte možnost Design webu. Nyní se Vám zobrazí dvě možnosti Rozvržení stránky a nastavení webu.

nastaveni-design-webu

Rozvržení stránky

Nejprve klikněte na možnost Rozvržení stránky. Jedním klikem si vyberte rozvržení stránky. Vybrat si můžete buď rozvržení Classic nebo Fresh.

rozvrzeni-stranky

Jakmile máte zvolené rozvržení, vyberte si šablonu, která se Vám líbí a dejte uložit. Celkem si můžete vybrat z 20 šablon s různými barevnými motivy. Průběžně přidáváme nové šablony. Pokud si nejprve chcete prohlédnout, jak Váš e-shop bude vypadat, klikněte nejprve na tlačítko náhled a až poté dejte uložit.

Teď už můžete přejít na vlastní nastavení vybraného vzhledu.

Nastavení vzhledu

Díky funkci Nastavení vzhledu můžete do svého e-shopu vložit logo, favicon, obrázek na pozadí nebo do hlavičky, nastavit bannery nebo různě upravit barvu hlavního menu, textu nebo odkazů.

nastaveni-designu

Umístění loga

Přejděte na záložku Nastavení vzhledu. V Nastavení vzhledu máte možnost nahrát logo e-shopu. Logo se zobrazí v horní části Vašeho e-shopu.
Aby Vaše logo vypadalo na e-shopu co nejlépe, doporučujeme připravit si logo obdélníkového tvaru ve formátu jpg. nebo png.

umisteni-loga

Logo bude zároveň sloužit jako odkaz. Návštěvníci se po kliknutí na logo vrátí na titulní stránku e-shopu.

nastaveni-loga

 

Co je Favicon a jak ho nastavím?

Favicon je malý obrázek, který se zobrazuje v levé části adresního řádku prohlížeče, na jednotlivých listech prohlížeče či u stránky. Favicon může být např. zmenšené logo Vašeho internetového obchodu.

favicon

Jako Favicon vložte čtvercový obrázek s průhledným pozadím a ve formátu png.

favicon

Vložení obrázku na pozadí

Samostatně si můžeš změnit i pozadí Vašeho e-shopu. Vložit můžete vlastní obrázek. Stačí kliknout na tlačítko Vyberte soubor a vložte vlastní obrázek. Uložte.

obrazek-na-pozadi

Obrázky by měly být připravené i pro případ zobrazení na větších monitorech, např. v rozměrech 1920 px X 400 px. Velikost by měly mít co nejmenší, maximálně 150 kB.

Kromě vlastních obrázků můžete na e-shop vložit i obrázek z galerie, která se nachází na druhé záložce a ve které naleznete několik obrázků, které jsme pro Vás připravili.

Pozice obrázku

Kliknutím na jednotlivé šipky můžete nastavit pozici nahraného obrázku. Nejběžněji je využívána pozice uprostřed a nahoře.

pozice-obrazku

Fixní pozice

  • Zaškrtnutím tlačítka Fixní pozice bude obrázek na pozadí ukotven a při rollování myší dolu a nahoru se bude pohybovat pouze stránka.
    Jestliže tlačítko Fixní pozice zaškrtlé nebude, obrázek nebude pevně ukotven a při rollování myší dolu a nahoru se bude pohybovat spolu se stránkou.
  • Barva
    Kromě vlastního obrázku na pozadí, si můžete nastavit i barvu pozadí. Barvu pozadí si zvolíte kliknutím do položky Barva. Můžete si nastavit buď jednu barvu pro celé pozadí nebo k barvě přidat i vlastní obrázek.
  • Opakování
    U vlastního obrázku na pozadí můžete nastavit způsob opakování obrázku. Pokud zaškrtnete tlačítko Na výšku, bude se nahraný obrázek na Vašem e-shopu opakovat na Výšku. Stejně tak, pokud zaškrtnete tlačítko na šířku, bude se obrázek na pozadí opakovat do stran na šířku.

Nastavení barev menu, odkazů, novinek a textu na e-shopu

V nastavení designu si můžete samostatně nastavit i barvy pro menu, odkazy, text nebo novinky podle svých představ.

nastaveni-barev

  • Barva hlavního menu: kliknutím do tohoto políčka si zvolíte barvu hlavního horního menu
  • Barva hl. menu: nastavíte barvu horního menu po najetí myší
  • Barva novinek: nastavíte barevný podklad pro Novinky, které se nacházejí na hlavní straně e-shopu
  • Barva odkazů v menu: nastavíte barvu písma v menu
  • Barva odkazů v hl. menu: nastavíte barvu textu po najetí myší v horním menu (barva se změní u všech podkategorií v menu)
  • Barva odkazů novinek: nastavíte barvu většího písma pro Novinky, které se nacházejí na hlavní straně e-shopu
  • Barva odkazů po najetí: nastavíte barvu písma v horním menu po najetí myší
  • Barva odkazů po najetí: barevně zvýrazníte podkategorie v horním menu po najetí myší
  • Barva textu: nastavíte barvu menšího písma u novinek, které se nacházejí na hlavní straně e-shopu.

Jak vložit obrázek do hlavičky?

V nastavení designu si můžete vložit i vlastní obrázek do hlavičky.

obrazek-do-hlavicky

Klikněte na tlačítko “Vyberte soubor”, který je zobrazený pod záložkou Nahrát soubor z počítače. Vyberte vlastní obrázek. Překliknutím na vedlejší záložku “Vybrat obrázek z galerie” si můžete vybrat jeden z obrázků, které jsme pro vás připravili.

Obrázek hlavičky má rozměry 950px X 100px. E-shop automaticky zmenší obrázek do této velikosti. Velikostně by obrázek měl být co nejmenší, maximálně 150 kB.

Přidání textu do hlavičky

Obrázek hlavičky je možné doplnit vlastním textem. Můžete vložit nadpis a slogan. Na pravé straně můžete nastavit barvu textu.

text-v-hlavicce

Kliknutím na jednotlivé šipky můžete nastavit pozici nadpisu a sloganu v hlavičce.

Text nad akčními bannery

Do tohoto políčka můžete vložit vlastní text. Upozorněte Vaše zákazníky např. na to, že přidávate nové produkty nebo že nad 1000 Kč mají dopravu zdarma.

text-nad-akcnimi-banery

Standartně uvidíte tento text:

Vítejte v našem e-shopu! <br />Právě přidáváme nové produkty!

Pokud je text dlouhý, bude potřeba využít HTLML tag <br /> pro odřádkování textu (má stejnou funkci jako v klasickém textovém editoru klávesa Enter).

Bannery

Na hlavní stranu e-shopu můžete vložit až tři bannery. Jednoduše kliknutím na tlačítko Vyberte soubor a nahrajte vlastní obrázek banneru.

bannery

  • Nadpis
    Dejte zákazníkům vědět, o čem banner je, např. jakou speciální nabídku mohou získat nebo co je u Vás nového.
    Vpravo od nadpisu si můžete nastavit barvu textu pro tento Nadpis.
  • Odkaz
    Vložte URL stránky, na kterou chcete, aby banner odkazoval.

bannery-na-eshopu