3 replies to this topic

[Сердар]

Вопрос касается вывода стандартного элемента Related items (не авто) в несколько колонок. Темы, где эта тема поднималась уже закрыты, а решить задачу не удается полностью: http://forum.joomla-...85.html#msg9385 .
В шаблон related.php (\media\zoo\applications\jbuniversal\templates\catalog\renderer\item\product\) добавлен div с id="related1" (свойство related1 прописано в jbzoo.css (#related1 {float: left; width: 30%;})):

<?php
/**
 * JBZoo is universal CCK based Joomla! CMS and YooTheme Zoo component
 * @category   JBZoo
 * @author     smet.denis <admin@joomla-book.ru>
 * @copyright  Copyright (c) 2009-2012, Joomla-book.ru
 * @license    http://joomla-book.ru/info/disclaimer
 * @link       http://joomla-book.ru/projects/jbzoo JBZoo project page
 */
defined('_JEXEC') or die('Restricted access');


$align = $this->app->jbitem->getMediaAlign($item, $layout);
?>
<div id="related1">
<?php if ($this->checkPosition('image')) : ?>
    <div class="item-image align-<?php echo $align;?>">
        <?php echo $this->renderPosition('image');?>
    </div>
<?php endif; ?>
<div class="clear clr"></div>

<?php if ($this->checkPosition('title')) : ?>
    <h4 class="item-title"><?php echo $this->renderPosition('title'); ?></h4>
<?php endif; ?>
<div class="clear clr"></div>

<?php echo $this->renderPosition('rating', array('style' => 'block')); ?>

<ul><?php echo $this->renderPosition('properties', array('style' => 'list')); ?></ul>

<p><?php echo $this->renderPosition('links', array('style' => 'pipe')); ?></p>

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

Такая манипуляция приводит к тому, что колонки появляются, но съезжает вид нижележащего блока с related items auto. Это можно увидеть на этой странице: http://www.test.mos-...huj-k-t-10.html
Блок стандартного Related Items (не авто) располагается под строчкой С ТОВАРОМ ПОКУПАЮТ.
Понимаю, что дело в расстановке <div class="clear clr"></div>, но своими силами ничего сделать не удалось.
Помогите, пожалуйста, разобраться с этим вопросом. Уверен, тема может быть актуальна многим пользователям

[SmetDenis]

id="related1" - замените на класс. id должен быть один в документе.
Для деления по колонкам можно использовать готовые классы width33, width25, width50, width20

В итоге для деления по колонкам нужно
В шаблоне full обрамить вывод позиции с Related Items (не авто) классом "related-items".
Вместо id="related1" использовать class="rborder column width25"

<?php
echo '<div class="related-items">';
    echo $this->renderPosition('<POSITION NAME>');
    echo '<div class="clear clr"></div>';
echo '</div>';

[Сердар]

Спасибо за ответ!
1. В related.php заменяю id на вышеуказанный class="rborder column width25"

<?php
/**
 * JBZoo is universal CCK based Joomla! CMS and YooTheme Zoo component
 * @category   JBZoo
 * @author     smet.denis <admin@joomla-book.ru>
 * @copyright  Copyright (c) 2009-2012, Joomla-book.ru
 * @license    http://joomla-book.ru/info/disclaimer
 * @link       http://joomla-book.ru/projects/jbzoo JBZoo project page
 */
defined('_JEXEC') or die('Restricted access');
$align = $this->app->jbitem->getMediaAlign($item, $layout);
?>
<div class="rborder column width25">
<?php if ($this->checkPosition('image')) : ?>
    <div class="item-image align-<?php echo $align;?>">
        <?php echo $this->renderPosition('image');?>
    </div>
<?php endif; ?>
<div class="clear clr"></div>
<?php if ($this->checkPosition('title')) : ?>
    <h4 class="item-title"><?php echo $this->renderPosition('title'); ?></h4>
<?php endif; ?>
<div class="clear clr"></div>
<?php echo $this->renderPosition('rating', array('style' => 'block')); ?>
<ul><?php echo $this->renderPosition('properties', array('style' => 'list')); ?></ul>
<p><?php echo $this->renderPosition('links', array('style' => 'pipe')); ?></p>
<div class="clear clr"></div>
</div>

2. Использую тип Продукт (как на демо-сайта). В позиции Related шаблона Full располагаются Related items (не авто), ниже JBZOO Related Items:

Нужно ли в этом случае обрамлять вывод позиции классом "related-items"?
Меняю шаблон Full по следующему адресу (media/zoo/applications/jbuniversal/templates/catalog/renderer/item/product): в конце вижу такую строчку

<?php echo $this->renderPosition('related', array('style' => 'jbblock', 'labelTag' => 'h2', 'clear' => true)); ?>

Меняю на

<?php 
echo '<div class="related-items">';
	echo $this->renderPosition('related', array('style' => 'jbblock', 'labelTag' => 'h2', 'clear' => true));
	echo '<div class="clear clr"></div>';
echo '</div>'; ?>

Результат, к сожалению, не радует: http://www.test.mos-...uj-k-t-10.html. Наверняка напортачил в related.php или необходимо для related items (не авто) выделить свою отдельную позицию?

[SmetDenis]

Я бы вам посоветовал начать изучать CSS, т.к вижу явного не понимания, как работают стили в браузере.
Как никак это основа-основ сайтостроя.

Нужно ли в этом случае обрамлять вывод позиции классом "related-items"?

Конечно нужно.

Вам нужно сделать отдельные позиции для разных типов related items
И обрамить только "не авто".


Скорее всего для "не авто" нужно сделать отдельный шаблон - копию related