# Social Button für Startseite
**URL:** https://forum.shopware.com/t/social-button-fur-startseite/21767
**Category:** Shopware 3.5
**Tags:** themes--design
**Created:** [7. August 2014 um 16:49 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767 "2014-08-07T16:49:58Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@kfman](https://forum.shopware.com/u/kfman)
#### Post date: [7. August 2014 um 16:49 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/1 "2014-08-07T16:49:58Z")
Wir möchten gern nur für die Startseite Social Buttons anzeigen lassen (BILD). Wie lässt sich das am einfachsten realisieren? Für die Startseite nutzen wir Einkaufswelten.
---
### Author:  [@kfman](https://forum.shopware.com/u/kfman)
#### Post date: [8. August 2014 um 12:37 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/2 "2014-08-08T12:37:32Z")
Sehr schade
---
### Author:  [@medienagenturmadco](https://forum.shopware.com/u/medienagenturmadco)
#### Post date: [8. August 2014 um 17:35 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/3 "2014-08-08T17:35:48Z")
Hallo, das Bild ist leider nicht zu sehen.
---
### Author:  [@benblub](https://forum.shopware.com/u/benblub)
#### Post date: [8. August 2014 um 18:06 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/4 "2014-08-08T18:06:09Z")
Hi, du musst dir ein Template anlegen und dort kannst du im Footer zb. oder je nachdem wo du die Buttons haben willst den html Code der Seiten adden. Google+ Beispiel [code]
[/code] Ordner ressource/Javascript JS File anlegen und Daten adden Google+ Beispiel `window.\_\_\_gcfg = {lang: 'de'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();` header.tpl `{block name="frontend\_index\_header\_javascript\_jquery"" append} {/block}` Wenn du bei mir auf die Webseite im Footer schaust, so sieht es dann am Ende aus, kann man halt je nach Geschmack noch via CSS stylen… [www.tcgshop.ch](https://tcgshop.ch)
---
### Author:  [@kfman](https://forum.shopware.com/u/kfman)
#### Post date: [8. August 2014 um 18:36 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/5 "2014-08-08T18:36:19Z")
[quote=„benblub“]Hi, du musst dir ein Template anlegen und dort kannst du im Footer zb. oder je nachdem wo du die Buttons haben willst den html Code der Seiten adden. Google+ Beispiel [code]
[/code] Ordner ressource/Javascript JS File anlegen und Daten adden Google+ Beispiel `window.\_\_\_gcfg = {lang: 'de'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();` header.tpl `{block name="frontend\_index\_header\_javascript\_jquery"" append} {/block}` Wenn du bei mir auf die Webseite im Footer schaust, so sieht es dann am Ende aus, kann man halt je nach Geschmack noch via CSS stylen… [www.tcgshop.ch](https://tcgshop.ch)[/quote] Du meinst mein eigens Template wie Emotion\_meintemplate? Dann kann ich ja nur im Footer das ganze anzeigen lassen.
---
### Author:  [@benblub](https://forum.shopware.com/u/benblub)
#### Post date: [8. August 2014 um 18:53 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/6 "2014-08-08T18:53:06Z")
Nein nicht wirklich, ansich kannst du dich in die Index einklinken wo es dir lieb ist. Wenn du es in den Einkaufswelten haben möchtest Code einfach in die Einkaufswelten hauen, also den HTML Teil 😉 Dafür einfachen die nachfolgenden Teil als “HTML” Code in die Einkaufswelten packen 😉 \*Beispielcode für Google+ [code]
[/code]
---
### Author:  [@kfman](https://forum.shopware.com/u/kfman)
#### Post date: [8. August 2014 um 21:39 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/7 "2014-08-08T21:39:24Z")
ja gut, das geht aber nicht mit twitter und Facebook. Da iframe oder javascript. lässt dich ja nicht einbinden.
---
### Author:  [@benblub](https://forum.shopware.com/u/benblub)
#### Post date: [8. August 2014 um 23:05 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/8 "2014-08-08T23:05:44Z")
Ich hab dir geschrieben wie es geht, wenn du es nicht verstehst nutze am besten eines der Zahlreichen Plugins 😉
---
### Author:  [@kfman](https://forum.shopware.com/u/kfman)
#### Post date: [8. August 2014 um 23:19 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/9 "2014-08-08T23:19:43Z")
na sehr freundlich 🕶 so verstehst keiner es gibt kein plugin was es genau so macht wie ich es will.
---
### Author:  [@benblub](https://forum.shopware.com/u/benblub)
#### Post date: [8. August 2014 um 23:49 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/10 "2014-08-08T23:49:55Z")
> [@](#):
>
> ja gut, das geht aber nicht mit twitter und Facebook. Da iframe oder javascript. lässt dich ja nicht einbinden.
---
### Author:  [@kfman](https://forum.shopware.com/u/kfman)
#### Post date: [9. August 2014 um 08:35 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/11 "2014-08-09T08:35:25Z")
Also pack ich das iframe von Facebook ein eine javascript Datei??? mal bitte ein konkretes Beispiel. Welcher HTML Code soll dann in die Einkaufswelt? SORRY vielleicht mal schritt für schritt.
---
### Author:  [@benblub](https://forum.shopware.com/u/benblub)
#### Post date: [9. August 2014 um 11:15 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/12 "2014-08-09T11:15:10Z")
1. Template anlegen um sicher gegen Updates zu sein 2. In deinem erstellten Template Ordner eine Javascript Datei anlegen Pfad: ressource/Javascript/socialnetwork.js 3. Pfad zur JS Datei in der Header.tpl anlegen 4. HTML Code in die Einkaufswelten packen. Beispielcode Facebook socialnetwork.js [/code] Einbinden der JS Datei in den Header header.tpl `{block name="frontend\_index\_header\_javascript\_jquery"" append} {/block}`
---
### Author:  [@kfman](https://forum.shopware.com/u/kfman)
#### Post date: [9. August 2014 um 12:08 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/13 "2014-08-09T12:08:49Z")
OKAY DANKE, test ich mal
---
### Author:  [@benblub](https://forum.shopware.com/u/benblub)
#### Post date: [11. August 2014 um 18:19 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/14 "2014-08-11T18:19:17Z")
Ich hab mal hingesetzt und ein kleines Plugin für die Einkaufswelten geschrieben.
---
### Author:  [@ffinkelm](https://forum.shopware.com/u/ffinkelm)
#### Post date: [4. September 2014 um 09:34 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/15 "2014-09-04T09:34:05Z")
Hallo, ich könnte hier auch noch etwas Hilfe gebrauchen. Ich habe alles nach der Anleitung gemacht, aber angezeigt wird leider nichts. Also, neue socialnetwork.js im Ordner templates/meinTemplate/frontend/\_resources erstellt, Inhalt: [code]
window.\_\_\_gcfg = {lang: 'de'}; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();[/code] Die header.tpl haeb ich schon in meinem Template appended, Inhalt: [code] {extends file='parent:frontend/index/header.tpl'} {block name="frontend\_index\_header\_css\_screen" append} {/block} {block name="frontend\_index\_header\_javascript\_jquery" append} {/block}[/code] Die Darstellung soll im Footer erfolgen. Die Datei menu\_footer.tpl habe ich ebenfalls in meinem Template. Dort habe ich dann hinzugefügt: [code]
[/code] Es ist auch völlig egal in welche Datei ich den Code einbinde, ich habe es in der index.tpl, menu\_footer.tpl und in der header.tpl versucht (liegen alle im Verzeichnis templates/meinTemplate/frontend/index) . Nun weiss ich nicht weiter, sieht jemand den Fehler und kann mir sagen wo? Besten Dank! Gruß
---
### Author:  [@billyb52](https://forum.shopware.com/u/billyb52)
#### Post date: [4. September 2014 um 12:15 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/16 "2014-09-04T12:15:12Z")
Hallo, bei mir hat es gsd funktioniert - Danke an BENBLUB! 1. Javasriptordner im eigenen Templateordner erstellen 2. In diesen die Datei socialnetwork.js erzeugen und folgenden Inhalt einfügen: `(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/de\_DE/sdk.js#xfbml=1&appId=439471686147355&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));` 3. Im Templateordner /frontend/index in die header.tpl folgenden Inhalt einfügen: `{block name="frontend\_index\_header\_javascript\_jquery"" append} {/block}` 4. In der Einkaufswelt ein neues HTML Element einfügen und in dieses dann folgenden Inhalt einfügen (ACHTUNG: nicht in das Textfeld selbst sondern den HTML Teil öffnen und dort hinein): [code]
[/code]
---
### Author:  [@benblub](https://forum.shopware.com/u/benblub)
#### Post date: [4. September 2014 um 12:47 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/17 "2014-09-04T12:47:22Z")
Das SocialNetwork Plugin für die Einkaufswelten könnt ihr inzwischen im Store beziehen: [http://store.shopware.de/werbung-marketing/social-network-buttons-in-den-einkaufswelten?c=2158](http://store.shopware.de/werbung-marketing/social-network-buttons-in-den-einkaufswelten?c=2158) Kommt in den Javascript Ordner in \_resources 😉 [quote]neue socialnetwork.js im Ordner templates/meinTemplate/frontend/\_resources[/quote]
---
### Author:  [@ffinkelm](https://forum.shopware.com/u/ffinkelm)
#### Post date: [4. September 2014 um 12:54 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/18 "2014-09-04T12:54:54Z")
Danke kreativ, das Problem liegt wohl an der html Datei. Die Social Buttons sollen ja auf jeder Seite sichtbar sein, daher verstehe ich das nicht mit der „neuen“ html Datei. Hier bitte noch einmal einen Denkanstoß. Gruß Frank Gesendet von meinem GT-I9100 mit Tapatalk 2
---
### Author:  [@benblub](https://forum.shopware.com/u/benblub)
#### Post date: [4. September 2014 um 13:07 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/19 "2014-09-04T13:07:22Z")
1. Footer erweitern `{extends file="parent:/frontend/index/footer.tpl"}` 2. In deiner Template Footer TPL HTML Code an der richtigen stelle einfügen.
---
### Author:  [@ffinkelm](https://forum.shopware.com/u/ffinkelm)
#### Post date: [5. September 2014 um 19:44 UTC](https://forum.shopware.com/t/social-button-fur-startseite/21767/20 "2014-09-05T19:44:34Z")
So, mit Hilfe von kreativ habe ich den Fehler gefunden. Ich habe die ganze Zeit den generierten Code von Facebook genommen, das führte dazu, dass kein Icon angezeigt wurde. Richtig ist dieser Code: `(function(d, s, id) {#newline# var js, fjs = d.getElementsByTagName(s)[0];#newline# if (d.getElementById(id)) return;#newline# js = d.createElement(s); js.id = id;#newline# js.src = "//connect.facebook.net/de\_DE/sdk.js#xfbml=1&appId=439471686147355&version=v2.0";#newline# fjs.parentNode.insertBefore(js, fjs);#newline#}(document, 'script', 'facebook-jssdk')); ` und hier eben die Zeile: `js.src = "//connect.facebook.net/de\_DE/sdk.js#xfbml=1&appId=439471686147355&version=v2.0";` mit der appId! Dann gehts auch! Gruß