Общими словами смысл такой, нужно в корзине товаров, добавить фото товарам у которых фото отсутствуют (отсутствует src=""), с соответствующих страниц товаров по своей ссылке для каждого товара.
Корзина
<div id="order-table">
<div>
<div>1.</div>
<div>
<a href="" class="ulightbox"><img src=""></a>
</div>
<div><a href="ссылка-на-страницу-с-картинкой-1">Название товара 1</a></div>
</div>
<div>
<hr>
<div>2.</div>
<div>
<a href="/ссылка-на-картинку-есть.jpg" class="ulightbox"><img src="/ссылка-на-картинку-есть.jpg"></a>
</div>
<div><a href="/ссылка-на-страницу-с-картинкой-2">Название товара 2</a></div>
</div>
<div>
<hr>
<div>3.</div>
<div>
<a href="" class="ulightbox"><img src=""></a>
</div>
<div><a href="/ссылка-на-страницу-с-картинкой-3">Название товара 3</a></div>
</div>
</div>
Если ссылка на картинку есть ничего не делаем (например товар номер 2 имеет ссылку). Если нет, то на странице товара находим блок с картинкой по class="link-photo", копируем src и вставляем в соответствующую товару конструкцию <a href=""><img src=""></a> в href="" и src=""
Фото на страницах товара, на каждой странице по одному фото
<img alt="Название товара 1" src="https://ссылка-на-фото-название-1.jpg" class="link-photo">
<img alt="Название товара 2" src="https://ссылка-на-фото-название-2.jpg" class="link-photo">
<img alt="Название товара 3" src="https://ссылка-на-фото-название-3.jpg" class="link-photo">
Если картинки class="link-photo" на странице с товаром нет, копируем div class="shop-item-foto" и заменяем
<a href=""><img src=""></a>
на скопированное
<div class="shop-item-foto">....</div>
Все на что меня хватило
$('#order-table div div:nth-child(3) a').each(function(index, value){
var url = $(this).attr('href');
$.get(url, function(d){
$('#order-table div div:nth-child(2)').html($('.link-photo',d).html());
});
});
