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

 

öhm, ja...

 

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

 

Geht jetzt?

 

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...

 

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.