7. Nastavení designu šablony

  • Každý klient má přednastavený design dle jeho firemní identity (logo, písmo, barvy, odsazení a velikosti), robné změny týkající se vzhledu nastavení je možné nastavit v nastavení designu (Nastavení → design).

Nastavení designu šablony I.
  • Vyplňují se výchozí barvy, fonty a šířka obsahu:

    • Barvy = vloží se RGB kódy jednotlivých použitých barev.

    • Fonty = vloží se používané fonty (řeší se při onboardingu).

Nastavení designu šablony II.
  • Je možné upravovat defaultní nastavení jednotlivých prvků šablony v objects editoru (viz obrázek níže). Poté lze u vybraného prvku provádět jednotlivé změny jako např. úprava barvy pozadí boxu, defaultní šířka obsahu apod.

  • Přednastavený design je aplikovaný na každou šablonu, která je vytvořena.

  • V šabloně se nastavuje šířka, délka, barvy, standardní velikost fontu, barva textu (vše nastavují grafici/vývoj).

    • Jednotlivé prvky lze změnit bez vědomí vývoje/grafika.

  • Častý příklad změny v designu: zobrazení ceny/měny (např. klient má šablonu pro cz a pro sk a chce mít jiné měny pro cz a pro sk).

    • Produkt -> cena -> suffix.

    • Suffix: nastavit mezeru a měnu; zajistí, že vždy bude mezi částkou a měnou mezera (a budou tak splněny pravidla pravopisu)

    • Decimals: zaokrouhlování desetinných míst - když se zde nic nevyplní, ceny se budou zaokrouhlovat nahoru (4,99 EUR na 5 EUR).

    • POZOR: pokud se změní, je nutné změnit i původní cenu (Original_price_VAT).

  • Labels - druhou nejtypičtější věcí, která se v designu šablony upravuje jsou labels (štítky).

    • U produktů se mohou dát štítky → změna pozadí (v kampani → drag and drop editor).

    • Ve výchozím nastavení → produkt → label.

Postu nastavení labels:

  1. Vybere se label, který se má změnit.

  1. Zde jsou přednastaveny barvy pozadí a textu, které je možné změnit.

  1. Kódy barev se berou z přednastavení (na defaultní nastavení se lze podívat v kampani).

  2. Labels se také mohou přidávat (až do 20).

 

  • Vlastní rozvržení (nastavení > vlastní rozvržení) - zde se zobrazí jednotlivé layouty (rozvržení) vytvořené vývojem.

  • Zde se např. vytváří další jazyková mutace podle již vytvořeného layoutu.

    • Typicky všechny widgety a produkty.

    • Předělají se všechny nastavení pro další jazykové mutace.

    • Widget - když se jmenuje stejně, ale je přiřazený pod jiný web – přeloží se automaticky.

    • Bannery a obrázky s textem se automaticky nepřeloží.

  • Custom widget: zde je možné vidět, pro jaké verze jsou widgety dostupné:

    • header, footer, divider (barevný oddělovač - může být stejný) divider bývá nastaven pro mutace stejně, není tedy třeba měnit

    • Do jiné jazykové mutace se nepřekládají bannery v šablonách, stejně tak se nepřekládají nadpisy - jen widgety a popisy produktů.

    • Překlad widgetů/popisu produktů:

      • V CZ headeru se zkopíruje celý html kód widgetu, poté se klikne na add a nahraje se zkopírovaný html kód. Zde je nutné napsat stejný název widgetu a přiřadit SK verzi.

      • Poté je potřeba projít bílé texty a přepsat je do slovenštiny, jakmile se přepíšou a uloží jsou pro slovenskou verzi hotové.