如何在 nopCommerce 中正确显示产品的旧价格和实际价格？答案

【问题标题】：How do I display old and actual price of Product correctly in nopCommerce?如何在 nopCommerce 中正确显示产品的旧价格和实际价格？
【发布时间】：2016-06-03 09:17:20
【问题描述】：

我正在为我的网上商店使用 MyStore 主题。我有一个旧价格和实际价格的产品。但它没有在网络浏览器中正确显示。

如下图所示（第二个产品足球）。

【问题讨论】：

标签： css themes nopcommerce nopcommerce-themes

【解决方案1】：

这看起来是 CSS 问题，我认为问题已经到位。如果可能，请发送站点 URL，以便可以检查并检查它。

附言

我尝试应用一些 CSS，请参阅我不是 CSS 开发人员，但我尝试了一些东西。希望对您有所帮助。

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

结果：

【讨论】：

【解决方案2】：

根据 Krutal Modi 的回答，我应用了以下更改：

--解决方案--

.product-grid .product-item .prices .actual-price

已删除垂直对齐：中间；
添加位置：相对；
添加顶部：10 像素；

.item-box .old-price

添加位置：相对；
添加顶部：10px；

--结果--

【讨论】：