Как же все-таки вывести несколько (5-7) обьявлений на главную форума?

Добрый день!
Подкажите, возможно кто-то знает.
Как в новой категории"Объявления" выводить на главную страницу, 5-7 обьяв с миикартинкой, а не одно как в исходном коде. Получается много пустого места. Когда их больше, то более информативно и пользователь логично переходит в категорию, что бы все посмотреть.ТУТ
Заранее

1. В ПА > Общие > Категории и форумы жмете справа от раздела объявлений и в поле "Описание раздела" добавляете код контейнера, куда будут загружаться ссылки на пять последних объявлений.

Код:

<div class="AD_Row" id="newsareal1">
  
</div>

Сохраняете.

2. В ПА > Модули > Управление кодами Javascript создаете новый скрипт (подробнее о скриптах)

Название: объявления на главной
Расположение: на всех страницах
Код Javascript:

Код:

jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f10-forum ul.AD_Item:lt(5)");
});

где f10-forum — это индивидуальный адрес вашего раздела объявлений. Чтобы узнать его, откройте раздел объявлений, посмотрите адресную строку, скопируйте конец ссылки и подставьте в скрипт:



Потом сохраните.

3. В CSS добавьте:

Код:

#newsareal1 ul.AD_ListInline {
  background-color: #f5e4e4;
  border: 2px solid #b3881b;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

#newsareal1 ul.AD_ListInline:hover {
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
   transition: all 0.3s;
}

#newsareal1 .AD_TopImg {
  display: none;
  
}

#newsareal1 ul.AD_ListInline a.AD_Image {
  height: 50px;
  margin-left:5px;
}

Это базовое оформление. Его можно изменить по своему вкусу.

В результате должно получится так, как на первом скриншоте.

Dana Domirani, Вот что получилось
Хотелось бы как на 1ом рисунке. А тут немного не так. Видимо надо расширить контейнер и что бы не было дублирования в последних сообщениях. И как у Вас с прямоугольником НОВОЕ.

Иконка "Новое" появляется сама, при создании / редактировании объявления. Если Вы отредактируете любое из них и подтвердите изменения — появится иконка.

Вот этого дубля —



— у Вас вообще в норме быть не должно.

Пример с тестовика:

А как же мне этот дубль-апендикс убрать? Видимо из-за него произошло налезание на нижестоящий форум?

Посмотрите в шаблоне index_box (Главная страница - показ категорий)

Подозреваю, что у Вас продублирован фрагмент кода

Код:

<!-- BEGIN ads -->
 <span class="AD_LastPA">
                 <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                 <span class="AD_LastInfos">
                 <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                 {catrow.forumrow.ads.DATE}<br />
                 {catrow.forumrow.ads.LOCATION}
                 </span>
 </span>
<!-- END ads -->

Удалил этот код из шаблона. Результата нет, все так же осталось...

Alex75, почему же? Его теперь нет:



Почистите кеш браузера, пожалуйста (настройка > история > очистить историю — изображения и другие файлы, сохраненные в кеше — очистить)

Спасибо почистил. Но я хотел полностью расширить контейнер , игнорируя шапку таблицы. Тоесть как на странице самой категории. Возможно? И как устранить наползание имени автора объявления на название нижестоящего форума, в самом первос объявлении?

Можно вот так:



Для этого надо добавить в CSS

Код:

ul.topiclist.forums li.row:first-child dl dd + dd {
display: none;
}

ul.topiclist.forums li.row:first-child dl dd {
    width: 99%;
}

Обязательное условие: раздел с объявлениями должен оставаться первым в списке подфорумов.

Теперь все отлично. И даже цена под минифото встала, как я и хотел. Спасибо большое!!!
Тему можно закрывать.