使用JavaScript更改Magento Go的“添加到购物车”按钮背景

使用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

我对jquery和javascript相当陌生,但我确信我可以使用它来获得我想要的结果。我想有添加到购物车按钮的背景图像改变点击。通过我的研究,在这个网站和其他网站上,我找到了粘贴在下面的代码;html只是按钮的片段,我从Magento Go store源代码复制了它。我觉得我很接近,但我认为我没有正确地“识别”(因为缺少合适的术语)按钮的类别。如果我能够访问php模板,我想定制会更容易,但这是选择的路线。我很欣赏你的见解

<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的主题,该主题具有类似的“添加到购物车”功能。谢谢