how add class 'added' on button click in product list

[alano3city]

hi everyone, just a simple question.

 

how can i apply class "added" to button add to cart on click? (ps. 1.6)

 

i try this snippet in global.js but cant get it work...

 

    $(document).on('click', '.ajax_add_to_cart_button', function(){
            $(this).removeClass('added');
            $(this).addClass('added');
    });
 

Edited September 21, 2015 by alano3city (see edit history)

[gabdara]

The click event of add to cart button is handled here: https://github.com/PrestaShop/PrestaShop/blob/1.6.1.x/themes/default-bootstrap/js/modules/blockcart/ajax-cart.js#L131

[alano3city]

hmm i placed this:

 

$(this).addClass('added');

 

before line 132 and still doesnt work

[gabdara]

I've just tested the above in localhost and I see the class being added.

[alano3city]

hmm this seems to work only when my ajax cart is turned off

[alano3city]

I see that this works everywhere, but doesnt want to work only if i click this button

 

for example:

 

    $(document).on('click', 'input', function(e){
        $('.ajax_add_to_cart_button').addClass('added');
    });

 

when i click on any input it adds this class to the button, but on the button add to cart itself, does not

Edited September 22, 2015 by alano3city (see edit history)

[Ray UK]

This would be a good feature to have... maybe in the PS 1.7 ?

 

but I think it would need to check the current cart for the products, then we could overlay, for example, "3 of these in cart"  on that product.

 

Just adding the class via ajax, surely you would loose that class if you change category and came back to the same category.. or refresh the page ?

[alano3city]

this would be awesome for sure!

 

@gabdara: it turned out that it didnt work because i had quantity module installed and the button was refreshed via this module so i added this code to the module inside. Thank you guys.