Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Die Integration von Facebook-Funktionen ist dank VEYTON Plugin- und Templatesystem spielend einfach.

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

1. Zu Beginn laden Sie bitte das Plugin xt_facebook aus unserem Forum und kopieren dies per FTP in Ihren plugins/ Ordner in Ihrer VEYTON Installation.

2. Installieren Sie nun das Facebook Plugin über den Plugin-Manager, wie hier beschrieben:

http://webhelp-de.xt-commerce.com/HTML/index.html?plugins.htm

modul_facebookImage Added

3. Beantragen Sie eine Facebook appID unter folgender URL: http://developers.facebook.com/setup/

4. Bearbeiten Sie die Facebook-Plugin Einstellungen und tragen Sie Ihre Facebook appID ein.

 

Die folgenden Schritte sind optional, da das Facebookplugin mehrere Features beinhaltet, welche 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 (zb xt_default/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>

 

 

facebook_like1Image Added

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_default/xtCore/pages/product/product.html einfügen.

facebook_commentImage Added

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>

 

 

facebook_shareImage Added

Integration der Empfehlen Funktion:

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

 

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

 

 

facebook_empfehlungImage Added