如何使用JS更新store_product_price

Question

好吧，所以我有一系列照片缩略图，这些缩略图是通过单个产品在商店中设置的产品出售的。该产品具有两种尺寸，大小。大型的修饰符在选择时会提高价格。

我正在使用JS删除，然后将修饰符组克隆到用户选择的缩略图之一，有效地将其切入页面上的单个产品。

我的问题是，当我删除并克隆修饰符时，价格与将最后一个产品添加到购物车时所选择的价格保持不变。

so和示例：

用户选择了选择大型修饰符（ $ 20）的Thummb＃1，并将其添加到购物车（Ajax）中。然后，当她选择拇指＃5时，修饰符被设置回小，但价格仍然反映了大的。

由于所有这些都是通过JS完成的，而无需页面重新加载，我该如何重置store_product_price？

ajax : function(){
if( !$( '#product_form' ).size() ) return;
$( '#product_form' ).submit( function(){
    $( '.card .add_to_cart' ).val( 'Processing...' );
    var url = $( this ).attr( 'action' );
    var data = $( this ).serialize();
    $.post( url, data, function(){
        $( '#sidebar-cart' ).load( '/store/cart/' );
        $( '.card .add_to_cart' ).val( 'Add to Cart' );
        $( '.selected' ).removeClass( 'selected' );
        $( '.not-selected' ).removeClass( 'not-selected' );
   } );
        return false;
} );
},

Answer 1

我不完全确定'删除和克隆修饰符'的含义 - 您是否为每个缩略图创建一个新的大/大下拉列表？在这种情况下，它如何知道要提交表格的哪一个？

为每个缩略图创建新产品表格可能更容易，然后使用JS根据需要隐藏/显示修饰符。

无论如何，如果您想坚持事物的方式，可以看一下themes/third_party/store/store.js，看看如何实现store_product_price类（我假设您已经将store_product_price类添加到了您的价格中，尽管您没有提到它）。如果您在index.php中设置$debug = 1，则默认情况下它将加载JavaScript的未启动版本，从而使您更容易逐步浏览并查看它的位置。