Shoptet: Webové boxy

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ů:

  1. Homepage – ideální pro zobrazení přímo na úvodní stránce, například ihned za hlavním bannerem
  2. Detail produktu – doporučuji zobrazovat pod  detailním popiskem produktu
  3. 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:

Výběr webových boxů

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ů:

  1. Domovská stránka – id prvek s názvem „carousel“ (zobrazit za tímto prvkem – mode:after)
  2. Detail produktu – id prvek s názvem „tab-content“ (zobrazit za tímto prvkem – mode:after)
  3. 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:

Nastavení prvku

Dole na stránce uvidíte zdrojový kód, který zkopírujte:

Zkopírujte zdrojový kód

a vložíte do shoptetu:

Vložit 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>:

Další zdrojový kód

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?
    1. Nejdříve zkontrolujte, jestli jsou všechny scripty pro učení nastavené (sledování, detail produktu, vložení do košíku, objednávka)
    2. Jsou již načtené produkty z XML feedu?
    3. Systém DreamROI se již učí?
    4. Je opravdu váš prvek na stránce např. #carousel jako na úvodní stránce v tomto návodu?
    5. Kontaktujte naši zákaznickou podporu, pomůžeme.