Updatesicheer "Back to Top"-Button - alle Shopversionen ab 2.1

Hallo Dennis, wenn ich deinen Button unbearbeitet übernehme läuft es ohne Probleme. Habe versucht bei deinem Button die Farben zu ändern, ohne die Datei zu verändern und das ging nicht mehr. Und bei dem mit dem Generator gemachten siehst du ja.
Okay probier ich gleich.

 

Danke Dennis das war es, jetzt geht es.

 

Hallo Dennis,
leider ist es bei mir auch so, daß der Button am linken unteren Bildschirmrand erscheint. Ich bastle schon eine ganze Weile daran herum, bekomme es aber nicht hin. Caches im Shop und im Browser sind gelöscht. Beim Hochladen deiner Originaldatei ist alles in Ordnung!?

HTML:

}
.back-to-top {	
 position: fixed;
 bottom:20px;
 right:20px;
}
.back-to-top {
	-moz-box-shadow:inset 0px 1px 0px 0px #a6827e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a6827e;
	box-shadow:inset 0px 1px 0px 0px #a6827e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b19c86), color-stop(1, #634b30));
	background:-moz-linear-gradient(top, #b19c86 5%, #634b30 100%);
	background:-webkit-linear-gradient(top, #b19c86 5%, #634b30 100%);
	background:-o-linear-gradient(top, #b19c86 5%, #634b30 100%);
	background:-ms-linear-gradient(top, #b19c86 5%, #634b30 100%);
	background:linear-gradient(to bottom, #b19c86 5%, #634b30 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b19c86', endColorstr='#634b30',GradientType=0);
	background-color:#b19c86;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #54381e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #4d3534;
}
.back-to-top:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #634b30), color-stop(1, #b19c86));
	background:-moz-linear-gradient(top, #634b30 5%, #b19c86 100%);
	background:-webkit-linear-gradient(top, #634b30 5%, #b19c86 100%);
	background:-o-linear-gradient(top, #634b30 5%, #b19c86 100%);
	background:-ms-linear-gradient(top, #634b30 5%, #b19c86 100%);
	background:linear-gradient(to bottom, #634b30 5%, #b19c86 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#634b30', endColorstr='#b19c86',GradientType=0);
	background-color:#634b30;
}

Vielleicht hast Du noch eine Idee?

Liebe Grüße
alexandra
shop

 

Hast du den Button verändert oder noch die original Dateien?

 

Wow, das geht ja schnell!

Ich habe mich an deine Dateien gehalten und lediglich die Daten vom generator eingefügt und im js den Text verändert.
- glaube ich -
Sorry ich bin kein Profi!

 

Versuche es dorch erst mal mit den original dateien bevor du den Button änderst, dann weißt das deine Änderungen das Problem verursacht haben

 

Ich habe jetzt in deinen Dateien lediglich die Farben verändert. Jetzt ist noch nicht mal mehr der Button zu sehen, nur noch Text und trotzdem auf der linken Seite.

 

OK, ich vermute mal das du einen falschen editor nutzt um das CSS zu bearbeiten.
Da wird ein Sonderzeichen unsichtbar mit eingefügt.
Lösch mal die CSS Datei und nimm mal meine originale ohne die vorher zu bearbeiten.

 

Deine Datei funktioniert einwandfrei, passt nur leider vom Design nicht in meinen Shop
Welchen Editor kannst Du denn empfehlen?

 

Notepad++
oder den popeligen windows editor

 

Beide in Verwendung!

 

Hmm, aber da ist der Fehler, beim öffnen und bearbeiten der Datei, dann is das CSS zwar drinnen aber wird nicht angewendet.

 

Habe jetzt nur mit Notepad++ gearbeitet und siehe da es geht!!!!
Vielen Dank für deine Mühe und die Zeit, die du geopfert hast.

Liebe Grüße
alexandra

 

Kein Problem
dafür sind wir ja da

(Link nur für registrierte Nutzer sichtbar.)

 

Oder direkt auf dem Server mit vi oder joe.

 

Hallo Dennis,

erst einmal ein ganz herzlichen Dankeschön für diese tolle Funktion. Selbst ich als absoluter css-Laye hab es problemlos installiert bekommen und konnte auch das Design entsprechend anpassen.

Was ich nicht hinbekommen habe, ist den Text im Button zu ändern (von "UP" zu "hoch"). In dem Buttongenerator kann man das zwar eintragen, ich finde aber im Code dann nichts, wo das übernommen werden kann.
Kannst Du dazu einen Tipp geben?

Danke und Grüße aus Frankfurt

Thomas

 

das ist wenn ich mich recht erinnere in der html datei drinnen gewesen.