Magento用图像替换添加到购物车按钮

Question

是否可以用自定义图像替换magento“添加到购物车”按钮？

我想我必须在template / catalog / product / view / addtocart.phtml中更改一些内容但不知道如何替换

Answer 1

启用模板提示。

默认情况下，目录定价在产品详情中使用此模板。您还需要将其搜索到产品视图中。

  

应用\设计\前端\基\默认\模板\目录\产品\ list.phtml

找到按钮html：

第61行：

<p><button type="button" title="<?php echo $this->__('Add to Cart') ?>" class="button btn-cart" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')"><span><span><?php echo $this->__('Add to Cart') ?></span></span></button></p>

将html替换为类似......

<a href="<?php echo $this->getAddToCartUrl($_product) ?>">
<input type="image" src="source/to/my/image.jpg" />
</a>

不幸的是，Magento使用原型来更新按钮的数量，因此当您单击新图像时可能需要调整javascript。

Answer 2

您也可以使用css将图像替换为按钮。

以下是这样做的简单示例

.button-cart{
background-image url(http://i47.tinypic.com/2ni0ahd.png) 3px 5px no-repeat;
}

此处，按钮是可用于选择按钮并根据需要提供背景图像的类。

希望这会有所帮助。