Modul Sidebar Button | Schwebender Kontaktbutton | Fixed Side Button | Float Button

Wie auch immer es heißen mag - hier ist eine Anleitung wie man in EyeCandy einen festen schwebenden Button einbringt, wie er z. B. auf diversen Seiten als Schnellkontaktbutton, eKomi Button, Feedback Button oder was auch immer eingesetzt wird.

Wir verwenden es als schnellen Zugriff auf Newsletter, weil die ja bei Gambio bisher stiefkindlich behandelt werden: Nicht mal bei Erstellung des Kundenkontos kann man das anhaken.

Schritt 1:
Datensicherung

Schritt 2:
Alle Dateien aus dem Ordner neue-dateien ins Shop-Hauptverzeichnis hochladen

Schritt 3:
In der templates/EyeCandy/index.html suchen:

Danach einfügen:

Statt dem # natürlich dann den Link einsetzen auf den mit dem Button verlinkt werden soll.

Screenshot im Package included. Installationszeit 1 Minute

Benutzung auf eigene Gefahr!

Viele Grüße,
Lena


Edit: Vielleicht kann ich Steffen mit ein paar mehr Buttons ausstechen - siehe Screenshot. Paket aktualisiert

 

Ähnlich wie die hier vermute ch mal

(Link nur für registrierte Nutzer sichtbar.)

Aber deins sieht auch gut aus. ^^

 

öhm, ja...

 

Bitte aber bei solchen Fähnchen bedenken, ob sie im "MC" evtl. stören!? Also vielleicht die Konstante "MOBILE_ACTIVE" mit einbauen.

Ich habe die Fähnchen und SSL-Corner rechts unten im "MC" stillgelegt . . nervt bloß!

 

Ist ja nur im EyeCandy drin und wird daher im MC garantiert nicht auftauchen...

 

was für ein Grund könnte es sein, wenn ich es in meinem Testshop gar nicht zu sehen bekomme? Installiert gem. Anleitung, Version 2.0.14

 

caches Brwoser und Shop

 

Geht jetzt?

 

Leider nein (Testshop: http://www.rc-scaleshop.ch/)

 

Ein Dateipfad stimmte nicht. Download-Paket aktualisiert. Du bekommst das Ding zum Laufen, indem du die sidebutton.css aus
templates/EyeCandy/usermod/sidebutton.css in templates/EyeCandy/usermod/css/sidebutton.css verschiebst...

 

hat geklappt, vielen Dank

 

Wenn du den Button noch weiter unten haben willst um das Gesamtbild etwas zu entzerren, musst du in der sidebar.css dies ändern:

*{margin:0px;padding:0px;}
#newsletter
{
background:transparent url(img/newsletter.png) no-repeat scroll 0px 0px;
height:170px;
right:-3px;
position:fixed;
top:230px;
width:50px;
}

 

Habe eine aktualisierte Version hochgeladen - weger der sidebutton.css gab es noch ein Darstellungsproblem in machen Browsern.

 

Funktioniert irgendwie gar nicht bei mir .....

 

Wer will kann für paar EUR unsere Sidebar bekommen. bassiert auf reinem html und CSS und ist momentan updatesicher umgesetzt.