Produktseiten: Vorschau der Variante entfernen

Deutsch Diskussion Technische Fragen & Antworten

Topic summary

Hauptanliegen: Auf Shopify-Produktseiten mit Varianten (Farben, Größen) wird der Name der aktuell gewählten Variante zusätzlich in der Optionsüberschrift angezeigt (z. B. „Farbe · Blau“). Das wirkt redundant und verursacht unschöne Übersetzungsergebnisse. Ein Screenshot veranschaulicht das Problem.

Vorgeschlagene Lösung: In den benutzerdefinierten CSS des Produktabschnitts die Klasse .nt_name_current mit „display: none;“ ausblenden. Dadurch erscheint der Titel der aktuellen Auswahl nicht mehr in der Überschrift.

Nebenwirkung: Die CSS-Regel wirkt global und blendet auch Titel anderer aktiver Optionen aus, z. B. die Größenangabe („39-42“).

Status: Es gibt einen konkreten CSS-Workaround, aber keine Rückmeldung zur Umsetzung. Offene Frage bleibt, ob eine selektivere Lösung gewünscht ist, die nur die Farbe, nicht jedoch die Größe, ausblendet.

Summarized with AI on December 16. AI used: gpt-5.
1

Hallo zusammen,

wir haben folgendes Problem:

Wir verkaufen Produkte, die jeweils in unterschiedlichen Farben und Größen gewählt werden können.

Die Farbvarianten haben Namen, die man anklicken kann; seit Neuestem wird aber auch in der Überschrift (Bsp.: “Farbe”) auch die Farbe erwähnt, die darunter angeklickt ist. Das sieht nicht besonders schön aus (Wiederholung) und führt bei Übersetzungen auch zu unschönen Ergebnissen.

image.png
image.png870×464 52 KB

Wie bekommen wir es aus der Überschrift weg?

Vielen Dank für Eure Hilfe!

Claudia

1 Like
2

@clo_marra in den benutzerdefinierten CSS des Produktabschnitts kannst du Folgendes einsetzen:

.nt_name_current{
  display:none;
}

Noch ein Hinweis: Da wir hiermit den Titel der aktuellen Auswahl ausblenden, wird der Titel der Größe (Bsp. “39-42”) auch ausgeblendet.