Betreff: Bannertitel in Collections vergrößern

Clic-Trade · ‎12-08-2023

Hallo Zusammen,

wir würden gerne die Bannertitelgröße bei Collections vergrößern. Wir haben schon bemerkt, dass wir das nur durch code schaffen können, da alle H-Überschriften per default noch zu Klein sind.

Wichtig wäre allerdings, dass sich die Veränderung nur auf die Bannertitel bezieht und nicht auf alle anderen H-Überschriften.

Wir haben bereits eine Sicherungskopie des Themes erstellt und benötigen Hilfe oder idealerweise ein code-snippet für das Custom-CSS Feld im Theme Editor, welches uns erlaubt die Größe an dieser Stelle zu verändern.

Für jede Hilfe wären wir dankbar.

Mit freundlichen Grüßen

Niels

Gabe · ‎12-08-2023

Hey Niels! @Clic-Trade

Danke für die Fragen und bei so einem Fall wäre ein befristeter Vorschaulink oder Link zu einem Beispiel sehr hilfreich das schneller zu analysieren. Hast du auch deine Theme Einstellungen und Doku durchgekämmt ob das nicht da möglich ist? Euer Theme kann ich auch aus deiner Beschreibung nicht entnehmen was hilfreich wäre das im eigenen Testshop zu prüfen und versuchen zu replizieren.

Wenn euer Theme die H-Überschriften per default zu klein darstellt dann müsste man das in der Theme Doku nachlesen oder die Theme Entwickler kontaktieren. Oder eben in so einem Fall oft zur Chrome Developer Console zurückgreifen muss um den CSS der genannten Stelle zu prüfen. Zum Thema H1 Überschriften haben wir auch bereits eine Reihe Threads hier in der Community hier und auch hier falls die euch weiterhelfen können.

Um die Größe der Bannertitel in deinem Shopify-Shop spezifisch zu ändern, ohne andere H-Überschriften zu beeinflussen, kannst du eben einen benutzerdefiniertes CSS verwenden. Du kannst das vorhandene CSS in deinem Shopify-Theme direkt im Theme Editor bearbeiten. Mehr dazu hier.

Shopify ermöglicht es also, benutzerdefiniertes CSS über den Theme-Editor hinzuzufügen. Hierbei kannst du das CSS entweder für das gesamte Theme oder für einen spezifischen Abschnitt hinzufügen. Nachdem du dich in deinem Shopify-Adminbereich angemeldet hast, navigierst du zu „Online Store“ > „Themes“, klickst auf „Customize“, dann auf „Theme settings“ und schließlich auf „Custom CSS“. Dort kannst du deinen Code eingeben und speichern.

Eine weitere Option ist, eine eigene CSS-Datei zu erstellen. Das hat den Vorteil, dass deine Anpassungen erhalten bleiben, auch wenn du das Theme wechselst. Dazu gehst du ebenfalls in den Bereich „Online Store“ > „Themes“ > „Actions“ > „Edit Code“ und klickst im „Assets“-Ordner auf „Add a new asset“. Hier kannst du eine neue Datei erstellen, beispielsweise custom.css. Anschließend musst du diese neue CSS-Datei in deinem Theme einbinden, indem du einen entsprechenden Link im <head>-Bereich der Datei theme.liquid hinzufügst.

In jedem Fall ist es wichtig, eine Sicherungskopie deines Themes zu erstellen, bevor du Änderungen vornimmst. So kannst du jederzeit zur vorherigen Version zurückkehren, falls etwas schiefgeht.

Für den spezifischen Code, den du benötigst, um nur die Größe der Bannertitel zu ändern, musst du den genauen CSS-Selektor für diese Titel in deinem Theme identifizieren. Dies könnte beispielsweise eine Klasse oder eine ID sein, die speziell für die Bannertitel verwendet wird. Der CSS-Code könnte dann so aussehen:

.klasse-oder-id-des-bannertitels {
    font-size: größe; /* Ersetze 'größe' mit dem gewünschten Wert */
}

Ersetze .klasse-oder-id-des-bannertitels mit dem tatsächlichen Selektor deiner Bannertitel und größe mit dem gewünschten Schriftgrad.

---
Habt ihr auch den Shop auf die Weihnachtssaison umgestellt? Jetzt ist die Zeit wo Online Shopper nach 🎁 👀!

giphy

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. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Clic-Trade · ‎12-08-2023

Hi @Gabe

Danke für die schnelle Antwort.

Wir benutzen das Impact Theme, aber in den Einstellungen gibt es nichts um die Größe zumindest so spezifisch anzupassen.

Den Vorschau-Link habe ich tatsächlich vergessen, deshalb nun nochmal:
https://r9wdt9wvbux6biof-79322415447.shopifypreview.com

Wir würden gerne das "RED" viel größer haben. Diese Änderung kann dann auch auf alle Kategorien angewandt werden. Das wäre kein Problem. Wiederum soll das nur für die Desktopansicht gelten, da wir mit der mobilen Ansicht zufrieden sind.

Lg Niels

Gabe · ‎12-08-2023

Super und siehe mein Video hier. Die Entwickler sind hier auch sehr hilfreich wenn du die über diese Form kontaktieren möchtest.

Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Betreff: Bannertitel in Collections vergrößern

Bannertitel in Collections vergrößern

Community Blog Artikel