themes - 大卡特尔推车

Question

我在大卡特尔上做了一个自定义主题，一切都很完美，除了一件事。在将商品添加到购物车时，我希望在不转到购物车页面的情况下更新购物车。我已经在“性感”主题上制作了我的自定义模板，但不知道如何植入它

我知道这是可以做到的，因为像“Good Vibes”这样的默认主题就是这样做的。

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