我想设计 Opencart 结帐总额答案

【问题标题】：I want to style Opencart checkout grand total我想设计 Opencart 结帐总额
【发布时间】：2014-10-21 20:52:39
【问题描述】：

我正在尝试设置我的 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

【问题讨论】：

标签： php css opencart

【解决方案1】：

每种类型的总计行都有一个唯一的代码（总计、子总计、运费等），所以就我个人而言，我会将其更改为这样的：

<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

【讨论】：

【解决方案2】：

可以不用:last-of-type伪元素吗？

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

【讨论】：

【解决方案3】：

您必须检查总数中的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 } ?>

【讨论】：