Google 1+ und Facebook-Button einbinden

Thema wurde von petra S., 13. Oktober 2011 erstellt.

  1. petra S.
    petra S. Aktives Mitglied
    Registriert seit:
    24. August 2011
    Beiträge:
    32
    Danke erhalten:
    0
    Danke vergeben:
    5
    #1 petra S., 13. Oktober 2011
    Anfängerfrage:
    ich möchte im Fenster "Seite speichern bei" die Google 1+ und Facebook-Button einbinden.
    Wo muß ich den angegebenen Code einbinden ??? Also ich meine nicht den Menü-Punkt im Admin-Bereich, den kenne ich, aber ganz so einfach ist es ja nicht. Beim facebook-Code (gefunden im Netz) steht etwas von einer Single-PHPund Body-Tag....
    Wäre Klasse, wenn es im "Anfänger-Deutsch" erklärt wird.

    Vielen Dank im Voraus
    Petra
     
  2. iOS5
    iOS5 Erfahrener Benutzer
    Registriert seit:
    24. September 2011
    Beiträge:
    543
    Danke erhalten:
    44
    Danke vergeben:
    29
    #2 iOS5, 25. Oktober 2011
    Wo genau? Kannst Du mal einen Screenshot reinpacken an welcher Stelle?
     
  3. silvio4444
    silvio4444 Mitglied
    Registriert seit:
    4. November 2011
    Beiträge:
    16
    Danke erhalten:
    2
    #3 silvio4444, 4. November 2011
    Google+ Button im Shop

    Hallo Petra,

    ich habe es wie folgt gelöst:

    In der index.html im Templateordner (bei mir Eyecandy) habe ich am Ende fogendes eingefügt.
    HTML:
     {literal}
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'de'}
</script>
{/literal}
    In der box_gm_bookmarks.html habe ich das
    HTML:
     <div class="content-box-main-inner clearfix">
    in das geändert
    HTML:
     <div class="bookmark_icons">
    und hinter
    HTML:
     <div class="bookmark_icons"> {$content_data.CONTENT} </div>
    das eingefügt:
    HTML:
       <div class="g-plusone">
  </div>
    Die box_gm_bookmarks.html findest du im Templateordner im Ordner boxes!

    In der stylesheet.css kommt am Ende das rein:
    HTML:
     #___plusone_1 { text-align:center; width: 100% !important; }
.bookmark_icons { text-align:center; height:28px; width: 100%;}
    Damit sind die Bookmarkicons und g+ nicht so nach links gequetscht.

    G+ auf der Produktseite:
    Templateordner >>> Module >>> product_info >>> standart.html öffnen und folgendes suchen:
    HTML:
                {if $SHOW_BOOKMARKING || $SHOW_FACEBOOK}
                <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
            {/if}
        </div>
    Danach dies einfügen:
    HTML:
     <g:plusone></g:plusone>
    Fertig! Es gibt sicherlich bessere Lösungen, aber als "Amateur" hab ich das doch ganz gut hinbekommen. Oder?

    So siehts bei mir im Shop aus. http://goo.gl/7JLjY

    Gruß Silvio
     
  4. frankburek
    frankburek Aktives Mitglied
    Registriert seit:
    24. September 2014
    Beiträge:
    38
    Danke erhalten:
    0
    Danke vergeben:
    11
    #4 frankburek, 22. März 2015
    {literal} hat mir geholfen, die Facebook SDK hinter dem body-Tag einbinden zu können!
    Warum funktioniert das nur damit?