Warenkorb fixieren

08.06.2018 17:54
#1
Yo

Hei,

ich versuche gerade den Warenkorb auf meiner Seite zu fixieren. Allerdings klappt es leider nicht so einfach.
Ich verwende das Design Miami. Sobald hier gescrollt wird, fliegt das Warenkorb Icon nach oben raus. Dieses soll aber fest dort verbleiben.

http://www.bilder-upload.eu/show.php?fil...-1528473029.png


Folgendes habe ich probiert, aber da verschwindet das Icon ganz.

1
2
3
4
5
6
7
8
9
10
11
 

<style type="text/css">
/*<![CDATA[*/
/*Warenkorb fixiert*/
#cc-sidecart-wrapper{
position: fixed;
z-index: 999;
}
/*]]>*/
</style>
 
 



Vielen Dank!


 Antworten

 Beitrag melden
08.06.2018 18:06
avatar  az_
#2
avatar
az_

Du kannst Bilder auch über das Forum hochladen. Und gib uns bitte die URL (=Webadresse) der Seite, um die es geht!

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
08.06.2018 18:57
#3
Yo

Hei az,

es geht um die Webpräsenz: https://www.your-reef.de/

Gruß Dominik


 Antworten

 Beitrag melden
08.06.2018 19:29
#4
avatar

Hi Dominik

Schonmal mit ".j-cart-icon-wrapper, .j-cart-icon" anstatt "#cc-sidecart-wrapper" versucht?

Gruß,
Andre


 Antworten

 Beitrag melden
08.06.2018 23:29
#5
Yo

Hei Andre,

vielen Dank für dein Engagement! Schätze ich sehr.

Wenn ich "".j-cart-icon-wrapper" verwende, ist das Icon nicht mehr sichtbar. Gehe ich mit der Maus drüber, beginnt es zu flackern. Hab ich auch so noch nie gesehen
Bei ".j-cart-icon" ist es auch verschwunden. Nur der Hinweis "Ihr Warenkorb ist leer." erscheint, wenn ich mit der Maus an die Stelle fahre.

Sonst noch Ideen?

Gruß Dominik


 Antworten

 Beitrag melden
09.06.2018 17:40
#6
avatar

Wie sieht's mit ".jtpl-cart" aus?


 Antworten

 Beitrag melden
09.06.2018 22:35
#7
Yo

Auch hier ist der Warenkorb dann verschwunden :(


 Antworten

 Beitrag melden
10.06.2018 08:56 (zuletzt bearbeitet: 10.06.2018 09:04)
#8
avatar

Alle guten Dinge sind 3

1
2
3
4
5
6
7
8
9
10
 
<style type="text/css">
/*<![CDATA[*/
.jtpl-cart{
position:fixed!important;
z-index:99!important;
right:0.2vw;
top:0.2vh;
}
/*]]>*/
</style>
 



Gruß,
Andre


 Antworten

 Beitrag melden
10.06.2018 13:02 (zuletzt bearbeitet: 10.06.2018 13:13)
#9
Yo

Das ist zumindest mal ein Fortschritt
Der Warenkorb ist jetzt wie gewünscht fix, allerdings steht nun die Anzahl der Artikel im Warenkorb unter dem Einkaufswagen. Außerdem ragt nun ein kleiner weißer Balken in der Breite des Icons über den Rand, in das Titelbild hinein. Wie könnten wir das nun noch beheben?

Edit: Wenn ich mit der Maus über den Warenkorb fahre, wird er korrekt angezeigt. Ansonsten, wie gerade beschrieben nicht.


 Antworten

 Beitrag melden
12.06.2018 11:19
#10
Yo

Keiner noch Ideen? :/


 Antworten

 Beitrag melden
18.06.2018 08:12
avatar  az_
#11
avatar
az_

...allerdings steht nun die Anzahl der Artikel im Warenkorb unter dem Einkaufswagen Wie soll es denn sein?

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!