大卡特尔购物车

Question

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

我知道这可以做到，因为默认主题如＆＃34; Good Vibes＆＃34;这样做。

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从购物车中添加，更新和删除项目。