大卡特尔推车

Question

我在大卡特尔上做了一个自定义主题，一切都很完美，除了一件事。我想在将商品添加到购物车时无需进入购物车页面即可更新购物车。我已经在"性感"主题上制作了我的自定义模板，不知道我是如何植入这个

的

我知道这是可以做到的，因为像"良好共鸣"这样的默认主题就是这样做的。

Answer 1

您可以使用下面的代码。 我没有在addItem回调中包含restoreButton函数的代码，但我相信你明白了。 您还需要自己的方法来根据您显示产品选项的方式检索产品 ID。 确保还包括对Big Cartel的javascript api的引用。

$('#add_to_bag').click(function(evt){
    var productId;
    if($('.options_select').length != 0)
        productId = $( ".options_select option:selected" ).attr('value');
    else
        productId = $('.price_options input').attr('value');
    var quantity = $('.quantity input').attr('value');        
    Cart.addItem(productId, quantity, function(cart) {
        $('#add_to_bag').attr('value', 'Item Added');
        setTimeout(restoreButton, 2000);
    });
});

Answer 2

你需要

利用javascript API： https://help.bigcartel.com/developers/themes/#javascript-api

有了这个，您可以放入代码行以将 API 加载到您的主题中，并有权使用 javascript 从购物车中添加、更新和删除项目。