S@rK

Мне не совсем понятна логика вашего кода зачем там вообще нужен цикл

$('.red').click(function(){
      $(this).parent('.colors').siblings('.product_circle').find('img').attr('src', 'img/bag_1_red.png');
 });

если вы хотите применить событие ко всем элиментам с класом red то для этого не нужен цикл просто у элиментов должен быть одинаковый клас остальное зделает jquery

https://habrahabr.ru/post/163739/ в статье есть пункт как делать предосмотр загруженных фото.

Ajax + setinterval.

Как у вас хранятся одинаковые товары? в 1 позиции или в разных? если в 1 то объединять точно не стоит а если в разных тут уже смотрите сами на мой взгляд будет лучше 2 таблици так как будет возможно больше отслеживать движения товара и будет удобней формировать отчот.

$result = str_replace(array('1', '2'), array('столе', 'яблоко'), 'На 1 лежит 2.');