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: 17
  • Warenkorb-Button mobil.JPG
    Warenkorb-Button mobil.JPG
    26,4 KB · Aufrufe: 17

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
7.956
2.252
Berlin
Firma
css-umsetzung
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

Weedness

Aktives Mitglied
24. Januar 2020
90
10
Code:
#add-to-cart .btn .btn-basket-check span {
margin-right: 0.25rem;
display: inline !important;
}

Wo muss ich das einfügen?