Hallo,
ich würde gerne auf der Detailseite die Icons zum Bookmarken um facebook und twitter erweitern. Mit einem Klick auf das entsprechende Symbol soll die Detailseite auf dem Dienst gepostet werden können. Hat jemand die entsprechenden Facebook und Twitter-Links die man einbauen muss bzw. wer könnte das machen? Ich nutze die Community Edition 4.1.6_23610.
Mach mal ein Update auf eine aktuelle Shopversion. Da sind die Social Bookmarks bereits integriert.
(siehe auch Demoshop -> http://demoshop.oxid-esales.com/community-edition/Geschenke/Fantasy/Briefoeffner-mit-Drachenwandhalter.html)
mmhhhhh verweise bitte aber auch auf die forenpostings zu den social bookmarks und verlorenen warenkörben, oder ist das mit der 4.4.x behoben ???
Das ist doch total egal! Hauptsache social networking!!!eins!!!eins!!!
Das lag an einer mit-übergebenen Session-Variable (sid) und wird erst in 4.5 behoben sein.
In den Kommentar (unten) gibts aber den Hinweis, wie man einfach selbst eingreifen kann, um das zu ändern:
https://bugs.oxid-esales.com/view.php?id=2263
(warum das dann nicht gleich in 4.4.6 oder zumindest jetzt in 4.4.7 geändert wurde?? Wo es doch nur ein veränderter URL-Aufruf ist??)
[I]Edit: hier noch der Link zu den Cumulative Patches: http://wiki.oxidforge.org/Cumulative_Packages[/I]
Geht das nicht auch ohne update? Ich will einfach nur die Boomarks-Reihe um die kleinen Icons von facebook und twitter erweitern. Problem ist ja hauptsächlich, dass die URL von der Detailseite mit dem Klick übergeben werden soll. Diesen ganzen Schmotter mit Facebook comments usw. will ich gar nicht haben.:eek: Hat keiner den Code parat?
Es gibt verschiedene Snippets bzw Mini-Module, die eine solche Bookmark-Leiste via iframe einbinden.
Den iframe musst Du dann nur noch an der gewünschten Stelle im Template einfügen.
Frag einfach mal Onkel Google, da gibts bestimmt jede Menge Treffer dazu.
[QUOTE=Hebsacker;53881]Es gibt verschiedene Snippets bzw Mini-Module, die eine solche Bookmark-Leiste via iframe einbinden.
Den iframe musst Du dann nur noch an der gewünschten Stelle im Template einfügen.
Frag einfach mal Onkel Google, da gibts bestimmt jede Menge Treffer dazu.[/QUOTE]
Habe zu allererst gegoogelt und nichts gefunden. Keine Ahnung ob ich die falschen Suchwörter eingegeben habe. Habe mich schon gewundert, dass es zu dem Thema nichts gibt.
Also Fratzenbuch bietet einen Codegenerator an:
Den kann man auch noch konfigurieren, also welche Komponenten, wie groß etc… Gib als URL erstmal Deine normale Startseite an.
Danach musst Du den erzeugten Code nur noch in Dein gewünschtes Template einbinden.
Hier bietet sich an, das Template der Bookmarks zu ergänzen (out/basic/tpl/inc/bookmarks.tpl)
Um die jeweils aktuelle Seite als ge-“like!”-te URL mitzugeben bedarf es noch einer kleinen Änderung. Anstatt der URL die Du beim Erstellen des Codes angegeben hast musst Du die Smarty-Variable
[{$link}]
einsetzen (wie bei den anderen Bookmarks im Template auch). Diese fügt dann die jeweils aktuelle URL, also in Deinem Fall die der Artikeldetailseite ein.
Twitter bietet sicherlich etwas ähnliches an.
Ich kriege es nicht hin. Der Code sieht bei mir nun so aus:
<!-- Facebook -->
[{assign var='link' value="http://www.facebook.com/plugins/like.php?href=`$_title`&purl=`$_link`" }]
<a id="sbookmarks.facebook" href="[{$link}]" class="sbookmarks noborder" title="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] facebook" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }]" src="[{$oViewConf->getImageUrl()}]bookmarks/facebook.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.facebook');"}]
Wenn ich nun auf der Seite das facebook-icon anklicke, erscheint ein neues Fenster mit weißer Seite und mit oben links dem like-Button. Die Seite wird aber anscheinend nicht gepostet.
Den Like-Button könnte ich mir auch gut vorstellen. Da stimmt aber momentan auch die Linkübergabe nicht. Wo könnte der Fehler liegen?:
<iframe src=“http://www.facebook.com/plugins/like.php?href=$_link&t=$_title2F&layout=button_count&show_faces=false&width=90&action=like&font=verdana&colorscheme=light&height=21” scrolling=“no” frameborder=“0” style=“border:none; overflow:hidden; width:90px; height:20px;” allowTransparency=“true”></iframe>
Auf der Seite erscheint hinter dem facebook-Logo in der Sprechblase k256 und die Link-Übergabe funktioniert nicht.
Du musst den auf der Facebookseite erstellten iframe-Code einfügen:
<iframe
src="http://www.facebook.com/plugins/like.php?href=[{$link}]&layout=standard&show_faces=false&
width=250&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true"
style="
border:none;
overflow:hidden;
width:250px;
margin-top:5px;
height:50px">
</iframe>
ggf auch [{$product->getLink()|oxescape}] als URL-Variable
Den auf der Facebookseite erstellte iframe-Code ist zu groß für meine Seite. Ich brauche eine kleinere Variante.
Wenn ich die URL-Variante nehme, zerschießt es mir die Detailseite.:eek:
Wenn ich die folgende Variante nehme, sieht es im Shop gut aus, aber der Link wird nicht richtig übergeben. Da macht er mir noch die facebook-URL vor meine eigene.
<iframe src=“http://www.facebook.com/plugins/like.php?href=[{$link}]2F&layout=button_count&show_faces=false&width=90&action=like&font=verdana&colorscheme=light&height=21” scrolling=“no” frameborder=“0” style=“border:none; overflow:hidden; width:90px; height:20px;” allowTransparency=“true”></iframe>
Danke für die Hilfe! Mit dem erzeugten XFBML-Code hat es geklappt. Twitter geht auch.
Funktioniert leider doch nicht richtig. Die Daten werden nicht korrekt an facebook übergeben. Statt dem Artikelbild wird das Icon von yieeha als Artikelbild übertragen. Anscheinend ist der Befehl hiervon nicht geschlossen. Ich finde aber den Fehler nicht. Ich poste mal den kompletten Inhalt von dem Bookmark-Bereich. Wo könnte da der Fehler liegen? Ich habe facebook und twitter ganz am Anfang eingefügt.
<div style=“height: 125px; background-color: #333; border: 1px solid #666; margin-bottom: 20px;”>
<table border="0" cellspacing="0" cellpadding="5" align="left">
<tr style="color: #FFF; font-size: 12px; background-color: #666;">
<td width="190px" align="center"><b>ARTIKEL BOOKMARKEN</b></td>
</tr>
<tr>
<td align="center"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="[{$link}]" layout="button_count" show_faces="false" width="90" font="verdana"></fb:like>
<a href=“http://twitter.com/share” class=“twitter-share-button” data-url="[{$link}]" data-count=“none” data-lang=“de”>Tweet</a><script type=“text/javascript” src=“http://platform.twitter.com/widgets.js”></script><br><br>
[{assign var=’_title’ value=$product->oxarticles__oxtitle->value|strip_tags|cat:$product->oxarticles__oxvarselect->value|default:’’|cat:$oView->getTitleSuffix()|escape:‘url’ }]
[{assign var='_link' value=$product->getLink()|escape:'url' }]
<!-- Mister Wong -->
[{assign var='link' value="http://www.mister-wong.com/index.php?action=addurl&bm_url=`$_link`&bm_description=`$_title`" }]
<a id="sbookmarks.misterWong" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Mister Wong" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Mister Wong" src="[{$oViewConf->getImageUrl()}]bookmarks/mister_wong.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.misterWong');"}]
<!-- Web News -->
[{assign var='link' value="http://www.webnews.de/einstellen?url=`$_link`&title=`$_title`" }]
<a id="sbookmarks.webnews" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_WEBNEWS_TITLE" }]" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_WEBNEWS_TITLE" }]" src="[{$oViewConf->getImageUrl()}]bookmarks/webnews.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.webnews');"}]
<!-- Icio -->
[{assign var='link' value="http://www.icio.de/add.php?url=`$_link`&title=`$_title`"}]
<a id="sbookmarks.icio" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Icio" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Icio" src="[{$oViewConf->getImageUrl()}]bookmarks/icio.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.icio');"}]
<!-- Folkd -->
[{assign var='link' value="http://www.folkd.com/page/submit.html?step2_sent=1&url=`$_link`&check=page&add_title=`$_title`&add_description=&add_tags_show=&add_tags=&add_state=public"}]
<a id="sbookmarks.folkd" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Folkd" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Folkd" src="[{$oViewConf->getImageUrl()}]bookmarks/folkd.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.folkd');"}]
<!-- Yigg -->
[{assign var='link' value="http://yigg.de/neu?exturl=`$_link`" }]
<a id="sbookmarks.yigg" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Yigg" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Yigg" src="[{$oViewConf->getImageUrl()}]bookmarks/yigg_trans.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.yigg');"}]
<!-- Del.ico.us -->
[{assign var='link' value="http://del.icio.us/post?url=`$_link`" }]
<a id="sbookmarks.delicious" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Del.ico.us" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Del.ico.us" src="[{$oViewConf->getImageUrl()}]bookmarks/delicious.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.delicious');"}]
</td>
</tr>
<tr>
<td align="center">
<!-- Yahoo -->
[{assign var='link' value="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=`$_link`&t=`$_title`" }]
<a id="sbookmarks.yahoo" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Yahoo" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Yahoo" src="[{$oViewConf->getImageUrl()}]bookmarks/yahoo.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.yahoo');"}]
<!-- Google -->
[{assign var='link' value="http://www.google.com/bookmarks/mark?op=edit&bkmk=`$_link`&title=`$_title`" }]
<a id="sbookmarks.google" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Google" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Google" src="[{$oViewConf->getImageUrl()}]bookmarks/google.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.google');"}]
<!-- Yieeha -->
[{assign var='link' value="http://www.yieeha.de/product/create?source=light_button&pname=`$_title`&purl=`$_link`" }]
<a id="sbookmarks.yieeha" href="[{$link}]" class="sbookmarks noborder" title="[{ oxmultilang ident="INC_BOOKMARKS_YIEEHA_TITLE" }]" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_YIEEHA_TITLE" }]" src="[{$oViewConf->getImageUrl()}]bookmarks/yieeha.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.yieeha');"}]
</td>
</tr>
</table>
</div>
[{*
<div class=“socialbookmarks”>
[{assign var='_title' value=$product->oxarticles__oxtitle->value|strip_tags|cat:$product->oxarticles__oxvarselect->value|default:''|cat:$oView->getTitleSuffix()|escape:'url' }]
[{assign var='_link' value=$product->getLink()|escape:'url' }]
<!-- Mister Wong -->
[{assign var='link' value="http://www.mister-wong.com/index.php?action=addurl&bm_url=`$_link`&bm_description=`$_title`" }]
<a id="sbookmarks.misterWong" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Mister Wong" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Mister Wong" src="[{$oViewConf->getImageUrl()}]bookmarks/mister_wong.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.misterWong');"}]
<!-- Web News -->
[{assign var='link' value="http://www.webnews.de/einstellen?url=`$_link`&title=`$_title`" }]
<a id="sbookmarks.webnews" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_WEBNEWS_TITLE" }]" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_WEBNEWS_TITLE" }]" src="[{$oViewConf->getImageUrl()}]bookmarks/webnews.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.webnews');"}]
<!-- Icio -->
[{assign var='link' value="http://www.icio.de/add.php?url=`$_link`&title=`$_title`"}]
<a id="sbookmarks.icio" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Icio" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Icio" src="[{$oViewConf->getImageUrl()}]bookmarks/icio.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.icio');"}]
<!-- Folkd -->
[{assign var='link' value="http://www.folkd.com/page/submit.html?step2_sent=1&url=`$_link`&check=page&add_title=`$_title`&add_description=&add_tags_show=&add_tags=&add_state=public"}]
<a id="sbookmarks.folkd" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Folkd" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Folkd" src="[{$oViewConf->getImageUrl()}]bookmarks/folkd.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.folkd');"}]
<!-- Yigg -->
[{assign var='link' value="http://yigg.de/neu?exturl=`$_link`" }]
<a id="sbookmarks.yigg" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Yigg" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Yigg" src="[{$oViewConf->getImageUrl()}]bookmarks/yigg_trans.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.yigg');"}]
<!-- Del.ico.us -->
[{assign var='link' value="http://del.icio.us/post?url=`$_link`" }]
<a id="sbookmarks.delicious" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Del.ico.us" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Del.ico.us" src="[{$oViewConf->getImageUrl()}]bookmarks/delicious.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.delicious');"}]
<!-- Yahoo -->
[{assign var='link' value="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=`$_link`&t=`$_title`" }]
<a id="sbookmarks.yahoo" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Yahoo" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Yahoo" src="[{$oViewConf->getImageUrl()}]bookmarks/yahoo.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.yahoo');"}]
<!-- Google -->
[{assign var='link' value="http://www.google.com/bookmarks/mark?op=edit&bkmk=`$_link`&title=`$_title`" }]
<a id="sbookmarks.google" href="[{$link}]" class="sbookmarks" title="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Google" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_GENERAL_TITLE" }] Google" src="[{$oViewConf->getImageUrl()}]bookmarks/google.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.google');"}]
<!-- Yieeha -->
[{assign var='link' value="http://www.yieeha.de/product/create?source=light_button&pname=`$_title`&purl=`$_link`" }]
<a id="sbookmarks.yieeha" href="[{$link}]" class="sbookmarks noborder" title="[{ oxmultilang ident="INC_BOOKMARKS_YIEEHA_TITLE" }]" rel="nofollow">
<img alt="[{ oxmultilang ident="INC_BOOKMARKS_YIEEHA_TITLE" }]" src="[{$oViewConf->getImageUrl()}]bookmarks/yieeha.gif"/>
</a>
[{oxscript add="oxid.blank('sbookmarks.yieeha');"}]
</div>
*}]
Musste die Datei jetzt in 2 Abschnitten posten, da sie die vorgeschriebene maximale Länge überschritten hat…
Muss ich die beiden Links eventuell auch noch im 2. Abschnitt eintragen oder warum sind die Einträge doppelt?