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

diktator1

  • Осваиваюсь на форуме
  • 27
  • 0 / 0
Показ каталога ZOO. Позиции.
« : 02.08.2009, 12:48:29 »
Вопрос: есть каталог 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

  • Давно я тут
  • 936
  • 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) : ?>

А то у Вас линк используется раньше чем определен. Соответственно на первой картинке нет валидного линка, а на остальных картинках он от предыдущего прохода цикла.
Записан
С уважением,
Константин
http://www.cms-service.ru/
*

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 »
Цитата: Solvedor от 25.09.2009, 13:31:59
Но отображение получается какое-то кривое: картинка так и так остается справа от надписи. Что нужно исправить в том фрагменте который был выложен, чтобы картинка отцентрировалась?
В CSS смотрим. Надо задать заголовку выравнивание по центру.

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

Solvedor

  • Захожу иногда
  • 376
  • 33 / 0
  • Масенький Йожик
Re: Показ каталога ZOO. Позиции.
« Ответ #8 : 25.09.2009, 14:28:57 »
Цитата: KVT от 25.09.2009, 14:11:35
В 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 и цсс, буду очень благодарна!
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Сортировка каталога по комментариям и рейтингу.

Автор panasenko

 Ответов: 4
Просмотров: 1877 		Последний ответ 15.10.2013, 01:51:42
от шдш
[решение] Вывода каталога с названиями категорий с item'ами этих категорий - ZOO 1.1.6

Автор Шмайсер

 Ответов: 5
Просмотров: 4169 		Последний ответ 28.06.2010, 17:35:22
от Шмайсер
Дополнительные спецификации в описании позиции каталога

Автор Solvedor

 Ответов: 11
Просмотров: 2701 		Последний ответ 09.05.2010, 13:18:40
от igorksan
Проблема функционирования каталога на больших объемах

Автор KVT

 Ответов: 30
Просмотров: 8010 		Последний ответ 08.05.2010, 01:48:12
от dmytrodream
Вывод на главной всех категорий конкретного каталога - как?

Автор Шмайсер

 Ответов: 7
Просмотров: 1422 		Последний ответ 03.05.2010, 19:17:06
от delames