Добрый день! Подскажите, пожалуйста как сделать так, чтобы на странице товаров при наведении мышкой на фото товара можно было ее увеличить и посмотреть? Сейчас, чтобы увеличить фото приходится заходить в каждый товар и только там можно увеличить и посмотреть.
0
Помогите С Просмотром Фото Товара
Автор YaОльга, 27 апр. 2017 11:05
Сообщений в теме: 2
#1
Отправлено 27 Апрель 2017 - 11:05
#2
Отправлено 30 Апрель 2017 - 14:47
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;}
#3
Отправлено 30 Апрель 2017 - 20:45
Добрый вечер! Большое спасибо! Все получилось.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных