Produkty v článcích a popiscích (rozšíření)
Aktualizováno | publikovánoNa dnešním konkurenčním trhu s e-shopy se prezentace produktů stává klíčovým faktorem úspěchu. Díky nové rozšiřující úpravě pro doplněk Dynamické akce a slevy máte možnost zobrazovat libovolné produkty přímo na textových stránkách, v článcích blogu, či v popiscích produktů a kategorií. Tato inovativní funkce vám otevírá dveře k mnoha novým způsobům, jak zvýšit atraktivitu Vašeho eshopu a podpořit prodejnost produktů, aby byly vámi vytvářené slevové akce a akční ceny co nejvíce efektivní.
Můžete se rozhodnout pro dvě základní strategie – buď do článků vypíšete konkrétní produkty, nebo využijete automatizované načítání určitého počtu produktů z vybrané kategorie. První možnost je ideální, pokud v textech píšete o konkrétních produktech či je chcete na eshopu více zviditelnit a podpořit jejich prodejnost. Druhá varianta automatického načítání zase umožňuje dynamické aktualizace obsahu, kdy se vždy zobrazí aktuální produkty z dané kategorie. To lze využít například pro prezentaci novinek, akčních produktů či k prezentaci konkrétní značky nebo kategorie. U automatizovaného načítání produktů máte kromě možnosti načtení prvních X produktů také možnost načíst vždy náhodných X produktů z dané stránky.
Navíc máte možnost zvolit si mezi dvěma styly zobrazení – produkty mohou být prezentovány v dlaždicích, které zaujmou přehledným a čistým designem, nebo v posuvníku (slideru), který umožňuje uživatelům pohodlně prohlížet více produktů bez nutnosti scrollování stránky. Tato flexibilita zajišťuje, že prezentace vašich produktů bude nejen esteticky atraktivní, ale také funkční a přizpůsobená potřebám vašich zákazníků.
Využijte tyto nové možnosti a posuňte svůj eshop na další úroveň – správná prezentace produktů totiž může být tím rozhodujícím faktorem, který přemění návštěvníky v loajální zákazníky!
Základní informace:
Níže uvedený "marker" se uvádí vždy na začátek definice pro zobrazení produktů na stránce. Na začátku i na konci markeru si můžete vybrat ze dvou druhu znaků specifického zápisu. Můžete používat buď # nebo @., který se musí vždy nacházet před a za slovem bez mezer! Slovo uvnitř můžete psát jak malými, tak i velkými písmeny (na velikosti znaků nezáleží).
Pro markery používáme 2 typy:
1. typ - výpis konkrétních produktů
Zde mezi výše uvedené specifické znaky (# nebo @) markeru uvádíme slovo PRODUKTY nebo PRODUCTS. Pro zápis si můžeme zvolit jak češtinu, tak i angličtinu - dle svých preferencí. Výsledkem takového zápisu bude například @Produkty@ nebo třeba #PRODUCTS#. Na velikosti písmen markeru nezáleží a můžete je psát jak velkými písmeny, tak i malými.
2. typ - automatický výpis X produktů z dané stránky
Zde mezi specifické znaky (# nebo @) markeru uvádíme slovo KATEGORIE nebo CATEGORY. Zde si opět můžete vybrat buď zápis v češtině nebo angličtině. Výsledkem tohoto zápisu bude např. #kategorie# nebo třeba @category@. I zde opět na velikosti písmen nezáleží. Tento zápis se využívá při odkazování na stránku s více produkty, kdy se má automaticky načíst do stránky určitý počet produktů - např. buď prvních 5 nebo náhodných 5 produktů z dané stránky (třeba z kategorie).
Vložení konkrétních produktů
Pro vložení konkrétních produktů do stránky stačí zadat za marker @PRODUKTY@ do závorek URL adresy na konkrétní produkty. Každou URL adresu produktu uzavřete do samostatných závorek a jednotlivé závorky NEODDĚLUJTE mezerou. Ukázkový zápis níže by zajistil výpis 2 produktů do stránky. Pokud byste chtěli zobrazit více produktů, stačí přidat na konec definice další závorky s konkrétními URL adresami produktů.
@PRODUKTY@(https://www.domena.cz/url-produktu)(https://www.domena.cz/url-produktu-2)
Můžete také využít zkrácený zápis definice, bez URL adresy eshopu:
@PRODUKTY@(/url-produktu/)(/url-produktu-2)
Automatické vkládání X produktů
Pro automatické vytažení prvních X produktů stačí do závorek za marker @KATEGORIE@ zadat URL adresu stránky, ze které chcete produkty načíst - například URL adresa kategorie, adresa vyhledávání či třeba značek. Následně za tuto závorku do nové závorky uvedete číselnou hodnotu, která bude určovat počet produktů, které se mají do stránky vložit. Ukázkový zápis níže vloží do stránky prvních 5 produktů z dané kategorie.
@KATEGORIE@(https://www.domena.cz/url-kategorie)(5)
Pokud chcete do stránky vždy dynamicky vložit náhodných X produktů, stačí za číselnou hodnotu uvést slovo random či nahodne - zde si opět můžete vybrat jednu z těchto 2 možných definic - anglické, nebo české verze textace. Číselná hodnota od této hodnoty random musí být oddělena čárkou ( , ). Příklad níže načte vždy 5 náhodných produktů z dané kategorie.
@KATEGORIE@(https://www.domena.cz/url-kategorie)(5, random)
I zde u obou zápisů můžete využít zkrácený zápis bez URL adresy eshopu:
@KATEGORIE@(/url-kategorie/)(5)
@KATEGORIE@(/url-kategorie/)(5, random)
Produkty v posuvnících (sliderech)
Pokud chcete u produktů používat zobrazení v posuvnících neboli sliderech, máte dva způsoby, jak toho můžete docílit. Prvním ze způsobů je přidání slova slider do markeru, který je se slovem markeru spojen tečkou. Druhou možností je přidat slovo slider do samostatné závorky na konec specifické definice. Oba tyto zápisy automaticky převedou produkty do posuvníkového zobrazení. Tyto zápisy se ničím neliší - je tedy pouze na vás, který zápis se vám libí více a který se rozhodnete používat. Pokud definici slideru nepoužijete, produkty se zobrazí v běžném dlaždicovém výpise. (Pro zobrazení posuvníku je nutné zobrazovat více jak 4 produkty, aby bylo co scrollovat. Posuvníky nejsou podporovány pro šablony Soul, Rock, Pop a pro eshopy využívající řádkové zobrazení produktů.)
@PRODUKTY.slider@(/url-produktu/)(/url-produktu-2/)(/url-produktu-3/)(/url-produktu-4/)
@PRODUKTY@(/url-produktu/)(/url-produktu-2/)(/url-produktu-3/)(/url-produktu-4/)(slider)
To samé platí pro automatické načítání X produktů např. z kategorie:
@KATEGORIE.slider@(/url-kategorie/)(5)
@KATEGORIE@(/url-kategorie/)(5,random)(slider)
Možnost vkládání produktů pomocí HTML
Ačkoli do HTML kódu není potřeba sahat vůbec, umožňujeme také vkládání produktů pomocí specifického HTML pro případy, kdy to z nějakého důvodu potřebujete, nebo tento přístup upřednostňujete. Níže naleznete HTML kódy, které můžete používat.
<!-- Výpis např. 2 konkrétních produktů -->
<div class="shk-products">
<div url="https://www.domena.cz/url-produktu-1">[produkt]</div>
<div url="https://www.domena.cz/url-produktu-2">[produkt]</div>
</div>
<!-- Výpis konkrétních produktů ve slideru (se zkráceným zápisem URL) -->
<div class="shk-products product-slider">
<div url="/url-produktu-1">[produkt]</div>
<div url="/url-produktu-2">[produkt]</div>
<div url="/url-produktu-3">[produkt]</div>
<div url="/url-produktu-4">[produkt]</div>
</div>
<!-- Automatický výpis X produktů např. z kategorie -->
<div class="shk-products" url="https://www.domena.cz/url-kategorie" count="5">[produkty]</div>
<!-- Automatický výpis náhodných X produktů např. z kategorie -->
<div class="shk-products" url="https://www.domena.cz/url-kategorie" count="5" random>[produkty]</div>
<!-- Automatický výpis X produktů ve slideru -->
<div class="shk-products product-slider" url="https://www.domena.cz/url-kategorie" count="5">[produkty]</div>
Kompatibilita s doplňkem "Produkty v článcích"
Tato úprava je plně kompatibilní s oficiálním Shoptet doplňkem Produkty v článcích - náš kód sám automaticky zajistí transformaci HTML specifikace tohoto doplňku do námi požadované podoby a zajistí tak i nadále správné zobrazení již dříve vložených produktů. Pokud zvažujete přechod z tohoto doplňku na naše řešení, nemusíte se ničeho bát, zobrazení produktů v článcích i nadále zůstane. Při přechodu z tohoto doplňku se nemusíte o nic starat - nemusíte nikde nic upravovat či přepisovat, vše se bude i nadále v pořádku zobrazovat.
