Neu Shop 5 Nova: Warenkorb-Button immer sticky im Sichtfeld?

[der_Martin]

Hallo,

ich suche nach einer CSS/Bootstrap Anpassung oder ein Plugin (ähnlich dem JTL Header Plugin), das den Warenkorb-Button immer im Sichtfeld behält. Ich mag keine Nova Template-Anpassung, wenn es geht. Dann lieber ein Plug

Bei fast allen Shops (auch große wie Amazon) nervt es, dass der Warenkorb-Button aus dem Sichtfeld verschwindet, wenn man durchgescrollt hat. Er sollte (class "sticky"?) stehen bleiben, wenn man weiter scrollt, um den Produkttext usw zu lesen. Er sollte sich irgendwo an die Navi-Leiste dran hängen. In der mobilen Ansicht dürfte er per se auch direkt unten am Bildschirm als dünne Leiste kleben (ähnlich wie oben die Navi-Leiste)....

Der Warenkorb-Button sollte also, egal wo ich auf der Seite bin, im Sichtfeld sein. Ist schließlich DAS wichtigste Element...

Kennt jemand sowas?

Grüße
Martin

 

[ffD]

Sowas suchen wir auch 👍 Hast du eine Lösung gefunden?

 

[der_Martin]

Sowas suchen wir auch 👍 Hast du eine Lösung gefunden?

Ja, wir habens per Custom Javascript/ Custom CSS mit einer minimalen Template-Änderung von unserer Agentur machen lassen. War etwa 1-2 Std. Arbeit.
Bsp: https://yerd.de/Juwel-Leseschere-B-3000
(der Button steht in allen Ansichten Desktop / Tablet / Mobil jeweils unten - ausser wenn man zu der Stelle an der Seite kommt, wo der Button eigentlich zu Hause ist... und wenn man den Artikel im Warenkorb hat. Für die Warenkorbabfrage braucht es einen kleinen Template Hack)

Frag mal hier an https://10hoch2.de/ ... da sie den Code für uns schon gemacht haben, isses wohl nur noch ne halbe Stunde oder so. Sprich mit Herrn Schreiner )

 

[ffD]

Ja, wir habens per Custom Javascript/ Custom CSS mit einer minimalen Template-Änderung von unserer Agentur machen lassen. War etwa 1-2 Std. Arbeit.
Bsp: https://yerd.de/Juwel-Leseschere-B-3000
(der Button steht in allen Ansichten Desktop / Tablet / Mobil jeweils unten - ausser wenn man zu der Stelle an der Seite kommt, wo der Button eigentlich zu Hause ist... und wenn man den Artikel im Warenkorb hat. Für die Warenkorbabfrage braucht es einen kleinen Template Hack)

Frag mal hier an https://10hoch2.de/ ... da sie den Code für uns schon gemacht haben, isses wohl nur noch ne halbe Stunde oder so. Sprich mit Herrn Schreiner )

Danke dir für die schnelle Info 👍

 

[hula1499]

Bsp: https://yerd.de/Juwel-Leseschere-B-3000

Eigentlich recht angenehm gelöst (viell. Stückzahl würd mir da noch fehlen) ABER.....hab jetzt diverse Artikel durchgeschaut und finde gar nichts mit Variationen, hast du keinerlei Variationsartikel?

 

[der_Martin]

Eigentlich recht angenehm gelöst (viell. Stückzahl würd mir da noch fehlen) ABER.....hab jetzt diverse Artikel durchgeschaut und finde gar nichts mit Variationen, hast du keinerlei Variationsartikel?

probier mal das als Variation hier https://yerd.de/Edelstahlkanne-10-Liter-ohne-Hahn
Ich vermeide meist im Shop Variationen, wo's geht. Der Artikel oben ist eigentlich eine Eigenmarke aus dem unserm Kellereishop, den ich nur im Garten-Shop und auf Ebay & Co. als Variation habe.

Wichtiger sind mir die Zubehörartikel, die man mit in den Warenkorb legen kann: https://yerd.de/YERD-Ketten-Schaerfgeraet-Evo-fuer-Motorsaege-Ketten ... dafür mag ich keine 1000 Variationen machen, die schlecht zu pflegen sind.

Der Button verändert nix an seiner Funktion. Er ändert nur anhand CSS Klasse/ID seine Position und Größe, wenn er nicht im Blickfeld ist... also nur eine CSS Änderungen (absolute Position unten und 100% Breite) und per JS die Abfrage wo was gerade im Blickfeld ist. Damit ist's eigentlich getan.
Der Template-Eingriff ist nur, weils komisch ist, wenn der fette Button da ist, nachdem man's in den Warenkorb gelegt hat. Im Template wird der Warenkorb abgefragt. Die Abfrage ginge aber wohl auch mit einem Drop und Smarty. Dann würde man das JS in den Drop legen....

 

[hula1499]

probier mal das als Variation hier https://yerd.de/Edelstahlkanne-10-Liter-ohne-Hahn

So hast ja schon eine ausgewählt, das zählt ja nicht
Mir gings da eher um die, die vom Kunden (mit Variationen) halt noch nicht an Grösse/Farbe/wasauchimmer spezifiziert wurde.

Mich nervt ja eigentlich, am smartphone, auch der "fehlende" Warenkorbbutton, wir haben aber viele Variationen (nicht pro Artikel, aber gesamt), ich bräuchte da unbedingt auch noch ne Variationsauswahl.

Persönlich find ich jedoch das weiss auf dem grün nicht besonders "angenehm", das machts durch das hektische Blinken auch nicht besser (keine Kritik ).

 

[der_Martin]

So hast ja schon eine ausgewählt, das zählt ja nicht
Mir gings da eher um die, die vom Kunden (mit Variationen) halt noch nicht an Grösse/Farbe/wasauchimmer spezifiziert wurde.

Mich nervt ja eigentlich, am smartphone, auch der "fehlende" Warenkorbbutton, wir haben aber viele Variationen (nicht pro Artikel, aber gesamt), ich bräuchte da unbedingt auch noch ne Variationsauswahl.

Persönlich find ich jedoch das weiss auf dem grün nicht besonders "angenehm", das machts durch das hektische Blinken auch nicht besser (keine Kritik ).

Naja, ist geschmackssache ....

Hier hast noch eine jungfäuliche Variation https://yerd.de/Rabe-lustig-naturstein

Grundsätzlich weiß jeder in etwa, wo der Warenkorb-Button ist. Jeder hat das von Amazon usw. gelernt. Und da sollte der Button in etwa auch sein! Aber es nervt halt auch, wenn du das Produkt anschaust und Texte liest (was ein ECHTER Käufer auch immer macht!!!) und dann wieder hochscrollen musst. Und meist ist er eben nicht ganz oben, sondern du scrollst dann wieder etwas runter und suchst. Deshalb die Idee, dass der Button prominent mitwandert, ohne an der Ausgangsposition zu fehlen. Viele merken sich Produkte auch mit dem Warenkorb-Button und sortieren nachher den Warenkorb aus.... auch dafür ist der prominente Button gut. Drauf klicken und gut.

Ansonsten ... fragt mal bei der Agentur 10hoch2 an, wenn ihr euch dafür interessiert.

Kann aber natürlich auch niemanden davon abhalten, ins "custom.js" und "custom.css" zu schauen. Es weiß ja jeder wo die Pfade für die zwei Dateien bei einem JTL Shop liegen....
Die CSS-Klasse zum Verändern der Position des Warenkorb-Buttons heißt "SuperPosition" ... wie ein Quantenteilchen, dessen Eigenschaften erst durch die Messung festgelegt sind und bis dahin noch nicht klar, also in Superposition, ist

Bis dann mal

 

[css-umsetzung]

Wichtiger sind mir die Zubehörartikel, die man mit in den Warenkorb legen kann: https://yerd.de/YERD-Ketten-Schaerfgeraet-Evo-fuer-Motorsaege-Ketten ... dafür mag ich keine 1000 Variationen machen, die schlecht zu pflegen sind.

Macht sich über das Plugin auch viel besser, ich hätte es nur eher als Bundle Funktion genutzt, dann wäre die Liste nicht so lang.

Wenn man in den WK Da unten noch Variationen mit rein nimmt, was ja theoretisch gar kein Problem ist, dann wird es je nach Menge der Varianten einfach zu viel, ich hatte das in diesem Beitrag mal verdeutlicht wie das dann aussieht anhand der Seite von markenschuhshop, das ist dann schon Seiten ausfüllend

Da ging es darum, das Grundsätzlich, mobile unten einzublenden
https://forum.jtl-software.de/threa...kout-funneling-co.116540/page-17#post-1121176

 

[Groundhog]

@css-umsetzung

Man könnte ja im Prinzip die Variationsauswahl über einen Button und smoothscroll erneut anfahren. Wenn oben (oder in der Matrix) ja eine Variation gewählt wurde, wird die ja über den WK Button schon in den WK gelegt. Hat man keine Variation gewählt, einfach wieder hochscrollen. Dann könnte man den Platz schon reduzieren. Wär mal einen Versuch wert.

 

[css-umsetzung]

Ich verstehe das vorhaben nicht so richtig glaube ich.

 

[Groundhog]

Ich verstehe das vorhaben nicht so richtig glaube ich.

Na es ist ja im Shop so, dass kein Produkt in den Warenkorb gelegt wird, wenn es ein Vater ist und keine Variation gewählt wurde. Das kannst ja abfragen und in den sticky container einen Button einfügen der bei Klick, wieder hoch zur Variationsauswahl scrollt.

Ist hingegen die Variationsauswahl bereits getroffen wenn der obere WK Button ausser Sicht gerät, dann kann ja der funktionierende WK-Button in den Stick Container.

 

[css-umsetzung]

gehen tut eigentlich alles