Добавлена Ajax загрузка товара.

Добавлена Ajax загрузка товара. Вы сможете создать быстрый просмотр товара во всплывающем окне, а так же использовать функцию магазина на других сайтах.



РАБОЧИЙ ПРИМЕР: ЗАГРУЗИТЬ ТОВАР




Код с примером:

<a class="ajax_load_shop" href="https://blog.hotlist.biz/ru/shop/prochee_and_unkknown_category_ukraine/21956.htm" data-content-block=".contenth_ajax">ЗАГРУЗИТЬ ТОВАР</a>

<script type="text/javascript"><!--
$(document).ready(function(){

$(document).on("click", ".ajax_load_shop", function(){

var $href = $(this).attr("href");
var $content_block = $(this).attr("data-content-block");

$($content_block).append('<div class="loading" align="center"><img src="/img/loading.gif"/></div>');

 

$.ajax({
type: "GET",
dataType: "html",
url: "/ajax.php",
data: "shop_cat_p="+$href,
timeout: 20000,
error: function(request,error) {

if (error == "timeout") {
jQuery.facebox("Request timeout. Please try again. </i> <br />");
$(".loading").animate({opacity: "hide"}, 0);
}
else {
jQuery.facebox("Error in Ajax request executing. Please try again. <br />");
$(".loading").animate({opacity: "hide"}, 0);
}
},
beforeSend: function() {

$(".loading").animate({opacity: "show"}, 400);
},
success: function(data) {
$(".loading").animate({opacity: "hide"}, 300, function(){

$(".loading").remove();
$($content_block).html(data);
});
}

});

return false;
});

 

});
//-->
</script>

 

<div class="contenth_ajax">КОНТЕНТ</div>