Aus unserer Community

Danke Heiko,

habe es just in dieser Sekunde auch rausgefunden. Hinten am Ende ist ein Fehler beim js code.

Danke!

Hallo Heiko,

danke für Deine Unterstützung an dieser Stelle. Hatte ich nicht gesehen und ich konnte es so nicht testen weil es bei mir anders ist.

Funktioniert jetzt alles bei euch?

Grüße
rattatui

Leider nicht. Bei mir zeigt er nie die social media buttons an. Unter Firebug sehe ich auch nur den leeren Div Container.

Mir ist aufgefallen das beim einbinden in z.B. die Detailansicht eines Produktes die Tabs zerschossen werden und die Abstände und alles verloren gehen. Ich denke mal das hat was mit js zu tun?

Weil wenn ich den Codeteil hier aus dem header entferne:

{block name="frontend_index_header_javascript" append}
   {literal}
    
   <script type="text/javascript">
      jQuery(document).ready(function($){
        if($('#socialshareprivacy').length > 0){
         $('#socialshareprivacy').socialSharePrivacy({
      services : {
         facebook : {
        'status' : 'on',
        'dummy_img' : 'templates/genius/frontend/_resources/images/socialshareprivacy/dummy_facebook.png'
         },
         twitter : {
            'status' : 'on',
         'dummy_img' : 'templates/genius/frontend/_resources/images/socialshareprivacy/dummy_twitter.png'
         },
         gplus : {
        'status' : 'off',
        'language' : 'de',
        'dummy_img' : 'templates/genius/frontend/_resources/images/socialshareprivacy/dummy_gplus.png'
         },
      }
   });
        }
      });
   </script>
    
   {/literal}
{/block}

geht alles, nur eben die social media sachen werden nicht angezeigt.

Hallo,

weiß nicht welche SW-Version etc. Du nutzt - evtl. hat es hiermit etwas zu tun: allgemeines-f2/update-3-5-5-problem-artikel-in-wk-legen-ie6-t4425.html#p24076

Geht zwar dort um etwas anderes, jedoch hat die dort beschriebene Lösung auch bei anderen js-Fehlern zum Erfolg geführt. Ich hatte das gleiche Problem mit den Tabs etc. auch in Zusammenhang mit IE8 und dem Plugin "Sexybookmarks" - nach der im Beitrag beschriebenen Änderung ging dann alles.

Hi,

Weil wenn ich den Codeteil hier aus dem header entferne:

geht alles, nur eben die social media sachen werden nicht angezeigt.

Wenn du das entfernst, kann auch nichts mehr angezeigt werden.

Das sollte sich alles per CSS regeln lassen. Ich denke es macht wenig Sinn, wenn ich meine CSS hier poste, aber vielleicht hilft es doch...

.social_share_privacy_area {
    clear: both;
    margin: 20px 0 !important;
   list-style-type: none;
   padding: 0 !important;
   width: auto;
   height: 25px;
   display: block;
}
.social_share_privacy_area li {
   margin: 0 !important;
   padding: 0 !important;
   height: 21px;
   float: left;
}
.social_share_privacy_area li .dummy_btn {
    float: left;
    margin: 0 0 0 10px;
    cursor: pointer;
    padding: 0;
    height: inherit;
}
.social_share_privacy_area li div iframe {
    overflow: hidden;
    height: inherit;
    width: inherit;
}
/* Facebook begin */
.social_share_privacy_area .facebook {
    width: 180px;
    display: inline-block;
}
.social_share_privacy_area .facebook .fb_like iframe {
    width: 145px;
}
/* Facebook end */
/* Twitter begin */
.social_share_privacy_area .twitter {
   width: 148px;
}
.social_share_privacy_area li div.tweet {
   width: 115px;
}
/* Twitter end */
/* Google+ begin */
.social_share_privacy_area .gplus {
   width: 123px;
}
.social_share_privacy_area li div.gplusone {
   width: 90px;
}
/* Google+ end */
/* Switch begin */
.social_share_privacy_area li .switch {
    display: inline-block;
    text-indent: -9999em;
    background: transparent url(../images/socialshareprivacy/socialshareprivacy_on_off.png) no-repeat 0 0 scroll;
    width: 23px;
    height: 12px;
    overflow: hidden;
    float: left;
    margin: 4px 0 0;
    padding: 0;
    cursor: pointer;
}
.social_share_privacy_area li .switch.on {
    background-position: 0 -12px; 
}
/* Switch end */
/* Tooltips begin */
.social_share_privacy_area li.help_info {
    position: relative; 
}
.social_share_privacy_area li.help_info .info, 
.social_share_privacy_area li .help_info.icon .info {
    display: none;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 290px;
    padding: 10px 15px;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 3px 4px #999;
    -webkit-box-shadow: 0 3px 4px #999;
    box-shadow: 0 3px 4px #999;
    background-color: #fdfbec;
    color: #000;
    z-index: 500;
}
.social_share_privacy_area li.gplus.help_info .info {
    left: -60px;
}
.social_share_privacy_area li .help_info.icon .info {
    left: -243px;
    width: 350px;
}
.social_share_privacy_area li.help_info.display .info, 
.social_share_privacy_area li .help_info.icon.display .info {
    display: block;
}
.social_share_privacy_area li.help_info.info_off.display .info {
    display: none;
}
.social_share_privacy_area li .help_info.icon {
    background: #fff url(../images/socialshareprivacy/socialshareprivacy_info.png) no-repeat center center scroll;
    width: 25px;
    height: 20px;
    position: relative;
    display: inline-block;
   vertical-align: top;
   border: 2px solid #e7e3e3;
   border-right-width: 0;
   -moz-border-radius: 5px 0 0 5px;
   -webkit-border-radius: 5px 0 0 5px;
   border-radius: 5px 0 0 5px;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
   border-top-width: 0;
   border-left-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
   border-right-width: 2px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}
/* Tooltips end */
/* Settings/Info begin */
.social_share_privacy_area li.settings_info {
    position: relative;
    right: 124px;
    top: 22px;
}

.social_share_privacy_area li.settings_info a {
   text-decoration: none;
   margin: 0 !important;
}
.social_share_privacy_area li.settings_info .settings_info_menu {
    background-color: #f3f4f5;
    border: 2px solid #e7e3e3;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
    border-radius: 5px;
   -moz-box-shadow: 2px 2px 3px #c1c1c1;
   -webkit-box-shadow: 2px 2px 3px #c1c1c1;
    box-shadow: 3px 3px 3px #c1c1c1;
    left: 0;
    position: absolute;
    top: 0;
    width: 135px;
    z-index: 1000;
    margin: 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off {
   border-width: 0;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   background-color: transparent;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off form {
   display: none;
   margin: 0;
   padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu .settings {
   text-indent: -9999em;
   display: inline-block;
   background: #fff url(../images/socialshareprivacy/settings.png) no-repeat center center scroll;
   width: 25px;
   height: 20px;
   border: 2px solid #e7e3e3;
   -moz-border-radius: 0 5px 5px 0;
   -webkit-border-radius: 0 5px 5px 0;
   border-radius: 0 5px 5px 0;
   border-left: 1px solid #ddd;
   margin: 0;
   padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
   border-top-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
    border-width: 0;
    margin: 0;
    padding: 0 10px 10px;
   width: 250px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding: 10px 0;
   width: 115px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
   clear: both;
    float: left;
    margin: 4px 10px 4px 0;
    padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
   -moz-transition: color .5s ease-in;
   -webkit-transition: color .5s ease-in;
   transition: color .5s ease-in;
   margin: 0;
   padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
   color: #090;
}

span.info {
    width: 200px !important;
}

Grüße
rattaui

Hallo,

weiß nicht welche SW-Version etc. Du nutzt - evtl. hat es hiermit etwas zu tun: allgemeines-f2/update-3-5-5-problem-artikel-in-wk-legen-ie6-t4425.html#p24076

Geht zwar dort um etwas anderes, jedoch hat die dort beschriebene Lösung auch bei anderen js-Fehlern zum Erfolg geführt. Ich hatte das gleiche Problem mit den Tabs etc. auch in Zusammenhang mit IE8 und dem Plugin "Sexybookmarks" - nach der im Beitrag beschriebenen Änderung ging dann alles.

Ich nutze die neuste Version. Dort stehen diese Dinge schon so in der js. Kann von Shopware mal jemand was dazu sagen?

Grüße

ok habe es nun hinbekommen mit deiner anleitung. könnt ihr euch ja mal anschauen auf www.gamekeyshop.net

dickes danke an rattatui!

Hallo,

ja schöne Lösung. Sieht gut aus.

@geniusgmbhtv: Was genau meinst du hier? Wenn bei dir die Tabs nicht korrekt dargestellt werden ist das ja i.d.R. auf einen JS-Fehler zurückzuführen.
Es kann da aber auch ein Plugin o.ä. Ursache sein.
(Das wäre aber besser in einem eigenen Thema aufgehoben )

Hallo,

vielen Dank für diese Anleitung. Ich habe jedoch einige Fehler entdeckt und habe mehrere Stunden benötigt um diese zu entfernen. Jetzt läuft es.

Gruß

Maik

fällt mir gerade ein wo ich das hier lese.

Die Rhinos Media UG wollte mal das Google Plus Plugin updaten auf der 2 Klick
Verfahren (so wie Heise.de)

(http://store.shopware.de/werbung-marketing/google-modul)

Leider ist dadraus wohl nichts mehr geworden....

Die hätten das auch mit den anderen Social Media Sachen umsetzen können, bzw das Plugin
erweitern.


Schade eigentlich.