[Решено] Как отобразить Похожие материалы (по тегу) в две колонки?

  • 9 Ответов
  • 2358 Просмотров

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

*

kisBoss

  • Завсегдатай
  • *****
  • 438
  • 36
  • ник Tobol
Подскажите, как сделать вывод "Похожие материалы (по тегу)" на странице материала в две колонки?
Вот код отвечающий за вывод "Похожих материалов из файла item.php
Код: php
<?php if($this->item->params->get('itemRelated') && isset($this->relatedItems)): ?>
  <!-- Related items by tag -->
<div class="itemRelated">
<h4><?php echo JText::_("Похожие книги"); ?></h4>
<?php foreach($this->relatedItems as $key=>$item): ?>

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

<?php if($this->item->params->get('itemRelatedTitle', 1)): ?>
<a class="itemRelTitle" href="<?php echo $item->link ?>"><?php echo $item->title; ?></a>
<?php endif; ?>
</br>
<?php if($extrafields[8]): ?>
<?php echo JText::_('<b>Автор книги:&nbsp;</b>'); ?>
<?php echo $extrafields[8];?>
<?php endif; ?>
<?php if($extrafields[4]): ?>
<div class="fields1">
<?php echo JText::_('<b>Год:&nbsp;</b>'); ?>
<?php echo $extrafields[4];?>
</div>
<?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; ?>
</br></br>
<?php endforeach; ?>
<li class="clr"></li>
<div class="clr"></div>
</div>
<?php endif; ?>

А это CSS файл
Код: 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.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 {padding:0 10px 0 10px;}
div.itemRelIntrotext {}
div.itemRelFulltext {}
div.itemRelMedia {}
div.itemRelImageGallery {}
« Последнее редактирование: 06.11.2012, 17:24:58 от smart »
Если помог - поставте "плюс". Вам ничего не стоит, а мне приятно.

*

effrit

  • Группа развития
  • *****
  • 7443
  • 815
  • effrit.com
т.к это не просто текстовой список, то придётся немного код править.
логика такая:
а) меняем строку <?php foreach($this->relatedItems as $key=>$item): ?> на
Код: php
<div class='first_div'>
<?php
$my_count=0;
foreach($this->relatedItems as $key=>$item):
$my_count++;
if ($my_count>count($this->relatedItems)/2){
echo "</div><div class='first_div'>";
$my_count=-100;
}
?>

б) внизу, после
Код: php
<?php endforeach; ?>
вставить закрывающий </div>

не программер, но логика вроде правильная, делал что-то подобное уже.
если всё правильно, то в коде появятся два div'a, дальше - оформляем вывод в два столбца через CSS

*

kisBoss

  • Завсегдатай
  • *****
  • 438
  • 36
  • ник Tobol
+ Спасибо огромно! Все получилось.
Если кому нужно будет в файле k2.css встроке
Код: css
/* Related by tag */
вставил следующее
Код: css
div.first_div {float:left;    width:48%; /* ширина задается в зависимости от padding */    padding:4px;}
« Последнее редактирование: 06.11.2012, 17:25:55 от smart »
Если помог - поставте "плюс". Вам ничего не стоит, а мне приятно.

*

StyleRocket

  • Завсегдатай
  • *****
  • 567
  • 1
Ребят, хочу сделать две колонки списка отзывов, приписываю в CSS width:49% блок принимает соответствующий вид, но ничего не происходит.
прописываю float:left; цепляется border:  все плывет

*

kisBoss

  • Завсегдатай
  • *****
  • 438
  • 36
  • ник Tobol
Вы про комментарии что ли?
Если помог - поставте "плюс". Вам ничего не стоит, а мне приятно.

*

StyleRocket

  • Завсегдатай
  • *****
  • 567
  • 1
Гостевая книга от Phoca.
Вроде получается, но цепляет и навигации, и выбор количества отзывов на странице снизу...ничего не понимаю...может посмотрите

*

kisBoss

  • Завсегдатай
  • *****
  • 438
  • 36
  • ник Tobol
Посмотрите, возможно в коде где то нет закрывающего тега </div>.
Дайте ссылку.
Если помог - поставте "плюс". Вам ничего не стоит, а мне приятно.

*

StyleRocket

  • Завсегдатай
  • *****
  • 567
  • 1
Посмотрите, возможно в коде где то нет закрывающего тега </div>.
Дайте ссылку.
Я отправлял вам ссылку, вы не посмотрели?!

*

kisBoss

  • Завсегдатай
  • *****
  • 438
  • 36
  • ник Tobol
Поймите, такие вопросы нужно задавать в разделе форума Phoca. Компонент к2 тут не причем. Мне, чтобы разобраться нужно устанавливать этот компонент и настраивать по Вашему. Сами понимаете, что это очень муторная работа. И вообще не понятно, что Вас там не устраивает и чего хотите добиться. По мне вполне профессионально выполненный сайт у которого все на своих местах.
« Последнее редактирование: 12.11.2012, 01:22:40 от kisBoss »
Если помог - поставте "плюс". Вам ничего не стоит, а мне приятно.

*

arturio12

  • Новичок
  • *
  • 6
  • 0
Добрый день!
Подскажите пожалуйста код, нужно 4 колонки!
Заранее огромное спасибо за ответ!