FROM CACHE - de_header

Preis Filter Darstellung anpassen

Gelöst
Yannick-H
Tourist
11 0 0

Hallo zusammen

 

Ich würde gerne den Preis-Filter in meinem Theme anpassen (da es aktuell nicht gut ausschaut).

YannickH_0-1639316550476.png

Könnt ihr mir sagen, wie ich die Zahl weiter nach rechts bekomme damit alles korrekt lesbar ist?

 

Danke für eure Hilfe.

1 AKZEPTIERTE LÖSUNG

Anerkannte Lösungen
Finer
Shopify Expert
1285 240 455

Erfolg.

@Yannick-H 

Es scheint so, als haben die nicht mit einer Währung gerechnet zu haben, die 3 Zeichen enthält.

Du  kannst mal folgende CSS in die styles.css ganz unten einfügen und schauen, ob es passt.

.cc-price-range .cc-price-range__input {
    padding-left: calc(22px + 1em);
}

.cc-price-range__input-currency-symbol {
    left: 5px;
    line-height: 15px;
}

 

Wenn nicht, würde ich empfehlen, den Support von Symmetry anzuschreiben.

Die können ggf. eine nachhaltigere Lösung finden.

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency

Lösung in ursprünglichem Beitrag anzeigen

5 ANTWORTEN 5
Finer
Shopify Expert
1285 240 455

@Yannick-H kannst du einen Link zu deinem Shop teilen oder den Namen des Themes nennen?

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency
Yannick-H
Tourist
11 0 0

@Finer 
Der Link ist secondhandkiste.ch - ich verwende das Theme Symmetry

Finer
Shopify Expert
1285 240 455

Erfolg.

@Yannick-H 

Es scheint so, als haben die nicht mit einer Währung gerechnet zu haben, die 3 Zeichen enthält.

Du  kannst mal folgende CSS in die styles.css ganz unten einfügen und schauen, ob es passt.

.cc-price-range .cc-price-range__input {
    padding-left: calc(22px + 1em);
}

.cc-price-range__input-currency-symbol {
    left: 5px;
    line-height: 15px;
}

 

Wenn nicht, würde ich empfehlen, den Support von Symmetry anzuschreiben.

Die können ggf. eine nachhaltigere Lösung finden.

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency
Yannick-H
Tourist
11 0 0

@Finer Toll, es hat geklappt. Danke dir vielmals!

Finer
Shopify Expert
1285 240 455

@Yannick-H ich muss zugeben, dass es nicht die eleganteste Lösung ist, da man einen Wert aus dem Theme überschreibt, der ggf. an einer anderen Stelle auch zum Einsatz kommt. Aber sofern Ihr keine sichtbaren Probleme damit habt, könnt Ihr es verwenden. Andernfalls, lohnt es sich den Support von Symmetry anzuschreiben.

- Did my answer help? Mark my post with a like
- Did I solve your problem? Mark my post as an accepted solution.
- You need professional help? Contact our Shopify Partner Agency