FB Gefällt mir Button

Thema wurde von dusticelli, 4. Mai 2011 erstellt.

  1. dusticelli
    dusticelli Erfahrener Benutzer
    Registriert seit:
    27. April 2011
    Beiträge:
    310
    Danke erhalten:
    21
    Danke vergeben:
    27
    Hallo,

    ich würde gerne den FaceBook gefällt mir Button (bzw. vielmehr die relevante css) im Template etwas anpassen. das Problem ist, dass der Bereich für den Button und den nebenstehenden Text zu groß zu sein scheint.

    Wenn bei der Artikeldetailansicht "weiterempfehlen" "woanders güsntiger" und "datenblatt drucken" angeschaltet sind, rutscht das ganze FB-Dingens eine Zeile nach unten.

    Der Webdeveloper verrät mir dass der Bereich für das FB widget breiter zu sein scheint, als der oben zur Verfügung stehende Platz (siehe Foto).

    Wo kann ich das anpassen?

    Danke schon mal..
     

    Anhänge:

  2. dusticelli
    dusticelli Erfahrener Benutzer
    Registriert seit:
    27. April 2011
    Beiträge:
    310
    Danke erhalten:
    21
    Danke vergeben:
    27
    Also im Quelltext findet man folgendes:
    Ich finde aber die entsprechenden Klassen nicht. Vielleicht bin ich ja zu blöd. Oder wird die Anzeige des Widgets irgendwie direkt durch das javascript generiert?

    Ich habe im Firebug irgendwie ein <iframe> tag an der entsprechenden Stelle gefunden mit einer style Angabe von 450px. Habe aber nicht erkennen können woher diese Style Angabe stammt?!

    Sorry, wenn ich hier vermeintlich blöde Fragen stelle, aber mit Gambio beschäftige ich mich erst seit kurzem. Vieles sit Momentan noch undurchsichtig.

    Würde mich freuen, wenn mir hier jemand weiterhelfen kann.
     
  3. dusticelli
    dusticelli Erfahrener Benutzer
    Registriert seit:
    27. April 2011
    Beiträge:
    310
    Danke erhalten:
    21
    Danke vergeben:
    27
    So, für alle die es interessiert:

    Das Layout scheint von der Seite www.addthis.com zu kommen. Dort kann man wohl kleine Scripts generieren, die auf der Webseite eingebunden werden und eben Funktionen haben wie Bookmarks setzen, Tweets schicken, und eben Facebook gefällt mir.

    Ich habe mir einfach ein anderes Script in die Seite eingebaut, jetzt passt es!
     
  4. Nils
    Nils Aktives Mitglied
    Registriert seit:
    27. April 2011
    Beiträge:
    31
    Danke erhalten:
    1
    Danke vergeben:
    1
    könntest du mir schritt für schritt erklären wie du den facebook button darein bekommen hast.
     
  5. gt-e-andy
    gt-e-andy Mitglied
    Registriert seit:
    14. Juni 2011
    Beiträge:
    10
    Danke erhalten:
    0
    Danke vergeben:
    3
    bei mir funktioniert dieser button nicht... ich klicke wie ein irrer auf nen link, aber er nimmt es einfach nicht an. ich bin bei FB auch eingeloggt - geht dennoch nicht!
    einstellungsfehler?
     
  6. Volker Imre
    Volker Imre Erfahrener Benutzer
    Registriert seit:
    16. Juni 2011
    Beiträge:
    265
    Danke erhalten:
    33
    Danke vergeben:
    21
    #6 Volker Imre, 22. Juni 2011
    Zuletzt bearbeitet: 22. Juni 2011
    Nabend,

    Vorschlag:

    /system/views/product_info/

    Datei: ProductInfoContentView.inc.php

    Änderung in Zeile 399, direkt nach
    $this->set_content_data('images', $t_gm_images_data);
    $this->set_content_data('thumbnails', $t_thumbnails_array);
    // EOF GM_MOD

    schreibst du rein:
    $this->set_content_data('FACEBOOK_URL',urlencode(xtc_href_link(FILENAME_PRODUCT_INFO,'products_id='.$_GET['products_id'])));

    Alles in einer Zeile.

    Im Verzeichnis templates/EyeCandy/module/product_info

    änderst du deine standard.html (oder wie deine Produkt-Info-HML-Datei heisst).

    In Zeile 118 ersetzt du
    <a id="facebook_like" class="addthis_button_facebook_like" fb:like:layout="standard" rel="nofollow"></a>

    durch
    <iframe src="http://www.facebook.com/plugins/like.php?href={$FACEBOOK_URL}&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=70" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:70px;" allowTransparency="true"></iframe>

    Dann kannst du auch gleich noch Höhe, Breite und andere Parameter anpassen :) Siehe http://developers.facebook.com/docs/reference/plugins/like/

    bye
    Volker
    P.S.: Ich hab die Actions in der standard.html dann auch gleich zweizeilig gemacht:

    <div class="actions">
    {if $SHOW_BOOKMARKING}
    <a class="addthis_button" href="http://www.addthis.com/bookmark.php" rel="nofollow"><img class="png-fix" src="{$tpl_path}img/icons/icon-bookmark.png" alt="" /> &nbsp; {$txt.text_bookmarking}</a>
    {/if}
    {if $SHOW_PRINT}
    <a href="{page_url}#" class="button_print" rel="nofollow"><img class="png-fix" src="{$tpl_path}img/icons/icon-print.png" alt="" /> &nbsp; {$txt.text_print}</a>
    {/if}
    {if $GM_PRICE_OFFER!=''}
    <a href="{page_url}#" id="gm_price_offer" class="button_price_offer" rel="nofollow"><img class="png-fix" src="{$tpl_path}img/icons/price_offer.png" alt="" /> &nbsp; {$txt.text_price_offer}</a>
    {/if}
    {if $GM_TELL_A_FRIEND}
    <a href="{page_url}#" id="gm_tell_a_friend" class="button_tell_a_friend" rel="nofollow"><img class="png-fix" src="{$tpl_path}img/icons/tell_a_friend.png" alt="" /> &nbsp; {$txt.text_tell_a_friend}</a>
    {/if}
    </div>
    <div class="actions">
    {if $SHOW_FACEBOOK}
    <div class="addthis_toolbox addthis_default_style">
    <iframe src="http://www.facebook.com/plugins/like.php?href={$FACEBOOK_URL}&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=70" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:70px;" allowTransparency="true"></iframe>
    </div>
    {/if}
    </div>
     
  7. dusticelli
    dusticelli Erfahrener Benutzer
    Registriert seit:
    27. April 2011
    Beiträge:
    310
    Danke erhalten:
    21
    Danke vergeben:
    27
    sorry wenn ich erst so spät hier wieder vorbei komme. Liegt an der fehlenden Benachrichtigung.

    Also, diese FB Button Sache ist im Template ein Snippet von einem externen Anbieter (www.addthis.com). Im aktuellen Template Datei

    standard.html

    im Ordner

    templates/EyeCandy/module/product_info

    habe ich mir angepasst. Dazu kann man auf der Seite des Anbieters addthis.com zunächst seine gewünschtes Snippet erstellen und dann an der folegnden Stelle in der Datei einfügen:

    Ab Zeile 115 das hier

    Code:
    			{if $SHOW_FACEBOOK}
    				<div class="addthis_toolbox addthis_default_style">
    					<a id="facebook_like" class="addthis_button_facebook_like" fb:like:layout="standard" rel="nofollow"></a>
    				</div>
    			{/if}
    			{if $SHOW_BOOKMARKING || $SHOW_FACEBOOK}
    				<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
    			{/if}
    
    durch das eigene Snippet ersetzen:

    Code:
    <!-- AddThis Button BEGIN -->
    {if $SHOW_FACEBOOK}
    <div class="addthis_toolbox addthis_default_style ">
    <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
    <a class="addthis_button_tweet"></a>
    </div>
    
    			{/if}
    			{if $SHOW_BOOKMARKING || $SHOW_FACEBOOK}
    				<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dc1a9e8411d4946"></script>
    {/if}
    <!-- AddThis Button END -->
    			
    Bei mir klappt es so!
     
  8. gt-e-andy
    gt-e-andy Mitglied
    Registriert seit:
    14. Juni 2011
    Beiträge:
    10
    Danke erhalten:
    0
    Danke vergeben:
    3
    ich habe nun mal eine eigene zusammenstellung in unseren shop eingebunden! geflällt mir soweit.. nur verstehe ich nicht, warum facebook kein bild findet!?