Перейти к содержимому


Как Сделать Категории Товаров В Каталоге По Три Штуки В Ряд?


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 velena168

velena168

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 11 Май 2011 - 14:03

Здравствуйте. Подскажите пожалуйста, как сделать категории товаров в каталоге по три штуки в ряд,а не по 4, и что-бы картинки были побольше?
Дело в том, что основных категорий, в отличии от подкатегорий, у меня не много и по 4 в ряд смотрятся не очень.
Спасибо.

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 12 Май 2011 - 05:23

Хм. можно попробовать изменить ширину блока <ul class="content_catalog_nested_categories">

т.е найти в шаблоне "Товары"

<ul class="content_catalog_nested_categories">

и заменить на

<ul class="content_catalog_nested_categories" style="width: 650px;">

можно пойти другим способом, и изменить данный блок на табличное отображение. т.е найти

<ul class="content_catalog_nested_categories">
		  {% FOR nested_categories_list %}
			<li>
			  <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div>
			  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a>
			</li>
		  {% ENDFOR %}
		</ul>

заменить на

<table>
		{% FOR nested_categories_list %}
		  <td class="goodsListItem">  
			<div class="goodsListItemBlock withBorder cornerAll">
			  <table class="goodsListItemImage">
				<tr>
				  <td>
					<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;"><img src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}" alt="{nested_categories_list.NAME}" /></a>
				  </td>
				</tr>
			  </table>
			  <h3 class="goodsListItemName"><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a></h3>
			</div>
		  </td>
		{nested_categories_list.index | is_divided("3","</tr><tr>","")}
		{% ENDFOR %}
	  </table>


#3 velena168

velena168

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 14 Май 2011 - 22:53

Спасибо, 2ой вариант отличный, только еще бы размер картинок увеличить, именно в основном каталоге, а не в подкатегориях.

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Май 2011 - 11:17

Хм. можно попробовать заменить размер изображения следующим образом
<img src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}" alt="{nested_categories_list.NAME}" />

Найти

IMAGE_MEDIUM

и поэкспериментировать с разными типами. Вот они

IMAGE_SMALL
IMAGE_MEDIUM
IMAGE_LARGE
IMAGE_OTHER

т.е менять тип, например так

<img src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{nested_categories_list.IMAGE_LARGE}{% ENDIF %}" alt="{nested_categories_list.NAME}" />

так же можно в администрировании изменять размер каждого из типов (Настройки->Основные->Изображения категорий)

#5 velena168

velena168

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 17 Май 2011 - 10:18

Просмотр сообщенияVaccina (15 Май 2011 - 11:17) писал:

Хм. можно попробовать заменить размер изображения следующим образом
<img src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}" alt="{nested_categories_list.NAME}" />

Найти

IMAGE_MEDIUM

и поэкспериментировать с разными типами. Вот они

IMAGE_SMALL
IMAGE_MEDIUM
IMAGE_LARGE
IMAGE_OTHER

т.е менять тип, например так

<img src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{nested_categories_list.IMAGE_LARGE}{% ENDIF %}" alt="{nested_categories_list.NAME}" />

так же можно в администрировании изменять размер каждого из типов (Настройки->Основные->Изображения категорий)


Спасибо, все получилось.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных