Text in Warenkorb-Button bei mobiler Ansicht einfügen

Andreas86

Aktives Mitglied
2. Juni 2021
15
8
Hallo zusammen,

wir haben einen JTL-Shop 5 und nutzen das NOVA-Template. Es geht um den "in den Warenkorb-legen"-Button: Für die Desktop-Ansicht können wir hier per Sprachvariable den Button-Text anpassen. In der mobilen Ansicht wird jedoch nur das Einkaufswagen-Icon angezeigt (siehe die beiden Screenshots anbei).

Problem: Wir haben viele ältere Kunden. Für diese ist der grüne Button in der mobilen Ansicht, auf dem nur das Icon abgebildet ist, scheinbar nicht intuitiv der "kaufen"-Button. Es kommt zu Kaufbrüchen. Wie kann man auch für die mobile Ansicht Text in den Button einfügen?

Vielen Dank,
Andreas
 

Anhänge

  • Warenkorb-Button Desktop.JPG
    Warenkorb-Button Desktop.JPG
    34,2 KB · Aufrufe: 9
  • Warenkorb-Button mobil.JPG
    Warenkorb-Button mobil.JPG
    26,4 KB · Aufrufe: 9

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
7.207
1.939
Berlin
Der Text im WK Button wird per css ausgeblendet, du müsstest Ihn also per css wieder auf sichtbar schalten.

das hier sollte als css Schnipsel ausreichen:

Code:
#add-to-cart .btn .btn-basket-check span {
  margin-right: 0.25rem;
  display: inline !important;
}
 
  • Gefällt mir
Reaktionen: Andreas86