Shopify-Themes, Liquid, Logos und ähnliche Themen
Hallo zusammen!
Ich frage mich, wie sich die Produktbeschriftung in einer Kategorie anpassen lässt mit "CSS"
Ich meine bewusst nicht den Produkttitel, wenn man direkt auf dem Produkt ist!! Sondern in den Kategorien, wo mehrere Produkte angezeigt werden. Hier ein bsp:
Insbesondere wenn ich viele Produkte in einer Kategorie habe, bleibt dieser Produkt-Text immer sehr sehr groß 😞
und nein font-size 20px geht nicht!! 😉
Danke euch für Hilfe.
Gelöst! Zur Lösung
Erfolg.
Rechtsklick auf den Text und wähle Inspect bzw. "Element untersuchen". In der Dev Console den Selektor finden, bzw. HTML, der die Produktbeschriftung enthält. Die CSS-Klasse oder ID nehmen, die der Beschriftung zugewiesen sind, wie z. B.
<div class="product-card__title">SmartMeter Shelly Pro...</div>
<span class="product-title">SmartMeter Shelly Pro...</span>
Usw.
Nehme an, der Selektor ist .product-card__title. Dann Folgendes im CSS Editor hinzufügen:
.product-card__title {
font-size: 16px !important; /* anpassen */
line-height: 1.4; /* anpassen */
}
Ohne zu einem Beispiel verlinkt zu werden bzw. aus dem Stehgreif ist meine Empfehlung das DIY mit dem Dev Console Tool zu machen (siehe Artikel dazu hier) sowie den CSS Editor verwenden. Mehr dazu hier.
ich muss nur wissen, welche Bezeichnung halt der Produkttitel hat. H1-H6 ist es nicht "product-title" ist es auch nicht...
Bitte mein obige Antwort nochmal lesen
du antwortest und verlinkst drei Anleitungen und schreibst nichts zu meiner eigentlichen Frage. Nice.
Das das über custom css gemacht werden kann ist klar. Das ist ja mein Vorhaben. Ich weiß halt nicht, wie die Bezeichnung des Produkttitels in einer Kategorie heißt. WIe gesagt befehle wie H1-H6 oder "product-title" oder font-size sind es nicht!
Erfolg.
Rechtsklick auf den Text und wähle Inspect bzw. "Element untersuchen". In der Dev Console den Selektor finden, bzw. HTML, der die Produktbeschriftung enthält. Die CSS-Klasse oder ID nehmen, die der Beschriftung zugewiesen sind, wie z. B.
<div class="product-card__title">SmartMeter Shelly Pro...</div>
<span class="product-title">SmartMeter Shelly Pro...</span>
Usw.
Nehme an, der Selektor ist .product-card__title. Dann Folgendes im CSS Editor hinzufügen:
.product-card__title {
font-size: 16px !important; /* anpassen */
line-height: 1.4; /* anpassen */
}
top hat mit FireFox "Element Untersuchen" auch quasi so geklappt. DANKE!
Mit dem Lernpfad der Shopify Academy und dem Verified Skills-Badge Expanding Your Sho...
By Shopify Feb 7, 2025Den Verkauf im Großhandel steigern: In der Shopify Academy lernst du, wie das geht, zum...
By Shopify Feb 3, 2025Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024