如何为opencart添加自定义按钮

Question

我正在使用opencart进行我正在开发的网上商店，我想添加一个新按钮，显示产品的价格，就在“添加到购物车”按钮上方。

它应该看起来像我在photoshop中设置的按钮

好吧，如果你看一下这张照片，它甚至不一定是一个按钮，它只需要接近那个。

有人能指出我正确的方向吗？

PS：“VKošarico”=“添加到购物车”

这是product / product.tpl代码

<div class="button-group">
        <!--PRICE BUTTON--!>
          <button type="button">test</button>
          <!--OTHER BUTTONS!-->
          <button type="button" onclick="cart.add('<?php echo $product['product_id']; ?>', '<?php echo $product['minimum']; ?>');"><span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span> <i class="fa fa-shopping-cart"></i></button>
          <button type="button" data-toggle="tooltip" title="<?php echo $button_wishlist; ?>" onclick="wishlist.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-heart"></i></button>
          <button type="button" data-toggle="tooltip" title="<?php echo $button_compare; ?>" onclick="compare.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-exchange"></i></button>
        </div>

Answer 1

我对Opencart并不熟悉，但如果你说的是纯粹的html / css，那么就像你说的那样，这是正确的方向。

产品HTML示例

<div class="product">

    <div class="description">
        Description text for the product
    </div>

    <div class="price">
        CENA: 5,95 €
    </div>

    <div class="add-to-cart">
        Add to Cart
    </div>

</div>

然后用CSS匹配它，特别是.product＆gt; .price造型然后。希望你知道一点CSS并且可以自己管理其余部分吗？而且我不确定产品“盒子”是否具有相同的结构或任何东西。但正如你所说，朝着正确的方向发展。

.product {
   width:300px;
   border:1px solid #aaa;
}

.product > .description {
   padding:20px;
}

.product > .price {
   background:#88BA33;
   text-align: center;
   padding:20px 0;
   text-transform: uppercase;
   font-size: 18px;
   color:#fff;
   margin:0;
}

.product > .add-to-cart {
    background:#fafafa;
    text-align: center;
    padding:20px 0;
    text-transform: uppercase;
    margin:0;
}