Ausgangsproblem: Im Shopify-Theme Dawn wird der Preis auf der Produktseite zu klein dargestellt; gesucht wurde eine einfache Möglichkeit zur Vergrößerung (ggf. per App).
Kernaussage: Es gibt in Dawn keine spezifische Theme-Einstellung für die Preisgröße. Eine App ist nicht nötig; die Anpassung erfolgt über CSS (Stylesheet).
Vorgehen: Im Code-Editor unter Assets die Datei component-price.css öffnen und die font-size der Klasse .price–large anpassen.
Hinweis zur Responsivität: Es existieren zwei getrennte Werte für Mobile und Desktop, die beide angepasst werden sollten.
Best Practice: Vor der Änderung eine Sicherheitskopie des Themes anlegen, um bei Bedarf zurücksetzen zu können.
Ergebnis/Status: Der Fragesteller hat die Größe erfolgreich angepasst und den Preis zusätzlich fett formatiert. Thema damit gelöst; keine offenen Fragen oder weiteren Maßnahmen genannt.
Hallo zusammen,
habe gerade erst hier angefangen und habe noch nichts zu meinem Thema gefunden.
Wir sind mit dem Theme Dawn gestartet und der Preis auf der Produktseite wird uns viel zu klein angezeigt. Wie kann ich den hier vergrößern? Gibt es vielleicht eine App mit einem einfachen Editor, oder wie kann ich dort eingreifen?
Sorry für die ggf. einfache Frage und Gruß
RRR-N
@RRR-N Leider gibt es keine spezifische Einstellung für den Preis. Daher muss man innerhalb der CSS-Datei die Größe definieren.
Wenn Ihr im Code-Editor des Themes seid, findet Ihr unter Assets die Datei component-price.css die Werte (font-size) der Class .price–large anpassen. Allerdings müsst Ihr darauf achten, dass es zwei Werte gibt. Einen für die mobile Ansicht und eine für Desktop.
Am besten ihr erstellt zunächst eine Sicherheitskopie und passt danach die Werte an. Sollte etwas schiefgehen, könnt Ihr einfach auf die Sicherheitskopie zurückgreifen.
Hallo Finer,
super, dankeschön, haben es jetzt auch noch fett gemacht.