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.

Änderung Ansicht Preis

Gelöst

Änderung Ansicht Preis

simon_h
Tourist
12 0 2

Hallo Zusammen,

 

ich habe eine Frage bezüglich der Ansicht unseres Satzes "(Du sparst XY€)". Siehe Bilder 👇

Bildschirmfoto 2024-10-29 um 08.30.58.pngBildschirmfoto 2024-10-29 um 08.31.43.png

 

Sowohl in der Mobilen, als auch in der Desktop Ansicht verschiebt sich der Satz ganz komisch und nimmt viel von Platz weg. Wie schaffe ich es, dass mir der Satz der Ersparnis in einer Zeile angezeigt wird?

 

Unsere Webseite ist: https://www.nextcover.de/

 

Vielen Dank für eure Unterstützung!

 

Liebe Grüße

Simon

1 AKZEPTIERTE LÖSUNG
Finer
Shopify Partner
2548 543 885

Erfolg.

@simon_h ja du kannst statt dem "gap" auch was anderes (justify-content) verwenden:

.lord-parent {
    display: flex;
    justify-content: space-between;
}

 

- 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

4 ANTWORTEN 4

Finer
Shopify Partner
2548 543 885

@simon_h in den CSS-Einstellungen der Bewertungsapp gibt es folgende Klasse:

 

.lord-parent {
    display: flex;
    gap: 50%;
}

Hierbei ist das gap-Attribut dafür verantwortlich, dass die Bewertungen ganz rechts stehen. Wenn du das in bspw. "15px" änderst, rückt die Bewertung näher an den Preis.

.lord-parent {
    display: flex;
    gap: 15px;
}

 

- 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
simon_h
Tourist
12 0 2

Hallo Finder,

 

danke für deine schnelle Antwort! Du hast recht, wenn ich den Abstand verringere, dann wird die Ersparnis wieder in einer Zeile angezeigt. Das sieht dann auf der Mobile Ansicht gut aus, aber auf der Desktop Ansicht sehen die Sterne-Bewertungen, dann irgendwie deplatziert aus.

Gibt es eine Möglichkeit, wie man die Sterne Bewertungen ganz rechts stehen haben kann und den Satz mit der Ersparnis trotzdem zusammen in einer Zeile drunter?

simon_h_0-1730189908762.png

 

Finer
Shopify Partner
2548 543 885

Erfolg.

@simon_h ja du kannst statt dem "gap" auch was anderes (justify-content) verwenden:

.lord-parent {
    display: flex;
    justify-content: space-between;
}

 

- 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
simon_h
Tourist
12 0 2

Jawoll, so hat es geklappt! Vielen Dank.