使用JavaScript更改Magento Go的“添加到购物车”按钮背景
我对jquery和javascript相当陌生,但我确信我可以使用它来获得我想要的结果。我想有添加到购物车按钮的背景图像改变点击。通过我的研究,在这个网站和其他网站上,我找到了粘贴在下面的代码;html只是按钮的片段,我从Magento Go store源代码复制了它。我觉得我很接近,但我认为我没有正确地“识别”(因为缺少合适的术语)按钮的类别。如果我能够访问php模板,我想定制会更容易,但这是选择的路线。我很欣赏你的见解使用JavaScript更改Magento Go的“添加到购物车”按钮背景,javascript,jquery,button,background-image,magento-go,Javascript,Jquery,Button,Background Image,Magento Go,我对jquery和javascript相当陌生,但我确信我可以使用它来获得我想要的结果。我想有添加到购物车按钮的背景图像改变点击。通过我的研究,在这个网站和其他网站上,我找到了粘贴在下面的代码;html只是按钮的片段,我从Magento Go store源代码复制了它。我觉得我很接近,但我认为我没有正确地“识别”(因为缺少合适的术语)按钮的类别。如果我能够访问php模板,我想定制会更容易,但这是选择的路线。我很欣赏你的见解 <script> google.load("jque
<script>
google.load("jquery", "1.9.1");
google.setOnLoadCallback(function() {
$('btn-cart').onClick function() {
$(this).css('background-image', 'url(image2)');
});
});
</script>
<style>
.btn-cart{
background-image: url('image1');
width: 100px;
height: 100px;
}
</style>
<html>
<body>
<button type="button" title="Add to Cart" class="button btn-cart" onclick="setLocation('http://charmit.gostorego.com/checkout/cart/add/uenc/aHR0cDovL2NoYXJtaXQuZ29zdG9yZWdvLmNvbS9jaGFybXMuaHRtbA,,/product/366/')">
<span><span>Add to Cart</span></span></button>
</body>
</html>
load(“jquery”,“1.9.1”);
setOnLoadCallback(函数(){
$('btn-cart').onClick函数(){
$(this.css('background-image','url(image2');
});
});
.btn购物车{
背景图像:url('image1');
宽度:100px;
高度:100px;
}
添加到购物车
您确定在Magento中向购物车添加内容时不会重新加载页面吗?作为旁注,jQuery中没有onClick方法,因此应该在控制台中抛出错误。^^^换句话说,将onClick
替换为click
,并添加一些括号,以便快速响应。关于页面重新加载,这是一个很好的观点,但在检查之后,我确实找到了一个Magento Enterprise的主题,该主题具有类似的“添加到购物车”功能。谢谢