Jak na úpravy vzhledu e-shopu na míru?

V Pobo Page Builder si můžete upravit vzhled e-shopu. Ukážeme si vytvoření první úpravy a výhody funkce individuálních úprav v Pobo Page Builder.

1. Otevřete nastavení designu

V horním menu klikněte na sekci Vzhled.

Otevře se nastavení designu, kde můžete pracovat například se šablonami, vzhledy, barvami a dalšími vizuálními úpravami e-shopu.

1. krok: Otevřete nastavení designu

2. Otevřete vlastní CSS kód

V levém menu klikněte na možnost Vlastní CSS kód.

Otevře se část, kde můžete vytvořit nebo upravit vlastní CSS úpravy vzhledu e-shopu.

2. krok: Otevřete vlastní CSS kód

3. Vytvořte nový styl

Klikněte na tlačítko Vytvořit nový styl.

Otevře se editor, ve kterém můžete založit novou CSS úpravu pro vzhled e-shopu.

3. krok: Vytvořte nový styl

4. Zadejte název úpravy

Do pole Název úpravy napište výstižný název nové CSS úpravy.

Díky názvu ji později snadno najdete v seznamu uložených úprav.

4. krok: Zadejte název úpravy

5. Vložte CSS kód

Do pole CSS kód napište nebo vložte vlastní CSS úpravu.

Pomocí kódu můžete upravit například barvy, velikosti, odsazení nebo jiné vizuální prvky e-shopu.

5. krok: Vložte CSS kód

6. Uložte CSS úpravu

Po vyplnění názvu a vložení CSS kódu klikněte na tlačítko Uložit.

Tím se vytvořená úprava uloží a bude dostupná v seznamu vlastních CSS stylů.

6. krok: Uložte CSS úpravu

7. Upravte uložený CSS kód

Tlačítko Upravit kód slouží k otevření uložené CSS úpravy.

Po kliknutí můžete zpětně upravit název nebo změnit vložený CSS kód.

7. krok: Upravte uložený CSS kód

8. Historie

Tlačítko Historie zobrazí předchozí verze uložené CSS úpravy.

Díky tomu se můžete podívat, jak se kód měnil, a případně se vrátit ke starší verzi.

8. krok: Historie úprav

9. Projděte si seznam revizí

Po otevření historie se vlevo zobrazí seznam revizí dané CSS úpravy.

Kliknutím na konkrétní revizi si můžete zobrazit její obsah a porovnat ji s aktuální verzí.

9. krok: Projděte si seznam revizí

10. Porovnejte změny ve verzích

V části Porovnání verzí uvidíte rozdíly mezi vybranou revizí a aktuální verzí CSS úpravy.

Barevné zvýraznění vám pomůže rychle poznat, co bylo v kódu změněno, přidáno nebo odstraněno.

10. krok: Porovnejte změny ve verzích

11. Obnovit verzi

Tlačítko Obnovit tuto verzi slouží k návratu ke zvolené starší revizi CSS úpravy.

Použijte ho ve chvíli, kdy chcete vrátit kód do předchozího stavu.

11. krok: Obnovit verzi

12. Smazat kód

Tlačítko Smazat kód slouží k odstranění uložené CSS úpravy.

Použijte ho pouze v případě, že už daný styl nechcete na e-shopu používat.

12. krok: Smazat kód

Výhody úpravy přes Pobo

Efektivní systém bez nutnosti nahrávat CSS
Rychlé načítání stylů (jeden požadavek na server)
CSS soubor je umístěn na rychlé CDN
Možnost vytváření neomezeného množství úprav
Minifikace CSS (nízká velikost CSS)

Nevýhody

Nutná znalost CSS stylů

Pokud potřebujete individuální úpravu od nás, napište nám prosím na podpora@pobo.cz s popisem, co a jak potřebujete upravit.

Vytvořit úpravu e-shopu v Pobo Page Builder

Videonávod: Jak vytvořit úpravu na míru

Mohlo by vás zajímat

Jak zvolit nebo deaktivovat šablonu?

Jak stylovat popisky s Live Designerem?

Potřebujete poradit?

Jmenuji se Petra a ráda vám s naším doplňkem pomohu.

Neváhejte mi napsat na e-mail: podpora@pobo.cz

Rychlá navigace

Jak na úpravy vzhledu e-shopu na míru?
1. Otevřete nastavení designu
2. Otevřete vlastní CSS kód
3. Vytvořte nový styl
4. Zadejte název úpravy
5. Vložte CSS kód
6. Uložte CSS úpravu
7. Upravte uložený CSS kód
8. Historie
9. Projděte si seznam revizí
10. Porovnejte změny ve verzích
11. Obnovit verzi
12. Smazat kód
Výhody úpravy přes Pobo
Nevýhody
Videonávod: Jak vytvořit úpravu na míru
Mohlo by vás zajímat

Přemýšlíte nad Pobo? Nechte si ho ukázat.

Zarezervujte si krátký 30 minutový hovor, ve kterém vám ukážeme, jak Pobo funguje, na co se hodí a jak vám může ušetřit spoustu času i peněz.

Rezervovat hovor