Wie zeige ich den alten und tatsächlichen Produktpreis in nopCommerce korrekt an?

Question

Ich benutze MyStore Theme für meinen Webshop. Ich habe ein Produkt mit altem Preis und aktuellem Preis. Aber es wird nicht korrekt im Webbrowser angezeigt.

Wie im Bild unten (zweites Produkt Fußball) hervorgehoben.

Answer 1

aussieht CSS Problem, ich denke Problem in Position ist. Wenn möglich, senden Sie bitte die URL der Site, damit Sie das überprüfen und überprüfen können.

P. S

Ich habe versucht, einige CSS anwenden, sehe ich nicht CSS Entwickler bin, aber ich habe etwas versucht. Ich hoffe es hilft.

<div class="prices"> 
<span class="price old-price" style=" 
    position: relative; 
    top: 10px; 
">€35,00</span> 
<span class="price actual-price" style=" 
    position: relative; 
    bottom: 25px; 
">€30,00</span> 
</div> 

Ergebnis:

Answer 2

Basierend auf der Antwort von Krutal Modi, bewarb ich mich folgende Änderungen:

--Solution--

.product -grid .Produkt-Artikel .Preise .actual-price

• Gelöscht vertikal ausgerichtet: Mitte;
• Hinzugefügte Position: relativ;
• Hinzugefügt oben: 10px;

.item-box .old-Preis

• Added position: relative;

• Hinzugefügt oben: 10px;

--Result--