Warum ist der Warenkorb-Counter in Flow kein Badge?


#1

Moin!

in Flow 3 steht der Zähler für die Artikel im Warenkorb etwas verloren neben dem Warenkorb-Icon. Merklisten- und Wunschlisten-Artikel erzeugen dagegen ein rund gestytles <span class="badge>" am Servicemenu-Button.

Gibt’s dafür einen bestimmten Grund, der mir gerade entgeht? :slight_smile:


#2

guck doch mal, wie hässlich es als Badge aussehen würde :scream:


#3

Für sowas gibt’s doch CSS?


#4

schmeißt Du zufällig zuhause Reis auf den Teppich, nur um ihn staubsaugen zu können?


#5

Worauf ich rauswill: Der Zähler steht ohne umgebendes HTML-Element im Code. Er ist damit weitgehend “unstylbar”, er wird immer als blanke Zahl neben dem Icon stehen. Wäre er ein Badge, könnte man ihn stylen. Der Servicemenu-Button hat so einen Badge.

Konkretes Beispiel.

  • Momentan sieht es so aus wie oben im Bild.
  • Ich kann den Warenkorb-Button stylen, dann habe ich z.B. die mittlere Zeile. Aber ohne HTML-Element für den Zähler komme ich an den mit CSS nicht ran.
  • Wäre der Zähler ein Badge, könnte ich problemlos das bauen, was die Kunden erwarten, nämlich die untere Zeile.


#6

Hallo Martin,

ich glaube, ich sehe Deinen Schmerz ^^
Du musst das wahrscheinlich eh für Deinen Kunden umsetzen, oder? Siehst Du eine Möglichkeit, die von Dir im Projekt gemachten Änderungen in einen Pull Request ufern zu lassen und hier zu committen?


Möglicherweise kann das gleich als Anregung für das neue Wave-Theme verwendet werden :wink:


#7

Hi Marco,

kann ich gerne machen - wollte nur erst klären, ob das Absicht war :wink:


#8

Ganz gewiss nicht ^^