Divi šablona je kompatibilní s pluginem WooCommerce a dokonce má pro něj připravený specifický modul Obchod, pomocí kterého si můžete zobrazit produkty ve stránce. Například podle kategorie nebo dalších filtrů.
Zde je oficiální video (v angličtině), které modul Obchod představuje:
Názvy modulů a položek nastavení jsou podle našeho vlastního překladu Divi šablony, který si můžete zdarma stáhnout jako child šablonu.
Jak vložit modul Obchod do stránky
Předtím, než můžete vložit modul Obchod do stránky, musíte nejprve začít stránku upravovat pomocí Divi Builderu.
Jakmile se spustí Divi Builder, tak můžete modul vložit kliknutím na šedou plus ikonu. Modul může být vložen pouze do řádky. Jestliže vytváříte novou stránku, je potřeba nejprve ještě vybrat počet sloupců dané řádky a až poté vybrat ze seznamu modul Obchod. Seznamem modulů se dá vyhledávat, stačí začít psát název modulu a seznam se začne upravovat.
Modul do stránky vložíte tak, že na něj kliknete.
Po vložení modulu do stránky se automaticky otevře jeho nastavení. Toto nastavení je rozděleno na tři záložky: Obsah, Design a Pokročilé.
Možnosti nastavení modulu Obchod
Pojďme si postupně projít důležité položky nastavení modulu Obchod.
Obchod nastavení – Obecné
V záložce Obecné se nacházejí položky týkající se obsahu jako jsou texty, obrázky nebo ikony.
- Obsah – slouží k výběru produktů, které chcete zobrazit.
- Elementy – nastavení stránkování u modulu.
- Označení admina – pojmenování modulu pro snadnější orientaci pro zobrazení wireframe.
Obchod nastavení – Design
V záložce design najdete úpravy stylů modulu, mezi které patří například písma, barvy, velikosti a rozestupy. Záložka design umožňuje upravit samotný vzhled modulu.
- Překrytí – nastavení zobrazení produktu při najetí myši.
- Páska slevy – nastavení stylů pro označení produktu ve slevě.
- Obrázek – úprava náhledového obrázku produktu.
- Text – základní nastavení textu.
- Titulek text – nastavení pro titulek produktu.
- Cena text- nastavení zobrazení ceny produktu.
Obchod nastavení – Pokročilé
V záložce pokročilé můžete modulu přidat vlastní třídu nebo ID, vlastní CSS styly a upravit viditelnost napříč zařízeními.