Inhalte aufrufen





Profilbild

Integration des Facebook Page Plugins in einem SmartStore.NET Shop

Geschrieben von Wolfgang Schmerge , 29 August 2014 · 3005 Aufrufe

Facebook Like Box Integration Smartstore.net
Integration eines Facebook Page Plugins in einen SmartSore.NET Shop

Um das Facebook Page Plugin in einen SmartStore.NET Shop zu integrieren gehen Sie bitte wie folgt vor:
Zuerst müssen Sie sich bei Facebook ausloggen. (etwas paradox — aber dann ist es einfacher)
Danach die Website

https://developers.f...ins/page-plugin
aufrufen.

Unter „Facebook Page URL” geben Sie bitte den Pfad zu Ihrer Facebook-Seite ein.
Eingefügtes Bild


Die anderen Einstellungen können Sie nach Ihren Wünschen beliebig verändern
Danach auf „Get Code” klicken.

Eingefügtes Bild

Den kompletten Code aus dem Abschnitt "2" kopieren und in Ihrem Shop in einer unter "CMS -> Seiten&Inhalte" erstellten Seite im Editor (Quelltext) kopieren.

Erstellung einer neuen Content -Seite für eine Widget-Zone

Im Adminbereich unter CMS -> Seiten&Inhalte auf „Neu“ klicken.

Eingefügtes Bild

Einen Systemnamen vergeben.
Die Option „Als HTML- Widget darstellen“ aktivieren.
Eine Widget Zone auswählen (dazu einfach in das Feld klicken).
In dem folgenden Beispiel wird die Facebook-Like-Box in der rechten Spalte angezeigt.
Wenn gewünscht den Titel anzeigen bzw. das Widget umrahmen lassen.
Der Haken bei "Inhalt mit Container umhüllen" muss gesetzt sein.
Die Sortierung kann genutzt werden wenn in der gleichen Widget Zone mehrere Widgets angezeigt werden sollen.

Eingefügtes Bild

Als nächstes muss der kopierte Code über den Texteditor eingefügt werden.
Dazu auf den Button "Quellcode" klicken. In dem sich dann öffnenden Fenster den kopierten Code einfügen. Danach die neu erstellte Content-Seite speichern.
Je nachdem welches Layout der Facebook-Like-Box gewählt wurde, müssen evtl. noch die Breite (width) und Höhe (height) Angaben im Quellcode verändert werden.

Zusätzlich muss noch für das Javascript SDK ein weiterer Widget-Bereich erstellt werden.
Dazu unter "CMS -> Seiten & Inhalte" ein zusätzliches neues Widget einrichten und dort den Facebook-Code aus dem ersten Abschnitt reinkopieren und danach speichern.
Als Widget Zone die Zone "body_end_html_tag_before" auswählen.
Wichtig: Hier darf der Haken bei "Inhalt mit Container umhüllen" nicht gesetzt sein.

Eingefügtes Bild

Eingefügtes Bild

Danach wird die fertige Facebook-Like-Box im Shop an der gewünschten Stelle angezeigt.

Eingefügtes Bild

  • Chris_tian gefällt das



Profilbild
Sascha Patschka
Jul 28 2015 09:50

Danke für die Anleitung, hat super geklappt!!

Dezember 2022

S M D M D F S
    123
45 6 78910
11121314151617
18192021222324
25262728293031

Dezember 2022

S M D M D F S
    123
45 6 78910
11121314151617
18192021222324
25262728293031