Kategorientitel ausblenden Dawn Theme

Deutsch Diskussion Technische Fragen & Antworten

Topic summary

Problem: Ein Nutzer möchte im Dawn Theme die Kategorientitel ausblenden und stattdessen in die Thumbnails integrieren, ohne dabei SEO-Nachteile zu erleiden.

Lösungsansätze:

  • Erste Empfehlung: CSS-Code in base.css einfügen:
.collection-header h1.page-title {
   display: none;
}

Falls nötig, !important ergänzen. Dieser Ansatz funktionierte jedoch nicht wie gewünscht.

  • Erweiterte Lösung: Im benutzerdefinierten CSS der Sektion folgenden Code hinzufügen:
.card-content {
    position: absolute!important;
    margin-left: 10px!important;
}

Dies positioniert den Titel über dem Bild.

  • Vollständiges Ausblenden: Alternativ kann der Titel komplett entfernt werden mit:
.card-content {
    display: none;
}

Dies wird jedoch aus UX-Sicht nicht empfohlen.

Status: Mehrere CSS-Lösungen wurden vorgeschlagen. Es wird empfohlen, Änderungen zunächst in einer Theme-Kopie zu testen.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

Hallo liebe Community,

wir möchten gerne in unserem Shop die Katergorientitel ausblenden und diese dafür in die Thumbnails packen, weil das deutlich schöner aussieht. Gibt es da eine prakitkable Lösung dafür, dass SEO nicht darunter leidet?

Bildschirm­foto 2023-01-31 um 12.35.31.png
Bildschirm­foto 2023-01-31 um 12.35.31.png1544×564 520 KB

Ich danke euch für eure Antworten

2

Hey @Couplety

Danke für die Frage und um die Kategorien Titel auszublenden, probiere das folgenden zuerst in einer theme-Kopie!

Gehe in dein Test-Theme Code → Assets → base.css, und füge den folgenden CSS Code hinzu ganz unten und speichern:

.collection-header h1.page-title {
   display: none;
}

Ggf, den important! label im Code ergänzen falls es nicht gleich klappt. Wie gesagt in einer Theme Kopie zuerst testen!

Habt ihr schon über Ostern nachgedacht? Warum nicht etwas “Easter Egg Gamification” im Vorfeld Osterns in den Shop einbauen? Man kann z. B. eine Annonce auf der Homepage zeigen, dass Oster Eier im Shop versteckt sind und wenn diese gefunden werden, werden sie automatisch als Geschenk zum Warenkorb ergänzt. Gerne können wir hier weiter darüber plaudern!

Lass wissen, wenn du weitere Fragen hast 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.

giphy

3

Schon versucht, führt leider nicht zum Ziel da sich die Schaltflächen nicht mehr anklicken lassen:(

4

Hallo @Couplety ,

hast du bereits eine Lösung gefunden wie man den Titel rauscodieren kann?

Vielen Dank im Voraus

5

Unser Experte @Finer hat hier ggf. deinen einen oder anderen Tipp! :wink:

6

@Couplety @DanielCS Ihr könnt der Sektion im benutzerdefinierten CSS Folgendes hinzufügen:

.card-content{
    position: absolute!important;
    margin-left: 10px!important;
}

Hierdurch wird der Titel der Kategorie über das Bild gelegt.

Wenn Ihr den Titel komplett entfernen wollt, könnt Ihr Folgendes eintragen:

.card-content{
display:none;
}

Dies würde ich aber aus Nutzersicht nicht empfehlen.

1 Like