Dynamic Price Updater

[mc12345678]

Hi Chrome,

A big thank you for this marvellous plugin! I've installed it on zc ver 1.5.5f and it is working as designed for.

I need some help for my custom script. I've added plus and minus buttons to the product quantity and uses jquery to update the quantity input. My custom script is still working but I couldn't get it to update the price. Could you help me please?

HTML Code:

<div id="cartAdd">
   <h2 id="productPrices" class="productGeneral">S$8.00</h2>
   <span id="button-minus" class="addqty-minus">-</span>
   <input id="addqty" class="addqtycart" type="text" name="cart_quantity" value="1" maxlength="6" size="4">
   <span id="button-plus" class="addqty-plus">+</span>
   <input type="hidden" name="products_id" value="1">
   <input class="cssButton submit_button button button_in_cart" onmouseover="this.className='cssButtonHover button_in_cart button_in_cartHover'" onmouseout="this.className='cssButton submit_button button  button_in_cart'" type="submit" value="Add to Cart">
</div>

Javascript:

$(document).ready(function() {
   var chkqty = $('#addqty').val();
   $("#button-minus").click(function(){
      var addqty	= $('#addqty').val();
      if(parseInt(addqty)>1) {
         var newval	= parseInt(addqty) - 1;
         $('#addqty').val(newval);
         return true;
      }else{
         return false;
      }
   });
   $('#button-plus').click(function(){
      var addqty	= $('#addqty').val();
      var newval	= parseInt(addqty) + 1;
      $('#addqty').val(newval);
      return true;
   });
 });

Hope you or someone could help me, thank you guys!

The javascript code that has been added to modify some number related to the overall product quantity, does not force the actions to occur for the updated entry. In the above code, the val is updated, but javascript does not take action on that programattic change. It would take action if the user had specifically modified the field directly. I have also not forced a change of the val to cause such an update, leaving someone that writes such additional code to incorporate the necessary action.

See below (untested) what I think would fix this issue for your site:

$(document).ready(function() {
   var chkqty = $('#addqty').val();
   $("#button-minus").click(function(){
      var addqty	= $('#addqty').val();
      if(parseInt(addqty)>1) {
         var newval	= parseInt(addqty) - 1;
         $('#addqty').val(newval);
         $('#addqty').change();
         return true;
      }else{
         return false;
      }
   });
   $('#button-plus').click(function(){
      var addqty	= $('#addqty').val();
      var newval	= parseInt(addqty) + 1;
      $('#addqty').val(newval);
      $('#addqty').change();
      return true;
   });
 });

I added a manual call to the change event for the field being edited by the addition of:

$('#addqty').change();

[preluvbags]

Hi mc12345678,

Thank you so much for your super fast response. I tried adding $('#addqty').change() but no luck; it still couldn't update.

[mc12345678]

Hi mc12345678,

Thank you so much for your super fast response. I tried adding $('#addqty').change() but no luck; it still couldn't update.

Have a link to an effected page?

[preluvbags]

Have a link to an effected page?

Apology, it's internal server at the moment so I don't have an external link for you to access. Is there any other way I could get around this?

[mc12345678]

Apology, it's internal server at the moment so I don't have an external link for you to access. Is there any other way I could get around this?

Well, I was wondering if there were javascript errors that were causing it not to function properly. Does DPU still function properly if the user manually updates the quantity field while your script is installed? Also is what has been provided for code all that is added to support the additional functionality?

[preluvbags]

Well, I was wondering if there were javascript errors that were causing it not to function properly. Does DPU still function properly if the user manually updates the quantity field while your script is installed? Also is what has been provided for code all that is added to support the additional functionality?

Yes, that's correct. DPU is working as intended and there isn't any js error; no other js has been added till yet.

[mc12345678]

Yes, that's correct. DPU is working as intended and there isn't any js error; no other js has been added till yet.

Ok, so went and reproduced the code/situation. While there may still be a better way to implement this, what I did that worked was to instead modify the javascript code like so:

$(document).ready(function() {
    var chkqty = $('#addqty').val();
    $("#button-minus").click(function(){
       var addqty    = $('#addqty').val();
       if(parseInt(addqty)>1) {
          var newval    = parseInt(addqty) - 1;
          $('#addqty').val(newval);
          try {
             init();
          } catch (call_err) {
             console.log(call_err.stack);
          }
         return true;
       }else{
          return false;
       }
    });
    $('#button-plus').click(function(){
       var addqty    = $('#addqty').val();
       var newval    = parseInt(addqty) + 1;
       $('#addqty').val(newval);
       try {
          init();
       } catch (call_err) {
          console.log(call_err.stack);
       }
      return true;
    });
  });

This worked for me and would update after every increase/decrease made by clicking the + or -.