Text in Warenkorb-Button bei mobiler Ansicht einfügen

[Andreas86]

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

 

[Andreas86]

Hat hierzu tatsächlich niemand eine Idee?

 

[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:

#add-to-cart .btn .btn-basket-check span {
  margin-right: 0.25rem;
  display: inline !important;
}

 

[Andreas86]

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:

#add-to-cart .btn .btn-basket-check span {
  margin-right: 0.25rem;
  display: inline !important;
}

Vielen Dank, das werde ich mal ausprobieren!

 

[Smoking Lion 18]

Hallo ich habe eine Frage benötige ich dafür ein Nova Child Template? oder kann man das auch im Shop Backend einstellen?

 

[css-umsetzung]

Das bezog sich auf das NOVA Template, das kann bei jedem anderem Template anders sein.

 

[Weedness]

Code:
#add-to-cart .btn .btn-basket-check span {
margin-right: 0.25rem;
display: inline !important;
}

Wo muss ich das einfügen?

 

[Peter D.]

Code:
#add-to-cart .btn .btn-basket-check span {
margin-right: 0.25rem;
display: inline !important;
}

Wo muss ich das einfügen?

Hi ... das musst du im Backend bei deinem Template einfügen unter "Darstellung->Einstellungen->Template
Dann beim Nova Child Template rechts auf Einstellungen klicken. Dann runterscrollen bis Benutzerdefinierte Styles kommt und dann bei "Benutzerdefiniertes CSS, Sass oder Scss:" den Code in die Box kopieren. Dann klappt das. Am besten natürlich erst im Testsystem testen.

LG