Domů Barevost Úpravy Kontakt

Produkty v článcích

Věnujete se blogu, snažíte se zákazníkům poradit a pomoci jim s výběrem, ale vaše články jsou ochuzené o dynamický výpis produktů, který by uživatele navedl na správné produkty snadno, rychle a intuitivně?

Pojďme to společně změnit!

Vašim článkům jednoduše dodáme možnost umístění výpisu produktů, který bude stejný jako ten, co máte v rámci kategorií.
Díky stejnému designu a chování výpisu bude pro zákazníka nákup jednoduchý a příjemný.

Chcete doplněk ihned? CZ SK
Botyna.cz - výpis produktů - Dominik Martini

Jak se s doplňkem pracuje

Doplněk lze využít dvěma způsoby, buď můžete využívat několik produktů z jednoho URL nebo můžet zvolit druhou možnost, kde si vypíšete vybrané produkty dle vašeho výběru. Způsob můžete kombinovat dle vlastních potřeb.

1. Pomocí URL kategorie

V tomto případě si doplněk načte vámi určený počet produktů přímo z kategorie (např. prvních šest produktů).

Počet produktů, které se budou vypisovat, můžete sami nastavit. V případě, že žádnou hodnotu nezvolíte, zobrazí se automaticky 4 produkty.

Vzor kódu: <div class="dmproducts" sourceurl="URL" products="počet produktů"></div>

Pokud chcete, aby doplněk vypsal náhodné produkty, místo prvních několika produktů z kategorie, stačí do kódu přidat třídu random. Díky tomu bude z dané URL načítat vámi stanovený počet produktů v náhodném pořadí při každém načtení. Dynamika produktů v článcích tak bude ještě větší.

Vzor kódu pro náhodné produkty z URL: <div class="dmproducts random" sourceurl="URL" products="počet produktů"></div>

2. Pomocí jednotlivých produktů

Díky tomuto použití můžete sami zvolit, které konkrétní produkty si doplněk načte a ukáže.

Konkrétní produkty si můžete vypsat pomocí URL z vyhledávání na e-shopu (můžete produkt vyhledat pomocí názvu nebo kódu zboží). Nebo jako v prvním případě použijete URL kategorie, kdy se vypíše první produkt v kategorii.

Vzor kódu: <div class="dmproducts">
<div sourceurl="URL">.</div>
<div sourceurl="URL">.</div>
<div sourceurl="URL">.</div>
<div sourceurl="URL">.</div>

</div>

I v tomto případě lze použít náhodné řazení produktů. Tedy ač je dáte v nějakém pořadí, můžete tohle pořadí nechat náhodně měnit přidáním třídy random.

Vzor kódu pro náhodné řazení: <div class="dmproducts random">
<div sourceurl="URL">.</div>
<div sourceurl="URL">.</div>
<div sourceurl="URL">.</div>
<div sourceurl="URL">.</div>

</div>

V obou případech můžete využít URL jak přímo kategorií, tak URL s filtry, řazením a nebo URL z vyhledávání.

UPOZORNĚNÍ!
Pro správnou funkčnost je nutné poskytnout URL, na níž je daný produkt ve výpisu, ať už se jedná o kategorii nebo vyhledávání. Nezadávejte tedy nikdy jen URL detailu produktu.
Tato podmínka je stanovena s cílem dosáhnout maximálního výkonu doplňku. Bude se rychleji načítat a bude tak efektivnější.

Zvolený kód vložíte v administraci daného článku přes tlačítko Nástoje → Zdrojový kód do části, kde se má nacházet výpis produktů.

Výpisů produktů můžete mít v rámci článků neomezeně. Myslete ale na to, že velké množství bude zpomalovat načítání stránek vašeho e-shopu.

Video návod

Ukázka designu

Botyna.cz - výpis produktů - Dominik Martini