我在shopify中构建Ajax产品过滤器时遇到问题。我想做一个使用标签对产品分类的边栏,但不重新加载页面。
这是我的代码,对于3个shopify调用,我一直未定义,只是尝试将产品填充到页面上。我在最后调整了api网址,以允许我根据所在页面选择哪个集合。我在这里做错了什么,还是有更好的方法来做到这一点?
/* Product Filter Ajax */
var $products = $(".ajaxProducts");
$.ajax({
type: 'GET',url: '/admin/api/2019-10/products.json?[ section.settings.collectionID ]',success: function (products) {
$.each(products,function(i,product){
$products.append('<li class="grid__item grid__item--collection-template small--one-half medium-up--one-quarter">' + product.featured_image + product.title + product.price + '</li>');
});
}
});