Question

我正在尝试设置我的Opencart主题，但我遇到了问题。

我想在结帐页面上设置总计结果的样式。问题是我不能仅设置总计结果的样式，因为自动更改了子总样式。

例如，我想将总结果 BOLD

代码是这样的：

 <tfoot>
  <?php foreach ($totals as $total) { ?>
  <tr>
    <td colspan="2" class="price"><b><?php echo $total['title']; ?>:</b></td>
    <td colspan="2" class="grandtotal-style-css"><?php echo $total['text']; ?></td>
  </tr>
  <?php } ?>
</tfoot>

我发现了这个，但是用于旧的Opencart并且无法正常工作。

链接在这里（opencart.com） http://forum.opencart.com/viewtopic.php?f=6&t=1986#p9366

Answer 1

你能否使用:last-of-type伪元素？

.grandtotal-style-css:last-of-type {
    font-weight: bold;
}

Answer 2

您必须检查总计的code并仅为total（或grandtotal？）添加样式：

  <?php foreach ($totals as $total) { ?>
  <tr>
    <?php if ($total['code'] == 'total') { /* change for 'grandtotal' if needed */ ?>
    <td colspan="2" class="price"><b><?php echo $total['title']; ?>:</b></td>
    <td colspan="2" class="grandtotal-style-css"><?php echo $total['text']; ?></td>
    <?php } else {
    <td colspan="2" class="price"><?php echo $total['title']; ?>:</td>
    <td colspan="2"><?php echo $total['text']; ?></td>
    <?php } ?>
  </tr>
  <?php } ?>

Answer 3

每种类型的总计行都有一个唯一的代码（total，sub_total，shipping等），所以我个人认为它会改为：

<tfoot>

  <?php foreach ($totals as $total) { ?>

  <tr>

    <td colspan="2" class="price"><b><?php echo $total['title']; ?>:</b></td>
    <td colspan="2" class="totals-<?php echo $total['code']; ?>"><?php echo $total['text']; ?></td>

  </tr>

  <?php } ?>

</tfoot>

然后将您的css课程从.grandtotal-style-css更改为.totals-total

我想要样式Opencart checkout总计

3 个答案: