좋아, 상점에 설정되어있는 단일 제품을 통해 판매중인 사진 미리보기 이미지가 있습니다. 이 제품은 크고 작은 두 가지 크기가 있습니다. 대형에는 선택시 가격이 인상되는 수정자가 있습니다.store_product_price를 JS로 업데이트하려면 어떻게해야합니까?
나는 JS를 사용하여 사용자가 선택한 축소판 중 하나에 수정 자 그룹을 제거한 다음 효과적으로 복제하여 페이지의 단일 제품으로 효과적으로 보냅니다.
내 문제는 마지막 제품이 장바구니에 추가되었을 때 가격이 그대로 유지되는 수정자를 제거하고 복제 할 때의 문제입니다.
그래서 예 :
사용자 선택 큰 개질제 (+ $ 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;
});
},
예'store_product_price' 클래스가 있습니다. 제출할 때 해당 클래스를 호출하려고합니다. – since1976
각 사진에 대해 새 양식을 만들면 양식마다