Я довольно новичок в jquery и javascript, но уверен, что могу использовать его для получения желаемого результата. Я бы хотел, чтобы фоновое изображение кнопки «Добавить в корзину» изменилось при щелчке. Из моих исследований, на этом сайте и других, я пришел к приведенному ниже коду, для которого html является всего лишь фрагментом кнопки, которую я скопировал из источника Magento Go. Я чувствую, что я близко, но я думаю, что я не «идентифицирую» (из-за отсутствия правильного термина) класс кнопки правильно. Если бы у меня был доступ к шаблонам php, я бы подумал, что мне будет легче настраивать время, но это маршрут, который был выбран. Я ценю любое понимание.Использование JavaScript для изменения добавить в корзину кнопка фон для Magento Go
<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>
И вы уверены, что страница не обновляется, когда вы что-то добавить в корзину в Magento? В качестве побочного элемента в jQuery нет метода onClick, поэтому он должен вызывать ошибку в консоли. – adeneo
^^ Другими словами, замените 'onClick' на' click' и добавьте скобки – adeneo
Спасибо за быстрый ответ. Это было хорошим моментом в перезагрузке страницы, но после проверки я нашел тему для Magento Enterprise, которая имела аналогичную функцию добавления в корзину. Спасибо – user3272830