Форум русской поддержки Joomla!® CMS
05.12.2016, 14:36:57 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Вывод похожих материалов по тегу в несколько столбцов K2

 (Прочитано 1350 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Light_And_Dark
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 62


« : 07.12.2013, 22:36:13 »

Хочу вывести похожие материалы на странице материала вместе с картинками (заголовок + кратинка) в несколько столбцев, например 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
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 25


« Ответ #1 : 28.02.2014, 01:11:10 »

Возникла такая же проблема. Я решил ее очень просто: вместо списка, сделал таблицу. Изменил это:
Код:
<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
Новичок
*

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 3



« Ответ #2 : 10.08.2015, 18:00:36 »

Возникла такая же проблема. Я решил ее очень просто: вместо списка, сделал таблицу. Изменил это:
Код:
<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, 12:37:53 от lom-off » Записан
mean
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 6


« Ответ #3 : 17.08.2015, 16:04:20 »

Теперь вопрос, как сделать так, чтобы таблица росла не только в ширь, но и в высь, при увеличении количества похожих материалов по тегу?
есть решение вопроса?Azn
Записан
mean
Новичок
*

Репутация: +0/-0
Offline Offline

Сообщений: 6


« Ответ #4 : 21.08.2015, 17:04:23 »

помогло решение http://joomlaforum.ru/index.php?topic=192331.0
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet