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

Thema wurde von Dennis (MotivMonster.de), 6. September 2015 erstellt.

  1. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.167
    Danke erhalten:
    255
    Danke vergeben:
    420
    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.
     
  2. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    1.167
    Danke erhalten:
    255
    Danke vergeben:
    420
    Danke Dennis das war es, jetzt geht es. :)
     
  3. alexandra

    alexandra Aktives Mitglied

    Registriert seit:
    13. Juli 2011
    Beiträge:
    38
    Danke erhalten:
    7
    Danke vergeben:
    15
    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?:confused:

    Liebe Grüße
    alexandra
    shop
     
  4. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.097
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Hast du den Button verändert oder noch die original Dateien?
     
  5. alexandra

    alexandra Aktives Mitglied

    Registriert seit:
    13. Juli 2011
    Beiträge:
    38
    Danke erhalten:
    7
    Danke vergeben:
    15
    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!
     
  6. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.097
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Versuche es dorch erst mal mit den original dateien bevor du den Button änderst, dann weißt das deine Änderungen das Problem verursacht haben :)
     
  7. alexandra

    alexandra Aktives Mitglied

    Registriert seit:
    13. Juli 2011
    Beiträge:
    38
    Danke erhalten:
    7
    Danke vergeben:
    15
    :( 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.
     
  8. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.097
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    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.
     
  9. alexandra

    alexandra Aktives Mitglied

    Registriert seit:
    13. Juli 2011
    Beiträge:
    38
    Danke erhalten:
    7
    Danke vergeben:
    15
    Deine Datei funktioniert einwandfrei, passt nur leider vom Design nicht in meinen Shop
    Welchen Editor kannst Du denn empfehlen?
     
  10. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.097
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Notepad++
    oder den popeligen windows editor
     
  11. alexandra

    alexandra Aktives Mitglied

    Registriert seit:
    13. Juli 2011
    Beiträge:
    38
    Danke erhalten:
    7
    Danke vergeben:
    15
    Beide in Verwendung!
     
  12. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.097
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Hmm, aber da ist der Fehler, beim öffnen und bearbeiten der Datei, dann is das CSS zwar drinnen aber wird nicht angewendet.
     
  13. alexandra

    alexandra Aktives Mitglied

    Registriert seit:
    13. Juli 2011
    Beiträge:
    38
    Danke erhalten:
    7
    Danke vergeben:
    15
    Habe jetzt nur mit Notepad++ gearbeitet und siehe da es geht!!!! :D
    Vielen Dank für deine Mühe und die Zeit, die du geopfert hast.

    Liebe Grüße
    alexandra
     
  14. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.097
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Kein Problem :)
    dafür sind wir ja da :)

    (Link nur für registrierte Nutzer sichtbar.)
     
  15. Christian Mueller

    Christian Mueller Beta-Held

    Registriert seit:
    4. Juli 2011
    Beiträge:
    3.699
    Danke erhalten:
    890
    Danke vergeben:
    288
    Oder direkt auf dem Server mit vi oder joe.
     
  16. Thommy30

    Thommy30 Mitglied

    Registriert seit:
    8. November 2013
    Beiträge:
    10
    Danke erhalten:
    1
    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
     
  17. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.984
    Danke erhalten:
    6.097
    Danke vergeben:
    1.079
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    das ist wenn ich mich recht erinnere in der html datei drinnen gewesen.