通过ajax cs购物车在主页上加载产品


Load product on home page by ajax cs cart

我是新来的cs购物车4.2.4,有一些问题加载产品在首页通过AJAX优化网站速度。我在主页上有5个标签。我想通过Ajax加载它们。为此,我创建了一个包含所有产品选项卡的自定义页面,在主页上,我添加了一个带有smarty的自定义块并通过Ajax调用该页面。现在页面成功加载在主页上,但当我点击添加到愿望列表按钮事件运行两次。所以每次当我点击愿望列表按钮时,它都会显示一个产品已经存在的消息。实际上这个按钮一次点击会运行两次。

我的代码在自定义块是

{literal}
<script>
var count = 1; 
$(window).unbind('scroll');
$(window).scroll(function(){
if(count==1){
$('.span16.homepg-product-block').html("<img class='loadimg' src='images/common_imgs/loading.gif' style='margin:15px auto 25px 43%'>");
$.ajax({
    url:'/ajax-products',
        type:'GET,
        success: function(data){
        $('.span16.homepg-product-block').html(data);
        }
});}
count++;
});
</script>
{/literal}

我们建议您使用内置函数来发出ajax请求。他们很可能会解决这个问题。例如

function fn_change_tab(obj_id, id, option_id)
{
    var $ = Tygh.$;
    var url = fn_url('products.get_tab_content);
    $.ceAjax('request', url, {
        result_ids: 'my_block_content',
        caching: true,
        force_exec: true,
        method: 'get'
    });
}

你的模板和返回的内容应该包含一个div,格式如下:

<div id="my_block_content">
    YOUR CONTENT HERE
<!--my_block_content--></div>

只有这些内容才会被审查

我有一个新的方法来缩小我的页面大小。我只是使用jquery插件来加载所有的图片