WebSite X5Help Center

 
Benjamin T.
Benjamin T.
User

Sticky bar unten  de

Auteur : Benjamin T.
Visité 18, Followers 0, Partagé 0  

Hallo zusammen, wie kann ich die Stick bar am unteren Rand festmachen, bislang funktioniert das nur mit Sticky Buttons, die gehen aber nicht über die gesamte Breite und sind in sich nicht multibel variabel. Was eigentlich sehr schade ist, da hier ganz klar CTA´s deutlich platziert werden könnten! :)
Bin gespannt! Vielen Dank!

Posté le
6 RéPONSES
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

Vielleicht melden sich noch die CSS-Experten und können eigenen Code anbieten.

Ansonsten kann auch das Objekt "Sticky Button" verwendet werden und mit zusätzlichem CSS-Code für eine breitere Anzeige gesorgt werden.

Kleine Anleitung:

1) Objekt "Sticky Button" im Footer platzieren.

2) Zusätzlicher CSS-Code unter "1 Einstellungen > Statistiken und Code / Code" einfügen:

    #icm_stickybuttonimFooter_pluginAppObj_03 { width: 100vw; }

Die Zahl _03 muss individuell ermittelt werden, damit es auch funktioniert.

Beim Test geht der Streifen nur rechts bis zum rechten Rand des Browser, aber links nicht ganz.

----- Screenshot -----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

Jetzt hat es mit der vollen Breite geklappt, siehe Einstellung im Screenshot (2) die Markierung

----- (1) -----

----- (2) -----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

Und hier noch der Link zur Testseite, um sich die Sache anzuschauen, siehe

>> https://findelinks.de/123test-aufklappmenue-2/

Der gelbe Streifen ist verlinkt zu einer Seite, bei der ein Motorrad ins Bild fährt.

Dieser "ins Bild fahren"-Effekt wird auch in einem kostenpflichtigen Templates verwendet.

Zum Nachbauen ohne kostenpflichtiges Templates gibt es eine Anleitung.

Lire plus
Posté le de Daniel W.
Benjamin T.
Benjamin T.
User
Auteur

Hallo zusammen, wie kann ich die Stick bar am unteren Rand festmachen, bislang funktioniert das nur mit Sticky Buttons, die gehen aber nicht über die gesamte Breite und sind in sich nicht multibel variabel. Was eigentlich sehr schade ist, da hier ganz klar CTA´s deutlich platziert werden könnten! :)
Bin gespannt! Vielen Dank!
Nur zum klarer lesen, da der Text oben durchgestrichen ist und ich ihn nicht mehr abändern kann.                      Vielen Dank, Daniel. Ich ahbe da noch ein paar Fragen: Wo im Code eintragen und wie ermittle ich die Zahl?
Beste  Grüße

Lire plus
Posté le de Benjamin T.
Benjamin T.
Benjamin T.
User
Auteur

Hallo zusammen, wie kann ich die Stick bar am unteren Rand festmachen, bislang funktioniert das nur mit Sticky Buttons, die gehen aber nicht über die gesamte Breite und sind in sich nicht multibel variabel. Was eigentlich sehr schade ist, da hier ganz klar CTA´s deutlich platziert werden könnten! :)
Bin gespannt! Vielen Dank!
Nur zum klarer lesen, da der Text oben durchgestrichen ist und ich ihn nicht mehr abändern kann.                Vielen Dank, Daniel. Ich ahbe da noch ein paar Fragen: Wo im Code eintragen und wie ermittle ich die Zahl?
Beste  Grüße

Lire plus
Posté le de Benjamin T.
Daniel W.
Daniel W.
User
Meilleur utilisateur du mois DEMeilleur utilisateur du mois EN

Die StickyBar hat ja den Effekt beim Scrollen, vielleicht finde ich eine Lösung. Allerdings bin ich kein CSS-Experte und von Javascript verstehe ich fast gar nichts.

Zum Objekt "Sticky Buttons" - das muss mit Extra-CSS-Code auf die volle Browserbreite erweitert werden, da ich bisher noch keine Option dafür im Objekt finden konnte.

Ermitteln der benötigten Zahl:

Bei WebSite X5 in der Vorschau unten auf das Objekt "Sticky Button" mit der rechten Maustaste klicken und "Quellcode anzeigen" auswählen, es öffnet sich ein Fenster und dort ist die Zahl zu finden, siehe Markierung im Screenshot

-----

Lire plus
Posté le de Daniel W.