Ajaxify корзина для покупок

Question

Я работаю над шаблоном на Volusion, мой вопрос в том, может ли кнопка «добавить в корзину» быть ajaxified?

<div id="custom-buttons"> 
<div id="custom-cart"> 
    <a href="ShoppingCart.asp"> 
    <input class="vCSS_input_addtocart" type="image" 
    src="/v/vspfiles/templates/248/images/buttons/btn_addtocart.gif" 
    name="btnaddtocart" alt="Add to cart" border="0" 
    data-image-path="/v/vspfiles/templates/248/images/buttons/btn_addtocart.gif"/> 
</a> 
</div> 

То есть код, сама кнопка работает, но он принимает меня от страницы продукта на страницу корзины, и я хотел бы избежать этого, но все еще добавить нужный элемент в корзину.

Спасибо!

Answer 1

Предполагая, что в вашем магазине есть переменная администратора «Включить добавление в корзину всплывающих окон», вы можете просто предоставить ссылку, как показано ниже, в любом месте вашего шаблона, и когда пользователь нажмет на нее, он добавит элемент через Ajax так что до тех пор, пока у товара нет параметров или нет подарочного сертификата. У Volusion встроены скрипты, которые запускают, которые обрабатывают это автоматически, при условии, что переменная конфигурации включена.

<a class="unbind" href="/ShoppingCart.asp?ProductCode=xyz"> 
    <img border="0" align="absmiddle" src="/v/vspfiles/templates/248/images/buttons/btn_addtocart_small.gif"> 
</a> 

Добавьте следующий к до </head> тега в шаблоне и используйте ссылку выше, чтобы добавить товар. Каждый раз, когда вы нажимаете на него, он добавляет количество в корзину. Не будет визуальной обратной связи, что элемент был добавлен в соответствии с вашим запросом.

<script type="text/javascript"> 
$(function() { 
$('.unbind').unbind() 
    .click(function() { 
     var product_code = $(this).attr('href').substr($(this).attr('href').lastIndexOf('=') + 1).toUpperCase(); 
     $.ajax({ 
      type: "POST", 
      url: '/ProductDetails.asp?ProductCode=' + product_code + '&btnaddtocart=btnaddtocart&AjaxError=Y&batchadd=Y', 
      data: 'ProductCode=' + product_code + '&QTY.' + product_code + '=1' 
     }); 
     return false; 
    }); 
}); 
</script> 

Если вы хотите мягкая корзину для всплывать после того, как элементы щелкнули использование в HTML, показанный выше (изменить код продукта, соответственно) и используйте следующий код.

<script type="text/javascript"> 
$(function() { 
    $('.unbind').unbind() 
     .click(function() { 
      var qstr = 'ProductCode=' + global_URL_Encode_Current_ProductCode + '&QTY.' + global_URL_Encode_Current_ProductCode + '=1&ReplaceCartID=&ReturnTo=&e=&btnaddtocart.x=5&btnaddtocart.y=5'; 
      SoftAddSingleItem(global_URL_Encode_Current_ProductCode, 1, qstr); 
      return false; 
     }); 
}); 
</script>