Bei allen Artikelnamen wird der Anfangsbuchstabe in Großschrift angezeigt

[1-5R]

Hallo, ich habe folgendes Problem: Seit einiger Zeit werden im Shop auf der Artikelseite alle Anfangsbuchstaben vom Art.-Namen mit Großschrift angezeigt.

Der Produktname wurde korrekt angelegt.

Komplettset Formelle 20 Weißlack RAL 9010 Stiltür mit Zarge und Beschlag

In der Artikelübersicht passt noch alles. 

Komplettset Formelle 20 Weißlack RAL 9010 Stiltür mit Zarge und Beschlag

Es betrifft lediglich die Artikelseite.

Komplettset Formelle 20 Weißlack RAL 9010 Stiltür  Mit  Zarge  Und  Beschlag

Wenn du eine Idee hast, wäre es super, wenn du dich meldest.

Beste Grüße

1-5R

[1-5R · Accepted solution]

Nachstehend der Link:

https://meinetuer.de/collections/graue-glatte-wohnungseingangstueren-mit-zarge-und-tuergriff

https://meinetuer.de/collections/weisse-stiltueren-mit-zarge-und-tuergriff/products/komplettset-form...

##- Bitte geben Sie Ihre Antwort über dieser Zeile ein -##

[Gabe]

Hey @1-5R 

Danke für die Fragen und bei so einem Fall wäre ein befristeter Vorschaulink zu einem Beispiel sehr hilfreich das schneller zu analysieren. Es kann sich hier auch um das Theme handeln bzw. ein CSS- oder JavaScript dass die Anzeige des Artikelnamens verändert.

Es könnte eine Regel wie text-transform: capitalize; sein das den ersten Buchstaben eines jeden Wortes in Großbuchstaben setzt.

Um dies zu überprüfen, die Chrome Developer Console verwenden (rechten Maustaste auf den Artikelnamen klicken -> "Inspect"). Schau im Styles-Bereich nach, ob es eine Regel wie die oben genannte gibt.

Prüfe auch, ob selbes in 1) einer Kopie des Themes vorkommt, und 2) in einer frisch gedownloadeten Kopie des Themes.

---
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Oder lass wissen, wenn du weitere Fragen dazu hast oder zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

[1-5R · Accepted solution]

Nachstehend der Link:

https://meinetuer.de/collections/graue-glatte-wohnungseingangstueren-mit-zarge-und-tuergriff

https://meinetuer.de/collections/weisse-stiltueren-mit-zarge-und-tuergriff/products/komplettset-form...

##- Bitte geben Sie Ihre Antwort über dieser Zeile ein -##

[Gabe · Accepted solution]

Hey @1-5R 

Danke für die Links und an erster Stelle empfehle ich das Shop passwortgeschützt zu lassen bis es fertig ist denn man möchte ja nicht dass die Besucher zu einer Baustelle kommen die noch nicht fertig ist.

Es handelt sich in der Tat um die text-transform: capitalize; Regel die den ersten Buchstaben eines jeden Wortes in Großbuchstaben setzt. Das habe ich jetzt in der Chrome Developer Console einsehen können:

Wenn ich die Regel entferne dann wird der Titel wie folgt angezeigt was auch falsch ist:

Somit deutet das darauf hin, dass es eine andere CSS-Regel gibt, die alle Buchstaben des Titels in Großbuchstaben (uppercase) setzt und das ist die Regel mit text-transform: uppercase;. Du musst somit auch diese zweite Regel entfernen und dann ist alles perfekt, wie man hier sieht:

Du kannst beispielsweise in deinem Stylesheet folgenden Code hinzufügen:

.product-single__title {
    text-transform: none !important;
}

Dadurch wird hoffentlich die uppercase Regel überschrieben und die Texttransformation entfernt und deine Produkttitel im Backend werden "As Is" im Frontend angezeigt! 😉