Опичсание Товара В Категории

Здравствуйте. Как в категориях перенести описание товаров наверх. Мне бы хотелось сделать дополнительную фотографию в описании категории, которая увеличивалась при наведении курсора как в карточках
Помогите пожалуйста

Mashenka (12 Октябрь 2016 - 13:38) писал:

Здравствуйте.
Чтобы перенести описание товаров.
В файле main.css найдите

.categories .item .cat-item {border: 1px solid #dddddd;border-bottom: 0;}

замените на

.categories .item .cat-item {border: 1px solid #dddddd; position: relative;}

далее найдите

.categories .item .title {font-size: 16px;float: left;width: 100%;max-height: 40px;text-align: center;color: #fff;font-weight: 600;padding: 10px;background-color: #18bd9c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

замените на

.categories .item .title {position: absolute; top: 0 ; left: 0; font-size: 16px;float: left;width: 100%;max-height: 40px;text-align: center;color: #fff;font-weight: 600;padding: 10px;background-color: #18bd9c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

Уточните,пожалуйста, дополнительная фотография должна будет располагаться поверх первой ?

Не получается перенести наверх

По поводу фотографии:
в каждой категории - описание, рядом с описанием фотография (в левом верхнем углу), которую можно увеличить (развернуть). Это нужно, чтобы можно было посмотреть фото всей категории. Еще мне бы хотелось, чтобы при наведении курсора, она увеличивалась (как в карточках товара)
Это можно как-нибудь сделать?

Mashenka (17 Октябрь 2016 - 14:20) писал:

Если я Вас правильно поняла, то Вам необходимо в шаблоне Товары найти блок  

<!-- Вывод всех видов описания категории -->
{% IF CATEGORY_DESCRIPTION || CATEGORY_SEO_DESCRIPTION_SHORT || CATEGORY_SEO_DESCRIPTION_LARGE %}
<div class="htmlDataBlock clear">
<div class="box-content">
	 <!-- Описание категории -->
	 {% IF CATEGORY_DESCRIPTION %}
	 <p>{CATEGORY_DESCRIPTION}</p>
	 {% ENDIF %}
	 <!-- Короткое SEO описание категории -->
	 {% IF CATEGORY_SEO_DESCRIPTION_SHORT %}
	 <p>{CATEGORY_SEO_DESCRIPTION_SHORT}</p>
	 {% ENDIF %}
	 <!-- Полное SEO описание категории -->
	 {% IF CATEGORY_SEO_DESCRIPTION_LARGE %}
	 <p>{CATEGORY_SEO_DESCRIPTION_LARGE}</p>
	 {% ENDIF %}
</div>
</div>
{% ENDIF %}
<!-- /END Вывод всех видов описания категории -->

вырезать его и вставить в самую первую строку данного шаблона. Что бы получилось как на скриншоте.

По поводу увеличения изображения прошу Вас немного подождать.

Получилось! Спасибо большое!
Вы мне поможете с фотографиями?

Mashenka (27 Октябрь 2016 - 09:27) писал:

Здравствуйте, если Вы хотите, что бы у Вас изображения в описание категории увеличивались, Вам необходимо добавить в код описания, через кнопку "Источник", код

<a class="category_img" href="ссылка на изображение"><img src="ссылка на изображение" style="width: 150px;" /></a>

где вставьте ссылки на Ваше изображение.
далее в шаблоне hTML найдите код

</head>

и перед данным кодом добавьте

<script>
	  $('.category_img').fancybox();
	</script>

спасибо