Question

在我的标题中，我将当前用户购物车的总数只是一个以纯文本显示的数字。我试图在它旁边添加购物车的bootstraps glyphicon价格，但它只是没有显示出来。有人可以帮我解决这个问题吗？提前谢谢！

注意：我正在使用wordpress，woocommerce和bootstrap，我还没有添加任何CSS值。

HTML：

<a class="cart-contents"><div id=basket><?php echo WC()->cart->get_cart_total(); ?><span class="glyphicons glyphicons-shopping-cart"></span></div></a>

Answer 1

如果其他一切正常，那很容易......

HTML / PHP：

<a class="cart-contents">
    <div id=basket>
        <span class="glyphicons glyphicons-shopping-cart"></span>
        <span class="tot-price"><?php echo WC()->cart->get_cart_total(); ?></span>
    </div>
</a>

CSS （ajust并更改值）：

.cart-contents > .basket > .tot-price {
    background-color: #000;
    box-sizing: border-box;
    border-radius: 1em;
    color: #fff;
    display: inline;
    font-size: 9px;
    left: 0;
    margin-left: -5px;
    padding: 2px 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: -7px;
}

.cart-contents > .basket > .tot-price:hover {
    background-color: #eee;
    color: #000;
}

此CSS规则只是一个示例，您必须设置所有值以根据需要进行显示。您可能还需要为容器<a>和<div>添加一些规则。

如何在标题中添加购物车字形图标后面的价格？

1 个答案: