Virtuemart 3: Jak přidat ikony pro sdílení produktu na sociálních sítích

Chtěli byste, aby mohli návštěvníci Vašeho eshopu snadno a rychle sdílet na Facebooku, Twitteru a dalších sociálních sítích odkazy na zboží z Vašeho internetového obchodu? V tomto článku Vám poradím, jak přidat ikony na sdílení na sociálních sítích na stránku produktu.

 

Bohužel jsem nenašla žádný plugin, který by stačilo jednoduše nainstalovat. Ale lze použít Sharing Buttons u služby AddThis.

Poté, co se zaregistrujete, si můžete vytvořit vlastní sadu ikon pro sdílení, kterou si pak můžete přidat na libovolné místo na webu nebo v eshopu.

Služba vám vygeneruje dva kódy. 

1. kód vložite kamkoliv mezi tagy <body></body> v souboru index.php,  kterou najdete ve složce templates/název_šablony/

Může vypadat nějak takto, jen se bude lišit ID, podle Vašeho účtu:

<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5546a667029099e6" async="async"></script>

2. kód vložíte do šablony produktu templates/nazevsablony/html/com_virtuemart/productdetails/default.php na místo, kde chcete ikony zobrazovat:

můj příklad:

<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_sharing_toolbox"></div>

Výsledkem jsou takovéhle krásné ikony, jejichž počet a vzhled si můžete nastavit ve svém účtu na AddThis:

ikony sociální sítě virtuemart

Klik na takovou ikonu pak zobrazí klasický sdílející dialog, ve kterém můžete před přidáním na svou zeď na Facebooku, Google Plus, Twitteru nebo  Pinterestu přidat komentář.

dialog sdileni virtuemart

Podělte se s ostatními o své zkušenosti...

{fcomment}

Mohlo by vás také zajímat...

0 z 5 - 0 hlasů
Děkujeme za hodnocení. Pokud se vám článek líbil, budeme rádi, když jej budete sdílet dál!
Vytisknout