Сообщений в теме: 2

[YaОльга]

Добрый день! Подскажите, пожалуйста как сделать так, чтобы на странице товаров при наведении мышкой на фото товара можно было ее увеличить и посмотреть? Сейчас, чтобы увеличить фото приходится заходить в каждый товар и только там можно увеличить и посмотреть.

[Firefly]

YaОльга (27 Апрель 2017 - 11:05) писал:

Добрый день! Подскажите, пожалуйста как сделать так, чтобы на странице товаров при наведении мышкой на фото товара можно было ее увеличить и посмотреть? Сейчас, чтобы увеличить фото приходится заходить в каждый товар и только там можно увеличить и посмотреть.

Здравствуйте.
Извините за ожидание.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары, найдите код:

					 <div class="span12">
					 <a href="{goods.URL | url_amp}" title="{goods.NAME}">
					 <div class="product-image" style="background: url('{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=tech{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}') no-repeat center center; background-size: contain;">
					 </div>
					 </a>
					 </div>

Замените на:

					 <div class="span12">
					 <script>
					 $('.goodsImageZoom a').click(function(){
						 $(this).nyroModalManual({
						 formIndicator: 'ajax_q', // Value added when a form is sent
						 minWidth: 420, // Minimum width
						 minHeight: 150, // Minimum height
						 gallery: null // Gallery name if provided
						 });
						 return false;
					 });
					 </script>
					 <a href="{goods.URL | url_amp}" title="{goods.NAME}">
						 <div class="product-image goodsImageZoom"><a href="{goods.IMAGE_LARGE}" target="_blank"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=tech{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}"></a></div>
					 </a>
					 </div>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.products-grid .product-image { /*display:block; width:180px;*/ border:1px solid #E2E2E2; margin:0 0 10px; }

Замените на:

.products-grid .product-image {max-width:180px;border:1px solid #E2E2E2;margin:0 0 10px;max-height: 174px;overflow: hidden;}

[YaОльга]

Добрый вечер! Большое спасибо! Все получилось.