Zde si ukážeme postup při přidávání webových boxů do systému Shoptet. Nezapomínjete, že jsou 3 druhy webových boxů:
- Homepage – ideální pro zobrazení přímo na úvodní stránce, například ihned za hlavním bannerem
- Detail produktu – doporučuji zobrazovat pod detailním popiskem produktu
- Košík – zobrazit v košíku zvažte, ne u všech eshopů je to vhodné
V nastavení DreamROI si tedy nejdříve musíte vybrat, jaký druh budete nastavovat:
Dále si vyberte id prvku (nebo class) na stránce vašeho e-shopu. Pokud nevíte, jak to udělat, obraťte se na vašeho programátora, kodéra nebo webmastera.
Při nastavování předchozího projektu v systému shoptet jsme si zvolili pro jednotlivé typy webových boxů tyto id prvků:
- Domovská stránka – id prvek s názvem „carousel“ (zobrazit za tímto prvkem – mode:after)
- Detail produktu – id prvek s názvem „tab-content“ (zobrazit za tímto prvkem – mode:after)
- Košík – id prvek s názvem „cart-wrapper“ (zobrazit za tímto prvkem – mode:after)
Tyto tzv. selektory jsou u každého e-shopu jiné!
Nastavte si produkty, jak chcete, aby se zobrazovali ve webovém boxu – více zde. Samozřejmě zde vždy u daného typu nastavte vybraný id prvek nebo class a jestli se webový box bude zobrazovat před, za nebo vevnitř tohoto prvku.
Pokud víte, kde se na stránce mají webové boxy zobrazovat, běžte to nastavení DreamROI a v nastavení je vložte + uložte:
Dole na stránce uvidíte zdrojový kód, který zkopírujte:
a vložíte do shoptetu:
… pokud vkládáte do shoptetu další webové boxy (např. detail produktu), nekopírujte už prvních 5 řádků, ale začněte až od <style>:
a to je vše.
Časté dotazy ohledně webových boxů:
- Kam vložit zdrojové kódy pro webové boxy?
Vždy jako script do hlavičky e-shopu! Nevkládáte tento kód do těla. U shoptetu je to v menu „Vzhled a obsah“ -> „Editor“ -> „HTML kódy“ -> „HTML kód“ -> „Záhlaví (před koncovým tagem HEAD)„ - Nezobrazují se mi webové boxy, co s tím?
- Nejdříve zkontrolujte, jestli jsou všechny scripty pro učení nastavené (sledování, detail produktu, vložení do košíku, objednávka)
- Jsou již načtené produkty z XML feedu?
- Systém DreamROI se již učí?
- Je opravdu váš prvek na stránce např. #carousel jako na úvodní stránce v tomto návodu?
- Kontaktujte naši zákaznickou podporu, pomůžeme.