Page tree
Skip to end of metadata
Go to start of metadata

Die Integration von Facebook-Funktionen ist dank des xt:Commerce Plugin- und Templatesystems einfach umzusetzen.

In diesem Beitrag zeigen wir Ihnen die Integration der Facebook-Like-Funktion und die Möglichkeit, Kundenkommentare über Facebook zu integrieren.

1. Zuerst laden Sie bitte das Plugin xt_facebook aus unserem Marketplace und installieren es.

2. Beantragen Sie eine Facebook-App-ID unter folgender URL: https://developers.facebook.com

3. Bearbeiten Sie die Facebook-Plugin-Einstellungen und tragen Sie Ihre Facebook App-ID ein.

 

Die folgenden Schritte sind optional, da das Facebook-Plugin mehrere Features beinhaltet, die man jedoch nicht alle nutzen muss.

Integration der Like/Gefällt-mir-Funktion in Ihre Produkt-Detail-Seite:

Fügen Sie hierzu folgenden Code in Ihr HTML-Template (z. B.: xt_responsive/xtCore/pages/product/product.html ein, um die Facebook-typischen Gefällt mir- und Zeige deinen Freunden-Knöpfe zu erhalten

<fb:like href="{$products_link}"></fb:like>


Integration der Kommentar-Funktion über Facebook

Um die Facebook-Komentar-Funktion unter Ihren Produkten einzublenden, müssen Sie nur folgenden Code in die Datei xt_responsive/xtCore/pages/product/product.html einfügen.

Integration der Teilen/Share-Funktion:

Für diese Funktion ist es erforderlich, einen neuen Bildtyp namens facebook im Mediamanager zu erstellen (Inhalte => Media =>  Bildtypen => Neu). Die maximale Größe sollte 130px Höhe und 110px Breite sein. Starten Sie danach das Imageprocessing, um diese Größe neu erstellen zu lassen.

Für die Integration des Share Buttons fügen Sie danach folgenden Code in Ihr Produkt-Info-Template ein:

<fb:share-button href="{$products_link}" type="button"></fb:share-button>

 

Integration der Empfehlen-Funktion:

Für die Integration der Empfehlen-Anzeige fügen Sie danach folgenden Code in Ihr Produkt-Info-Template oder ein beliebiges anderes Template ein:

<fb:recommendations  height="200" header="true" border_color="#ffffff"></fb:recommendations>

 



 

 

 

  • No labels