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

Question

是否可以用自定义图像替换 magento "add to cart" 按钮？

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

Answer 1

打开模板提示。

默认情况下，目录定价在产品列表中使用此模板。您还需要搜索它以查看产品。

app\design\frontend\base\default\template\catalog\product\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;
}

在这里，button-cart 是 class，您可以使用 select 按钮并根据需要提供背景图像。

希望这会有所帮助。

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

Magento replace add to cart button with image

replace

image

button

magento