Magento Blog – Social media knoppen

Social Media Share knoppen bij de produkten

Eén van de eerste dingen die je tegen het lijf loopt is dat niet elke template netjes een oplossing biedt voor het plaatsen van social media share knoppen bij de produkten. Aangezien dit maar een klein klusje is om te doen omschrijf ik hem eens even uitgebreid in deze blog post.

Je kent ze wel, die leuke kleurrijke knoppen naast of onder je produkt foto die je webshop klanten de kans geeft om hun vers aangekochte artikel ook meteen te delen op social media zoals: Google+, Facebook, Twitter, of het gestaag groeiende Pinterest.

Social Media knoppen op GoMaxx.com

De allereerste stap hier is het ontwikkelen of binnenhalen van een setje leuke icons. Zoek iets wat bij de layout en stijl van de webshop past. Let daarbij op dingen zoals afgeronde hoeken en of kleurstellingen. Wanneer je deze icons hebt gevonden of gemaakt, upload ze dan dan bijvoorbeeld naar de root/media/wysiwyg/ directory. Onthoudt in ieder geval waar je ze hebt ondergebracht.

Gebruik FileZilla of een dergelijk programma en ga naar: app/design/frontend/PAKKET/THEMA/template/catalog/product/view.phtml
• PAKKET – is meestal default maar kan ook thema afhankelijk zijn.
• THEMA – is afhankelijk van welke template je hebt geinstalleerd.

Bepaal nu in de php code waar je de knoppen tevoorschijn wil laten komen en plak daar de volgende code:


Deze code haalt de juiste attributen op zoals de produkt URl, image en titel.
Plak direct daaronder de volgende code:


En na het leeggooien van je Magento cache zal je zien dat je nu je set social share icons hebt bij elk produkt.