Dawn Theme: Kategorieliste Titel ausblenden

Topic summary

Wunsch: In der Kategorien-Übersicht des Dawn-Themes den Titel/„Textbutton mit Pfeil“ unter den Bildern ausblenden, sodass nur das Bild klickbar bleibt.

Vorschlag: Per CSS den Container für Titel und Pfeil ausblenden (Selektor: .card__content .card__information { display: none; }). Ergebnis bei Anwendern: Der Text verschwindet, aber das Bild ist anschließend nicht mehr klickbar (Screenshot/GIF wurden geteilt).

Ursache/Technik: Die Links (a-Tags) sind teils im ausgeblendeten Informations-Container verankert. Damit Bilder klickbar bleiben, müssen die a-Tags den Bild-Container (z. B. div.card__media oder div.media–hover-effect) umschließen. Das erfordert Änderungen in den Liquid-Dateien (Shopify-Templating), konkret collection.liquid bzw. collection-template.liquid.

Empfehlungen: Änderungen zuerst in einer Theme-Kopie testen, Backup/Restore-Option nutzen; Änderungen können Ladezeiten und Theme-Update-Fähigkeit beeinflussen. Bei Bedarf einen Experten beauftragen.

Aktueller Stand: Keine bestätigte, allgemeine Lösung im Thread. Ein weiterer Nutzer mit dem Taste-Theme hat dasselbe Problem und fragt nach dem Modul/Abschnitt für die Link-Logik. Diskussion offen; konkrete Datei-/Abschnittsnennung über die beiden Collection-Templates steht noch aus.

Summarized with AI on December 28. AI used: gpt-5.

@JoLiWaSch

Ja, mein CSS hat die Links aus den Bilder Kacheln in der Tat entfernt. Somit wird es jetzt kompliziert leider, Johanna.

Um die Links innerhalb der Bilder beizubehalten und gleichzeitig die Links und Pfeile unterhalb der Bilder zu entfernen, müssen wir den CSS-Selektor anpassen, um nur die spezifischen Elemente auszublenden, die nicht direkt mit dem Bild interagieren. Da die Links und die Pfeile sich im .card__content .card__information Container befinden, sieht es so aus, als müssten die <a> Tags innerhalb von .card__heading sowohl für die Überschriften als auch für die Bilder verwendet werden. Um sicherzustellen, dass die klickbaren Bilder erhalten bleiben, sollte man somit sicherstellen, dass der Link (<a> Tag) innerhalb des .card__media Containers nicht durch das Ausblenden von .card__information beeinträchtigt wird.

Basierend darauf, wenn jedoch die Bilder nicht klickbar sind, liegt das Problem möglicherweise woanders. Daher muessen die <a> Tags, die die Bilder umschließen, korrekt gecodet werden. Der CSS-Code, muss sicherstellen dass die <a> Tags tatsächlich um die Bildcontainer (div.card__media oder div.media--hover-effect) herum platziert sind. Wenn dies nicht der Fall ist, muss man in die Liquid Dateien gehen und den HTML-Code so anpassen, dass die <a> Tags die Bildcontainer umschließen, um sicherzustellen, dass die Bilder klickbar sind und zu den entsprechenden Kategorie-Seiten führen.

Wenn du es selber programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das obige ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!