大卡特爾購物車

我在大卡特爾上做了一個自定義主題，除了一件事情之外，一切都是完美的。我希望在購物車上添加商品時不必進入購物車頁面即可更新購物車。我做了我的自定義模板的「性感」主題，不知道如何去植入這個大卡特爾購物車

我知道這可以完成，因爲像「良好的Vibes」這樣的默認主題這樣做。

來源

2015-06-19 Anil Kieran Mehmi

您將要採取的JavaScript API的優勢：https://help.bigcartel.com/developers/themes/#javascript-api

有了這個，你可以在代碼行拖放到API加載到你的主題，並有機會獲得補充，更新和刪除項目從購物車使用JavaScript。

來源

2015-06-19 17:57:02

我見過這個，但我只是不知道如何植入它我添加腳本和多數民衆贊成在所有？ –

您需要足夠的JavaScript知識才能實現這一點。第一步是添加API代碼，接下來需要用更多的JavaScript代碼來處理點擊按鈕時的添加項目。幫助手冊中提供的代碼僅僅是一個開始。 –

您可以使用下面的代碼。我沒有在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); 
    }); 
});

來源

2015-06-24 22:16:23

大卡特爾購物車

回答

相關問題