themes - ビッグカルテルカート

Question

大きなカルテルでカスタム テーマを作成しましたが、1 つのことを除いてすべてが完璧です。カートに商品を追加する際にカートページに移動せずにカートの更新を行いたいです。「セクシー」テーマでカスタム テンプレートを作成しましたが、これをどのように埋め込むかわかりません

「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);
    });
});