0

私はjqueryとjavascriptにかなり慣れていませんが、それを使用して希望する結果を得ることができると確信しています. カートに追加ボタンの背景画像をクリックすると変更されます。このサイトや他のサイトでの私の調査から、以下に貼り付けられたコードにたどり着きました。html は、Magento Go ストア ソースからコピーしたボタンのスニペットにすぎません。私は近いと感じていますが、ボタンのクラスを正しく「識別」していないと思います(適切な用語がないため)。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>
4

0 に答える 0