0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 2359 Просмотров
*

Light_And_Dark

  • Захожу иногда
  • 65
  • 0 / 0
Хочу вывести похожие материалы на странице материала вместе с картинками (заголовок + кратинка) в несколько столбцев, например 3 или 4 (в зависимости от отображения их на странице материала). Подскажите как это корректно сделать. Сама я пыталась (в принципе получилось с этим), но модули с права при этом уехали вниз. При испралении вывода я месняла теги li в выводе списка материалов на div. Пришлось вернуть первоначальнй вариант отображения, так как проблем с открытыми тегами я не нашла.
Код соответствующего куска кода в первоначальном фаиле:
Код
  <!-- Related items by tag -->
<div class="itemRelated">
<h3><?php echo JText::_("K2_RELATED_ITEMS_BY_TAG"); ?></h3>
<ul>
<?php foreach($this->relatedItems as $key=>$item): ?>
<li class="<?php echo ($key%2)? "odd" : "even"; ?>">

<?php if($this->item->params->get('itemRelatedTitle', 1)): ?>
<a class="itemRelTitle" href="<?php echo $item->link ?>"><?php echo $item->title; ?></a>
<?php endif; ?>

<?php if($this->item->params->get('itemRelatedCategory')): ?>
<div class="itemRelCat"><?php echo JText::_("K2_IN"); ?> <a href="<?php echo $item->category->link ?>"><?php echo $item->category->name; ?></a></div>
<?php endif; ?>

<?php if($this->item->params->get('itemRelatedAuthor')): ?>
<div class="itemRelAuthor"><?php echo JText::_("K2_BY"); ?> <a rel="author" href="<?php echo $item->author->link; ?>"><?php echo $item->author->name; ?></a></div>
<?php endif; ?>

<?php if($this->item->params->get('itemRelatedImageSize')): ?>
<img style="width:<?php echo $item->imageWidth; ?>px;height:auto;" class="itemRelImg" src="<?php echo $item->image; ?>" alt="<?php K2HelperUtilities::cleanHtml($item->title); ?>" />
<?php endif; ?>

<?php if($this->item->params->get('itemRelatedIntrotext')): ?>
<div class="itemRelIntrotext"><?php echo $item->introtext; ?></div>
<?php endif; ?>

<?php if($this->item->params->get('itemRelatedFulltext')): ?>
<div class="itemRelFulltext"><?php echo $item->fulltext; ?></div>
<?php endif; ?>

<?php if($this->item->params->get('itemRelatedMedia')): ?>
<?php if($item->videoType=='embedded'): ?>
<div class="itemRelMediaEmbedded"><?php echo $item->video; ?></div>
<?php else: ?>
<div class="itemRelMedia"><?php echo $item->video; ?></div>
<?php endif; ?>
<?php endif; ?>

<?php if($this->item->params->get('itemRelatedImageGallery')): ?>
<div class="itemRelImageGallery"><?php echo $item->gallery; ?></div>
<?php endif; ?>
</li>
<?php endforeach; ?>
<li class="clr"></li>
</ul>
<div class="clr"></div>
</div>
<?php endif; ?>

<div class="clr"></div>


А кусок CSS фаила:
Код
/* Related by tag */
div.itemRelated {margin-bottom:16px;padding:0;} /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */
div.itemRelatedcolumn {float:left; width:30%; /* ширина задается в зависимости от padding */ padding:4px;}
div.itemRelated h3 {}
div.itemRelated ul {}
div.itemRelated ul li {}
div.itemRelated ul li.k2ScrollerElement {float:left;overflow:hidden;border:1px solid #ccc;padding:4px;margin:0 4px 4px 0;background:#fff;} /* you need to insert this class in the related li element in item.php for this styling to take effect */
div.itemRelated ul li.clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;}
a.itemRelTitle {}
div.itemRelCat {}
div.itemRelCat a {}
div.itemRelAuthor {}
div.itemRelAuthor a {}
img.itemRelImg {}
div.itemRelIntrotext {}
div.itemRelFulltext {}
div.itemRelMedia {}
div.itemRelImageGallery {}
*

qRock

  • Осваиваюсь на форуме
  • 25
  • 1 / 0
Возникла такая же проблема. Я решил ее очень просто: вместо списка, сделал таблицу. Изменил это:
Код
		<ul>
<?php foreach($this->relatedItems as $key=>$item): ?>
<li class="<?php echo ($key%2)? "odd" : "even"; ?>">
...
</li>
<?php endforeach; ?>
<li class="clr"></li>
</ul>

На это:
Код
		<table>
<?php foreach($this->relatedItems as $key=>$item): ?>
<td class="<?php echo ($key%2)? "odd" : "even"; ?>">
...
</td>
<?php endforeach; ?>
<li class="clr"></li>
</table>

Все вышло очень хорошо.
*

lom-off

  • Новичок
  • 3
  • 0 / 0
Возникла такая же проблема. Я решил ее очень просто: вместо списка, сделал таблицу. Изменил это:
Код
		<ul>
<?php foreach($this->relatedItems as $key=>$item): ?>
<li class="<?php echo ($key%2)? "odd" : "even"; ?>">
...
</li>
<?php endforeach; ?>
<li class="clr"></li>
</ul>

На это:
Код
		<table>
<?php foreach($this->relatedItems as $key=>$item): ?>
<td class="<?php echo ($key%2)? "odd" : "even"; ?>">
...
</td>
<?php endforeach; ?>
<li class="clr"></li>
</table>

Все вышло очень хорошо.

Большое спасибо!
Действительно довольно хорошо смотрится.
Не подскажите, как к выводимым заголовкам ещё и миниатюры добавить?

UPD:
С миниатюрами разобрался =)
Теперь вопрос, как сделать так, чтобы таблица росла не только в ширь, но и в высь, при увеличении количества похожих материалов по тегу?
« Последнее редактирование: 11.08.2015, 11:37:53 от lom-off »
*

mean

  • Новичок
  • 9
  • 0 / 0
Теперь вопрос, как сделать так, чтобы таблица росла не только в ширь, но и в высь, при увеличении количества похожих материалов по тегу?
есть решение вопроса?:)
*

mean

  • Новичок
  • 9
  • 0 / 0
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться