Anzeige Produkte im Warenkorb

**kissinger** · 27.04.2016, 09:06

Hallo!

Ich habe in meinem Shop eine Menüleiste mit einem Warenkorb-Icon.

Nun möchte mein Kunde dass in diesem Warenkorb-Icon die aktuelle Anzahl der sich im Korb befindlichen Produkte angezeigt wird.

Die Anzahl kann man ja z.B. mit InsertTags oder SimpleTokens auslesen.

Die Darstellung im Warenkorb-Icon müsste allerdings per CSS erfolgen.

Wie kann ich das realisieren?

Danke Euch!

**andreas.schempp** · 27.04.2016, 09:35

Hast du's mal mit CSS versucht?

**kissinger** · 28.04.2016, 09:22

Hallo Andreas!

Danke für deine Antwort.

Es gelingt mir mit CSS einen Zahlenwert über dem Warenkorb-Icon darzustellen.

Ich mache das über das Pseudo-Element ":after" und content: "8".

Soweit ok, aber anstelle der 8 soll ja nun die tatsächliche Anzahl der Produkte im Warenkorb stehen.

Wie bekomme ich das hin?

Danke!

**the_scrat** · 28.04.2016, 09:29

Zitat von kissinger

Die Anzahl kann man ja z.B. mit InsertTags oder SimpleTokens auslesen.

Hattest du nicht schon eine Lösung gefunden?

Ansonsten bau dir doch an die Stelle einfach einen Mini-Warenkorb hin, dort hast du in jedem Fall die Anzahl drin!

**andreas.schempp** · 28.04.2016, 11:52

Das hast du doch bereits geschrieben, mittels Insert Tags?

**kissinger** · 28.04.2016, 19:28

Hallo Andreas!

Mit dem Insert-Tag {{cart::items}} kann man die Anzahl auslesen.

Aber ich kann ja nun nicht im CSS

Code:

content: {{cart::items}};

schreiben.

Wie bekomme ich die Anzahl ins CSS.

Oder bin ich auf einem falschen Weg?

Danke?

**the_scrat** · 28.04.2016, 19:32

Du musst die Anzahl nicht ins CSS bringen! Content und CSS sind getrennt. Gib die Anzahl aus, umschließe es mit einem Div oder span und style es mit css!

Gesendet von meinem iPhone mit Tapatalk