Shopify-Themes, Liquid, Logos und ähnliche Themen
Hey, ich habe das Problem, dass die Schriftgröße auf der Produktseite viel zu groß ist (Desktop und mobil) und in der mobilen Version umbricht
Auch wird das Dropdown viel zu groß angezeigt (Desktop und mobil)
In den Typo-Einstellungen habe ich auf 90% skaliert (Range im Liquid-Code angepasst), hier verändere ich allerdings die gesamte Skallierung der Seite und nicht nur der Schrift. Kann mir hier jemand weiterhelfen?
Ich habe
Danke!
Hey @Katha
Danke für die Bilder uns mit dem Dawn Theme bekommst du auch 60-Min Design Time falls du kleinere Theme Aufträge an uns senden möchtest.
Aber um die Schriftgröße auf der Produktseite und die Größe des Dropdown-Menüs in deinem Shopify Dawn Theme anzupassen, wird eine grössere Code Lösung verlangen wenn die Theme Einstellungen das nicht können. Hast du alle Theme Einstellungen überprüft, denn wir empfehlen eine Codeänderung nicht.
Gehe mal in dein Theme und klicke auf "Theme-Einstellungen" > "Typografie". Hier kannst du für jede Art von Text auf "Ändern" klicken, um die Schriftartenauswahl zu verwenden und die Schriftgröße anzupassen. Die Standardschriftgröße für Überschriften und Fließtext kannst du mit dem Schriftgrößenmaßstab festlegen, wobei die Mindestschriftgröße 100 % und die maximale Schriftgröße 150 % für Überschriften bzw. 130 % für Fließtext beträgt.
Um die Größe des Dropdown-Menüs anzupassen, musst du etwas benutzerdefiniertes CSS zu deinem Theme hinzufügen der wie folgt aussieht aber das wird im Grunde ein Experte sein müssen der oder die sich mit CSS auskennt:
.site-nav--has-dropdown {
min-width: auto;
width: auto;
}
.site-nav__dropdown {
width: auto;
}
Dieser Code setzt die Breite des Dropdown-Menüs auf die Größe des darin enthaltenen Textes. Wenn du die Breite des Dropdown-Menüs weiter anpassen musst, kannst du den CSS-Code entsprechend ändern.
---
Habt ihr auch den Shop auf die Weihnachtssaison umgestellt? Jetzt ist die Zeit wo Online Shopper nach 🎁 👀!
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
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024