Question

У меня есть сайт http://gamerkz.tk/# и вот на странице материалов стоит краткое описание но постера нету только рамка и внутри пусто я пробовал все шаблоны которые меняют вид материала и везде $IMAGE_URL$ и если я ставлю url картинки то на всех материалах одна и та же картинкак как можно сделать чтоб которые я уже материалы залил стали показывать постер .

Answer 1

В том случае если вы крепите изображение с помощью доп поля - Изображения:

Для отображения постера первого изображения по счету которое крепите в виде материалов модуля - Каталог файлов нужно установить подобный код(условие):

<?if($IMG_URL1$)?><a href="$ENTRY_URL$"><img src="$IMG_URL1$" title="$TITLE$" width="100" height="100"></a><?else?><img src="ссылка на изображение если изображения к материалу нет" width="100" height="100"><?endif?>

параметры width и height это ширина и высота изображения меняем все под себя.

Comments

а точнее я должен когда добавляю материал изображения вставлять?

---

1. Данный код, что выше, нужно вставить перейдя в Панель управления - Главная - Каталог файлов - Управление дизайном модуля - Вид материалов.
2. Вот в виде материалов в соответствующее место ставим данное условие.
3. После при добавлении материалов если вы воспользовались доп полем - Изображения и прикрепили изображение, то оно автоматически будет отображаться в материале с кратким описанием и так добавляем к каждому материалу.
4. При добавлении материала код на подобии - $IMAGE1$ и следующие $IMAGE2$ - $IMAGE3$ итд вставляем между текста в материале если вы крепите много изображений.

---

Ну ладно окей постер поставился вот только под размер не подходит картинка не влазит в постер как можно чтоб он уменшал автоматически

---

Вот сам код его я ставлю в вид материалов


<div style="float:left;width:24%">  
  <center>  
  <a href="$ENTRY_URL$" ><img style="background: url('$IMG_URL1$'); width: 78px; height: 78px; border: 3px solid #d4d4d4; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;"></a>  
  <div style="padding:4px;"></div>  
  <a href="$ENTRY_URL$" class="EntryTitle"><?if(len($TITLE$)>17)?><?substr($TITLE$,0,17)?>...<?else?>$TITLE$<?endif?></a>  
  <div style="padding:3px;"></div>  
  <a class="EntryCat34" href="$CATEGORY_URL$">$CATEGORY_NAME$</a>  
  <div style="padding:3px;"></div>  
  <?$RSTARS$('16','/images/rating_star_12.png','1','int')?>  
  <div style="padding:4px;"></div>  
  <a href="$ENTRY_URL$" class="buy-button">Подробнее</a>  
  </center>  
  <div style="padding:5px;"></div>  
  <div style="border-bottom: 1px solid #ddd; margin: 5px -5px 0 -5px;"></div>  
  <div style="padding:5px;"></div>  
  </div>  
  <style>  
  a.buy-button:hover {  
  text-color: #fff;  
  background-color: #2ac7e1;  
  }  
  a.buy-button {  
  color: #fff;  
  background-color: #a5a5a5;  
  border: 1px solid #ccc;  
  display: inline-block;  
  padding: 3px 7px;  
  }  
  a.buy-button, a.buy-button:visited {  
  color: #fff;  
  cursor: pointer;  
  font-size: 11px;  
  line-height: 1em;  
  text-transform: uppercase;}  
  a.EntryTitle:link, a.EntryTitle:active, a.EntryTitle:visited {text-decoration:none; color:#000; text-shadow:#fff 0px 1px 0px;font-size:11px; font-weight:bold;}  
  a.EntryTitle:hover {text-decoration:underline; color:#000; text-shadow:#fff 0px 1px 0px;}  
  a.EntryCat34:link, a.EntryCat34:active, a.EntryCat34:visited {text-decoration:none; color:#9d9d9d; text-shadow:#fff 0px 1px 0px;font-size:10px;}  
  a.EntryCat34:hover {text-decoration:underline; color:#9d9d9d; text-shadow:#fff 0px 1px 0px;}  
  </style>

---

У вас просто 4 колонки не походит по ширине, вам нужно в виде материалов код:
<div style="float:left;width:24%">  
заменить на:
<div style="float:left;width:32%">  
И будет 3 колонки и смотреться будет хорошо

Либо оставить 4 колонки, но размер изображений уменьшить в условии, у вас сейчас стоит вот так:
 <a href="$ENTRY_URL$" ><img style="background: url('$IMG_URL1$'); width: 200px; height: 200px; border: 3px solid #d4d4d4; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;"></a>

То есть, что ширина, что высота у вас по 200 - width: 200px; height: 200px; попробуйте менять на 150 итд

---

Все спасибо я сделал колонки теперь мне авторазмер картинки надо самое главное потомучто картинки в постер не влазиют и смотрится не красиво посмотрите сами мне бы код чтобы он автоматически картинку сжимал под размер и кстати 150px поставил все равно изображение не изменилось