js в браузере 5/23 добаление класса не видно в консоле

что то не пойму ?! добаляем классы для всех элементов с классом .product , но в консоле это не отображается.
при чем если смотреть на фото товаров, то там появляется зеленая галочка .
т.е. визуальные изменения происходят после добавления класса а в консоле добавленные классы не отображаются.
почему ?!

У вас вывод в консоль (28 строка) выполняется раньше добавления класса (29 строка).

Спасибо. боже мой какая глупая ошибка