Показать сообщение отдельно
  #1 (permalink)  
Старый 20.10.2017, 18:06
Аспирант
Отправить личное сообщение для EvgenStor Посмотреть профиль Найти все сообщения от EvgenStor
 
Регистрация: 18.11.2013
Сообщений: 31

Как подгрузить картинку с другой страницы и вставить
Общими словами смысл такой, нужно в корзине товаров, добавить фото товарам у которых фото отсутствуют (отсутствует 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());
	
});
});
Ответить с цитированием