【问题标题】: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;

      --结果--

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2019-04-18
        • 2023-03-09
        • 1970-01-01
        • 2022-12-14
        • 2017-11-24
        • 2016-12-13
        • 2015-01-30
        相关资源
        最近更新 更多