How to dynamcially reset all stepper values

Questions
1

Hi,

I want to reset all stepper values dynamically if a user moves away from cart and comes back to it for new order. I have following code that I am using to check if it is a new order and trying to reset stepper values with a loop. But after first loop it seems code breaks and 2nd loop never happens. Is this the best way to reset stepper values?

if (app.data.myorder.neworder==1) {
console.log(‘app.data.myorder.neworder’ + app.data.myorder.neworder);
app.data.myorder.products.forEach(function(item) {
console.log(‘Reseting stepper value - #item-’+item.id);
var instance = app.stepper.setValue($(’#item-’+item.id).find(’.stepper’), ‘0’);
});
app.data.myorder.customerid = 0;
app.data.myorder.customername = ‘’;
app.data.myorder.products = [];
app.data.myorder.neworder = 0;
}

If I comment
var instance = app.stepper.setValue($(’#item-’+item.id).find(’.stepper’), ‘0’);

I can see full loop console debug.

2

Hace you tried with ’ ’ without the Zero.
Ir 0 without the ’ '.
Didn’t try, just a suggestion.

3
  1. Define stepper’s id where ‘stepper-init’ class is
  2. Then,
    var instance = app.stepper.setValue(’#item’+item.id,‘yourNewValue’);
  3. OR,
    Var instance = app.stepper.get(‘el’);
    instance.setValue(‘yourNewValue’);
    Good luck !!!
4

Tried both ways, no luck

5

Thanks for reply.

Added id to stepper it seems it resets one stepper in loop but then stops.

var instance = app.stepper.setValue(’#stepper-’+item.id, 0);

<div id="stepper-{{id}}" class="stepper stepper-raised stepper-fill cart_stepper" data-id="{{id}}" data-sku="{{sku}}" data-price="{{price}}" data-qtypp="{{qtypp}}" data-value="0" data-min="0" data-max="100" data-step="1">' +
                                    '<div class="stepper-button-minus"></div>' +
                                    '<div class="stepper-value"></div>' +
                                    '<div class="stepper-button-plus"></div>' +
                                '</div>' +