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

diktator1

  • Осваиваюсь на форуме
  • 27
  • 0 / 0
Вопрос: есть каталог ZOO, опубликованный компонент и 20 категорий в каталоге. Выводится следующим образом: сверху название категории снизу - Teaser Image (размером 100х100), местами название категории в 2 или 3 слова выводится в две строчки, и картинка слезает ниже.
Как сделать так чтобы название катгории было внизу?
Прикрепляю картинку.

*

Barkoff

  • Осваиваюсь на форуме
  • 12
  • 0 / 0
Re: Показ каталога ZOO. Позиции.
« Ответ #1 : 02.08.2009, 18:54:56 »
В папке с шаблоном ищите category.php и catalog.php, в них найдите место, отвечающее за вывод превьюх категорий и вот тут поменяйте местами строчки с тизером и названием категории.
*

diktator1

  • Осваиваюсь на форуме
  • 27
  • 0 / 0
Re: Показ каталога ZOO. Позиции.
« Ответ #2 : 02.08.2009, 22:56:48 »
Попробовал, получается,но есть один глобальный недочет: ссылка Teaser image смещается на следующую категорию.

Думаю всё будет понятно, привожу код:

Код
<?php if ($category) : ?>
<h2 class="name">
<?php $link = JRoute::_($this->link_base.'&view=category&category_id='.$category->id); ?>
<a href="<?php echo $link; ?>" title="<?php echo $category->getName(); ?>"><?php echo $category->getName(); ?></a>
<?php if ($this->item_count) echo '<span>('.$category->countItems().')</span>'; ?>
</h2>

<?php if ($image = $category->getTeaserImage()) : ?>
<a class="teaser-image" href="<?php echo $link; ?>" title="<?php echo $category->getName(); ?>">
<img src="<?php echo $image['src']; ?>" title="<?php echo $category->name; ?>" alt="<?php echo $category->name; ?>" <?php echo $image['width_height']; ?>/>
</a>
<?php endif; ?>

<?php if ($category->teaser_description) : ?>
<div class="description"><?php echo $category->teaser_description; ?></div>
<?php endif; ?>

<?php endif; ?>
*

PaLyCH

  • Давно я тут
  • 956
  • 146 / 19
  • Менеджер проектов
Re: Показ каталога ZOO. Позиции.
« Ответ #3 : 02.08.2009, 23:03:45 »
Замени на
Код: php
<?php if ($category) : ?>
<?php if ($image = $category->getTeaserImage()) : ?>
<a class="teaser-image" href="<?php echo $link; ?>" title="<?php echo $category->getName(); ?>">
<img src="<?php echo $image['src']; ?>" title="<?php echo $category->name; ?>" alt="<?php echo $category->name; ?>" <?php echo $image['width_height']; ?>/>
</a>
<?php endif; ?>

<h2 class="name">
<?php $link = JRoute::_($this->link_base.'&view=category&category_id='.$category->id); ?>
<a href="<?php echo $link; ?>" title="<?php echo $category->getName(); ?>"><?php echo $category->getName(); ?></a>
<?php if ($this->item_count) echo '<span>('.$category->countItems().')</span>'; ?>
</h2>

<?php if ($category->teaser_description) : ?>
<div class="description"><?php echo $category->teaser_description; ?></div>
<?php endif; ?>

<?php endif; ?>
*

diktator1

  • Осваиваюсь на форуме
  • 27
  • 0 / 0
Re: Показ каталога ZOO. Позиции.
« Ответ #4 : 02.08.2009, 23:56:52 »
Еще раз говорю, заменял, делал. Надпись действительно становится ниже картинки, но ссылка на самой картинке смещается вправо... т.е. есть у меня 2 категории: первая и вторая, сама ссылка надпись работает, а вот картинка над второй категорией делает ссылку на первую (третья на вторую и т.д.)
*

KVT

  • Захожу иногда
  • 98
  • 9 / 0
Re: Показ каталога ZOO. Позиции.
« Ответ #5 : 13.08.2009, 18:29:06 »
Вот эту строчку
Код
<?php $link = JRoute::_($this->link_base.'&view=category&category_id='.$category->id); ?>

Вынесите из тега H2 и поставьте сразу за строчкой
Код
<?php if ($category) : ?>

А то у Вас линк используется раньше чем определен. Соответственно на первой картинке нет валидного линка, а на остальных картинках он от предыдущего прохода цикла.
*

Solvedor

  • Захожу иногда
  • 376
  • 33 / 0
  • Масенький Йожик
Re: Показ каталога ZOO. Позиции.
« Ответ #6 : 25.09.2009, 13:31:59 »
Уважаемый PaLyCH! Я вот тоже сделал все, как было посоветовано. Но отображение получается какое-то кривое: картинка так и так остается справа от надписи. Что нужно исправить в том фрагменте который был выложен, чтобы картинка отцентрировалась?

[вложение удалено Администратором]
*

KVT

  • Захожу иногда
  • 98
  • 9 / 0
Re: Показ каталога ZOO. Позиции.
« Ответ #7 : 25.09.2009, 14:11:35 »
Но отображение получается какое-то кривое: картинка так и так остается справа от надписи. Что нужно исправить в том фрагменте который был выложен, чтобы картинка отцентрировалась?
В CSS смотрим. Надо задать заголовку выравнивание по центру.

OFFTOPIC: Я вот смотрю большинство людей, задающих здесь вопросы, не верно понимают что такое ZOO. Видно, что люди ждут почти волшебства, чтобы любые изменения в отображении каталога делались по любому изменению в административной панели. Между тем, ZOO это отличный конструктор, но все же конструктор, который при известном знании PHP, HTML и CSS позволяет творить чудеса. Например если добавили какой-то параметр в тип, то этот новый параметр нужно поддержать в шаблоне отображения и т.п.
За сим предостерегаю вас от завышенных ожиданий. :-)
*

Solvedor

  • Захожу иногда
  • 376
  • 33 / 0
  • Масенький Йожик
Re: Показ каталога ZOO. Позиции.
« Ответ #8 : 25.09.2009, 14:28:57 »
В CSS смотрим. Надо задать заголовку выравнивание по центру.
да я от него чудес-то особых и не жду. теперь о выравнивании по центру.
в цсс за вывод картинки отвечают 2 блока:
Код
div#yoo-zoo div.sub-categories a.teaser-image {
display: block;
margin: 10px 0px 0px 0px;
text-align: center;
и
Код
div#yoo-zoo div.items a.teaser-image {
display: block;
margin: 0px 15px 0px 0px;
float: left;
и в них ли проблема? а не в category.php?
*

Solvedor

  • Захожу иногда
  • 376
  • 33 / 0
  • Масенький Йожик
Re: Показ каталога ZOO. Позиции.
« Ответ #9 : 25.09.2009, 14:33:17 »
все. нашел.
изменения надо было внести в отображение текста.
было:
Код
div#yoo-zoo div.sub-categories h2.name {
margin: 0px;
font-size: 125%;
стало:
Код
div#yoo-zoo div.sub-categories h2.name {
margin: 10px 0px 0px;
font-size: 125%;
text-align: center;

результат - на картинке

спасибо за подсказку! +1

[вложение удалено Администратором]
« Последнее редактирование: 25.09.2009, 14:44:14 от Solvedor »
*

Iyulka

  • Новичок
  • 9
  • 0 / 0
Re: Показ каталога ZOO. Позиции.
« Ответ #10 : 31.05.2011, 07:44:02 »
Спасибо за интересную тему! Подскажите пожалуйста, пути к файлам- которых надо править - category.php и catalog.php и цсс, буду очень благодарна!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться