5 Antworten zu diesem Thema

[Chris_tian]

Hallo zusammen,

 

wie kann ich in meinen .NET Shop den Facebook Code für die Like Box einbauen? Ich habe den generierten Code in ein HTML Widget kopiert, trotzdem wird die Box nicht angezeigt.

Angehängte Bilder

•  facebook like.JPG   15.34K   2 Anzahl Downloads

[Murat Cakir]

An der Stelle, wo die Box gerendert werden soll:

<div id="fb-like-box-wrapper" style="width: 100%; "></div>

Javascript-Code (z.B. in _Layout.cshtml):

<script>
    // Facebook
    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s);
        js.id = id;
        js.async = true;
        js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));

    $(function () {
        function refreshFBLikeBox() {
        	try {
	            var wrapper = $('#fb-like-box-wrapper');
	            var w = wrapper.width();
	            wrapper.html('<div class="fb-like-box" ' +
	            'data-href="https://www.facebook.com/MeineSeite"' +
	            ' data-width="' + w + '" data-height="521" data-show-faces="true" ' +
	            'data-stream="true" data-header="false" data-show-border="false"></div>');
	            FB.XFBML.parse();
    		}
    		catch(e) {};	
        };
    	
        refreshFBLikeBox();
    	
    	EventBroker.subscribe("page.resized", function (msg, data) {
    	    var w = data.newWidth;
    	    refreshFBLikeBox();
    	});
    });
</script>

[Chris_tian]

Hallo Murat,

 

danke!  Wo finde ich die Datei _Layout.cshtml und an welcher Stelle muss ich den Code einfügen?

[Wolfgang Schmerge]

Hallo Christian,

 

du kannst die "Like Box" auch als IFrame in einer Widget-Zone einrichten.
Dann brauchts du nicht den Code bearbeiten.

Solche Code-Änderungen gehen gerne bei einem Update verloren.

Zusätzlich können Fehlerbehebungen bei Support-Kunden die aus fehlerhaften Code-Bearbeitung resultieren kostenpflichtig werden.

 

Anleitung: Facebook-Like-Box in einer Widget-Zone in SmartStore.NET einrichten

Zuerst musst Du Dich bei Facebook ausloggen. (Etwas paradox — aber dann ist es einfacher.)
Gehe danach zu dieser Seite: https://developers.f...ugins/like-box/
Dann gib unter „Facebook Page URL” den Pfad zu Deiner Facebook-Seite ein.
Jetzt die Einstellungen nach Belieben verändern
Dann auf „Get Code” klicken.
IFRAME auswählen.
Den kompletten Code in einer unter "CMS -> Seiten&Inhalte" erstellten Seite im Editor (Quelltext) kopieren.

Danach eine gewünschte Widget-Zone auswählen.

Innerhalb des Codes die Breite und Höhe anpassen bis es passt. 
 

Liebe Grüße

 

Wolfgang

[Chris_tian]

Hallo Christian,

 

du kannst die "Like Box" auch als IFrame in einer Widget-Zone einrichten.
Dann brauchts du nicht den Code bearbeiten.

Solche Code-Änderungen gehen gerne bei einem Update verloren.

Zusätzlich können Fehlerbehebungen bei Support-Kunden die aus fehlerhaften Code-Bearbeitung resultieren kostenpflichtig werden.

 

Anleitung: Facebook-Like-Box in einer Widget-Zone in SmartStore.NET einrichten

Zuerst musst Du Dich bei Facebook ausloggen. (Etwas paradox — aber dann ist es einfacher.)
Gehe danach zu dieser Seite: https://developers.f...ugins/like-box/
Dann gib unter „Facebook Page URL” den Pfad zu Deiner Facebook-Seite ein.
Jetzt die Einstellungen nach Belieben verändern
Dann auf „Get Code” klicken.
IFRAME auswählen.
Den kompletten Code in einer unter "CMS -> Seiten&Inhalte" erstellten Seite im Editor (Quelltext) kopieren.

Danach eine gewünschte Widget-Zone auswählen.

Innerhalb des Codes die Breite und Höhe anpassen bis es passt. 
 

Liebe Grüße

 

Wolfgang

 

Hallo Wolfgang,

 

klappt wunderbar, am besten gleich im tipps Blog aufnehmen.

 

Grüße

 

Christian

[Wolfgang Schmerge]

Hallo Christian,

 

freut mich.

An den Tipps für den Blog arbeite ich bereits.

Es müssen nur noch ein paar Screenshots rein.

 

Liebe Grüße

 

Wolfgang