Как сделать так чтоб превью-картинки отображались в объявлении каталога объявлений?

Question

Здравствуйте. У меня вопрос который я сам не могу решить... Я делаю сайт по тематике аренда продажа коммерческой недвижимости, и не могу понять как в доске объявлений при добавлении изображения или скриншота, выводилось как тут например: http://yarsk24.ru/board/12 или http://xn--24--hddjfjpb4bet3bo4m.xn--p1ai/commercial или http://xn--24--hddjfjpb4bet3bo4m.xn--p1ai/obyavlenie.html ... На сайте буду размещаться в основном я, но скорее всего будут и зарегистрированные собственники помещений. Помогите пожалуйста разобраться!))

Yuri_Geruk · Answer 1 · 2016-01-08T08:49:30Z

Лучший ответ

Делается это легко, в виде материалов модуля Доска Объявлений размешаем в нужно месте где должно отображаться главное фото вот такое условие:

<?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_SMALL_URL1$" alt="$TITLE$" /></a><?endif?>

код IMG_SMALL_URL1$ выведет демо фото, а код IMG_URL1$ откроет оригинал при нажатии.

08.01.2016 | Автор: Yuri_Geruk

Выбор ответа лучшим | 08.01.2016 | Автор: denkovalev

Спасибо большое. Получилось так:

Но хотелось бы чтобы текст был справа от превьюшки, соответственно с отступом, как здесь:

и нужно чтоб превьюшки были одинаковые (желательно 100-120 px/), то есть либо выравнивание их по высоте, либо по ширине, так как оригинальные фото изначально могут быть разного размера. Сможете помочь и показать куда правильно надо вставить код в виде материалов? Вот оригинальный код без вставок:

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
<?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">

<?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_SMALL_URL1$" alt="$TITLE$" /></a><?endif?>

$MESSAGE$

</div><?endif?><div class="eDetails" style="clear:both;">
<?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?>
<?if($CATEGORY_NAME$)?><a class="e-category" href="$CATEGORY_URL$">$CATEGORY_NAME$</a><span class="ed-sep"> | </span><?endif?>
<span class="e-reads"><span class="ed-title">Просмотров:</span> <span class="ed-value">$READS$</span></span><span class="ed-sep"> | </span>
<span class="e-date"><span class="ed-title">Дата:</span> <span class="ed-value" title="$TIME$">$DATE$</span></span>
<?if($COMMENTS_URL$)?><span class="ed-sep"> | </span><a class="e-comments" href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a><?endif?>
</div></td></tr></table><br />

08.01.2016 | Автор: denkovalev

denkovalev,

отредактировал ваше сообщение, код должен выглядеть вот так, произведете замену, после отпишитесь далее уже будет совет как правильно все сделать и какие стили дописать

08.01.2016 | Автор: Yuri_Geruk

Yuri_Geruk,

Поменял. Получилось так:

появился отступ, то есть картинка ушла вправо. нужно чтобы отступа не было. Кстати спасибо за ваши ответы и помощь))

08.01.2016 | Автор: denkovalev

denkovalev,

Все правильно, перейдите в стили строка номер 106:

.eMessage {text-align:justify;padding:10px !important;margin-left:50px;}

которые замените на:

.eMessage img {float:left; margin:0 5px}
.eMessage {text-align:justify;padding:0 3px !important;}

после все будет как вы хотите.

08.01.2016 | Автор: Yuri_Geruk

denkovalev,

чтобы все фото были одинаковы по размерах, замените стили выше

.eMessage img {float:left; margin:0 5px}

на:

.eMessage img {float:left;width: 100px;margin:0 5px}

08.01.2016 | Автор: Yuri_Geruk

Yuri_Geruk,

Спасибо большое))) Я так и хотел. Еще вопросик.. Как вывести фильтр в доску объявлений (фильтр есть и все значения прописаны), как тут:

08.01.2016 | Автор: denkovalev

denkovalev,

Для вывода фильтров, нужно в шаблонах страницы раздела и страницы категории модуля, найти подобный код:

<hr />
<?if($SORTING_MENU$)?><!--<s5221>-->Сортировать по<!--</s>-->: $SORTING_MENU$<hr /><?endif?>

который заменить на:

<hr />
$FILTER3_MENU$ $FILTER1_MENU$ $FILTER2_MENU$
<hr />
<?if($SORTING_MENU$)?><!--<s5221>-->Сортировать по<!--</s>-->: $SORTING_MENU$<hr /><?endif?>

после созданные фильтры будут работать, они работают лишь на страницах раздела и категории.

08.01.2016 | Автор: Yuri_Geruk

Yuri_Geruk,

Модуль доска объявлений-страница со списком материалов раздела, такого кода нет: вот оригинал кода

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>$SECTION_NAME$ - $MODULE_NAME$ - $SITE_NAME$</title>
<?$META_DESCRIPTION$?>
<?$META_KEYWORDS$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>

<body>
$ADMIN_BAR$
<div id="contanier"><div id="contentBlock">
$GLOBAL_AHEADER$

<table class="bigTable">
<tr>
<td class="subColumn">

<?if($SMENU_1$)?>
<table class="boxTable"><tr><td class="boxContent">$SMENU_1$</td></tr></table>
<?endif?>

$GLOBAL_CLEFTER$
</td>
<td class="centerColumn">
<div id="textBlock">
<?if($MODULE_NAME$)?><h1>$MODULE_NAME$</h1><?endif?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="80%"><a href="$HOME_PAGE_LINK$">Главная</a> » <a href="$MODULE_URL$">Доска объявлений</a> » $SECTION_NAME$</td>
<td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$">Добавить объявление</a> ]<?endif?> </td>
</tr>
</table>
<hr />
$CATEGORIES$
<hr />
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="60%">В разделе объявлений: <b>$NUM_ENTRIES$</b><?if($NUM_SHOWN$)?><br />Показано объявлений: <b>$NUM_SHOWN$</b><?endif?></td>
<td align="right"><?if($PAGE_SELECTOR$)?>Страницы: $PAGE_SELECTOR$<?endif?></td>
</tr>
</table>
<hr />
$FILTER3_MENU$ $FILTER1_MENU$ $FILTER2_MENU$
<hr />
<?if($SORTING_MENU$)?>Сортировать по: $SORTING_MENU$<hr /><?endif?>
$BODY$
<?if($PAGE_SELECTOR1$)?><div style="text-align:center;">$PAGE_SELECTOR1$</div><?endif?>
</div>
</td>
<?if(!$HIDE_CRIGHTER$)?>
<td class="subColumn">
$GLOBAL_DRIGHTER$
</td>
<?endif?>
</tr>
</table>

$GLOBAL_BFOOTER$
</div></div>
</body>

</html>

А в Модуль доска объявлений-страница со списком материалов категорий, такой код есть, но я поменял, сохранил и ничего не изменилось.. оригинальный код:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>$CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title>
<?$META_DESCRIPTION$?>
<?$META_KEYWORDS$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>

<body>
$ADMIN_BAR$
<div id="contanier"><div id="contentBlock">
$GLOBAL_AHEADER$

<table class="bigTable">
<tr>
<td class="subColumn">

<?if($SMENU_1$)?>
<table class="boxTable"><tr><td class="boxContent">$SMENU_1$</td></tr></table>
<?endif?>

$GLOBAL_CLEFTER$
</td>
<td class="centerColumn">
<div id="textBlock">
<?if($MODULE_NAME$)?><h1>$MODULE_NAME$</h1><?endif?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="80%"><a href="$HOME_PAGE_LINK$">Главная</a> » <a href="$MODULE_URL$">Доска объявлений</a> <?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » $CAT_NAME$</td>
<td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$">Добавить объявление</a> ]<?endif?></td>
</tr>
</table>
<hr />
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="60%">В категории объявлений: <b>$NUM_ENTRIES$</b><?if($NUM_SHOWN$)?><br />Показано объявлений: <b>$NUM_SHOWN$</b><?endif?></td>
<td align="right"><?if($PAGE_SELECTOR$)?>Страницы: $PAGE_SELECTOR$<?endif?></td>
</tr>
</table>
<hr />
$FILTER3_MENU$ $FILTER1_MENU$ $FILTER2_MENU$
<hr />
$FILTER3_MENU$ $FILTER1_MENU$ $FILTER2_MENU$
<hr />
<?if($SORTING_MENU$)?>Сортировать по: $SORTING_MENU$<hr /><?endif?>
$BODY$
<?if($PAGE_SELECTOR1$)?><div style="text-align:center;">$PAGE_SELECTOR1$</div><?endif?>
</div>
</td>
<?if(!$HIDE_CRIGHTER$)?>
<td class="subColumn">
$GLOBAL_DRIGHTER$
</td>
<?endif?>
</tr>
</table>

$GLOBAL_BFOOTER$
</div></div>
</body>

</html>

08.01.2016 | Автор: denkovalev

denkovalev,

выделил где красным удалить и зеленое добавить, чтобы фильтры работали, они должны быть активны в настройках модуля - http://an-mercury.ucoz.com/panel/?a=board;l=filter

Предоставьте скриншот с этой страницы по ссылке выше

08.01.2016 | Автор: Yuri_Geruk

denkovalev,

Кстати почему при смене шаблона, в доске объявлений текст уходит вниз а не начинается сверху сразу справа от картинки? Скажите пожалуйста, где научиться менять значения кода, чтобы было как в шаблоне №844 ? Это тот шаблон на катором мы делали изначально, подгоняли картинку и текст в модуле доска объявлений. Заранее спасибо)

08.01.2016 | Автор: denkovalev

denkovalev,

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

08.01.2016 | Автор: Yuri_Geruk

Yuri_Geruk,

Фильтры активны

08.01.2016 | Автор: denkovalev

denkovalev,

здесь - http://an-mercury.ucoz.com/board/prodazha_kommercheskoj_nedvizhimosti/6 фильтры работают

08.01.2016 | Автор: Yuri_Geruk

Yuri_Geruk,

По этой ссылке http://an-mercury.ucoz.com/board/prodazha_kommercheskoj_nedvizhimosti/6 фильтров нет к сожалению((

Кстати если можете, скиньте мне ваш номер телефона, я вам хотя бы 100 р закину, хоть немного отблагодарю за вашу помощь)))

08.01.2016 | Автор: denkovalev

denkovalev,

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

08.01.2016 | Автор: Yuri_Geruk

Как сделать так чтоб превью-картинки отображались в объявлении каталога объявлений?

Ответов: 1

О нас

Помощь

Правовая информация

Проекты

Похожие вопросы

uCoz в соц. сетях

Как сделать так чтоб превью-картинки отображались в объявлении каталога объявлений?

Ответов: 1

О нас

Помощь

Правовая информация

Проекты