Question

Здравствуйте.

Помогите пожалуйста корректно настроить отображение похожих материалов. Дело в том что у меня на сайте используется как вертикальные, так и горизонтальные картинки. Проблема в отображении вертикальных. Нашел только один способ решить данную проблему.

В виде походих материалов прописано :

<li class="related-news-view">
 <div class="nrv-image"><a href="$ENTRY_URL$"><div class="image-promo" style="background-image: url('<?if($IMG_SMALL_URL$)?>$IMG_SMALL_URL$<?else?>/images/noimg.jpg<?endif?>');"><img src="$IMG_SMALL_URL$"></div></a></div>
 <div class="nrv-title"><a href="$ENTRY_URL$">$TITLE$</a></div>
 <div class="nrv-text">$MESSAGE$</div>
</li>

Каталог файлов - Страница материалов и комментариев к нему (прописаны категории с вертикальными картинками)

 <div class="related-news-title">Вам будет интересно</div>
 <div class="related-news">
 <?if($CID$='10'||$CID$='1'||$CID$='33'||$CID$='34'||$CID$='38'||$CID$='28'||$CID$='24'||$CID$='40')?>
 <div class="related-news-full-height">
 <?endif?>
 <?$RELATED_ENTRIES$(6)?>
 <?if($CID$='10'||$CID$='1'||$CID$='33'||$CID$='34'||$CID$='38'||$CID$='28'||$CID$='24'||$CID$='40')?>
 </div>
 <?endif?>
 </div>
 

Так отображается если не ставить код выше (для всех материалов, вертикальные обрезаются)

https://warhammergames.ru/pic4article/p3.jpg

Так с кодом:

https://warhammergames.ru/pic4article/p2.jpg

А иногда получается так:

https://warhammergames.ru/pic4article/p1.jpg

В мобильное версии не показывается:

https://warhammergames.ru/pic4article/p4.jpg

Можно как то решить проблему показанную на последних 2х скриншотах?

Существует ли еще какой то способ отображения если используются разные картинки?

   Заранее спасибо 

Answer 1

На текущий момент отображается корректно http://joxi.ru/ZrJzVa1T96GN9r проблемы не вижу.

Comments

Павел Шведов,

Прочтите, что я вам в самом начале писал, просто отмените правки если вам так не подходит. Как говорил выше, проблема лишь в том, что у вас все фото разных размеров.

---

В $IMAGE1$ у меня фиксированно стоит 300х400 и я все их в каталоге файлов перезагружал заново

---

Вроде сейчас нормально, но не могу восставноить вид картинок

"Статья в тему"

и

"Случайная статья"

https://warhammergames.ru/primarkhi/khorus-luperkal

---

Если ставлю этот код

.image-promo {width: 100%;min-height: 160px;background-position:  center center;background-size:  cover;display: block;}

и высоту на 250 то увеличиваются картинки

"Статья в тему"

и

"Случайная статья"

https://warhammergames.ru/primarkhi/khorus-luperkal

Как сделать чтобы они не увеличивались?

---

Павел Шведов,

Верните все как было, как сделать я писал выше. Отмените все правки. Чтобы мы заменяли с начала вы увидите по всем сообщениям от первого и до последнего. И будет как раньше. Обратитесь к ребятам на https://upartner.pro или https://divly.ru/ и вам настроят все как вам хочется.