FROM CACHE - de_header
Diese Community hat auf Peer-to-Peer-Support umgestellt. Der Shopify Support wird diese Community nicht mehr betreuen. Wir empfehlen dir, dich mit anderen Händler:innen und Partner:innen in Verbindung zu setzen, um Unterstützung zu erhalten und Erfahrungen auszutauschen. Bitte melde weiterhin alles, was gegen unseren Verhaltenskodex verstößt, oder Inhalte, die deiner Meinung nach entfernt werden sollten.

Betreff: Preis Filter Darstellung anpassen

Gelöst

Preis Filter Darstellung anpassen

Yanninho
Tourist
19 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
Finer
Shopify Partner
2448 523 855

Erfolg.

@Yanninho 

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 Partner
2448 523 855

@Yanninho 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
Yanninho
Tourist
19 0 0

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

Finer
Shopify Partner
2448 523 855

Erfolg.

@Yanninho 

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
Yanninho
Tourist
19 0 0

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

Finer
Shopify Partner
2448 523 855

@Yanninho 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