Увеличение Фотографий
#1
Отправлено 28 Сентябрь 2015 - 15:16
Помогите сделать увеличение изображения когда наводишь курсор мышки на фотографию, кажется зумер называется. Буду очень благодарен.
#2
Отправлено 29 Сентябрь 2015 - 04:11
#3
#4
Отправлено 29 Сентябрь 2015 - 22:54
#5
Отправлено 30 Сентябрь 2015 - 17:06
#6
Отправлено 01 Октябрь 2015 - 03:59
Vovan (29 Сентябрь 2015 - 17:54) писал:
$('.general-img a').hover(function() { $(this).trigger('click'); });
#7
Отправлено 01 Октябрь 2015 - 18:04
Vaccina (01 Октябрь 2015 - 03:59) писал:
$('.general-img a').hover(function() { $(this).trigger('click'); });
вставил, но ничего не изменилось. Фотография увеличивается по обычному.
#8
Отправлено 02 Октябрь 2015 - 02:10
Vaccina (01 Октябрь 2015 - 03:59) писал:
Вы не выполнили данный пункт, у вас остался код от старой релизации, необходимо отменить данные действия, чтобы для начала заработала старая стандартная функция увеличения фото товара.
#9
Отправлено 02 Октябрь 2015 - 03:03
Vaccina (02 Октябрь 2015 - 02:10) писал:
Вы не выполнили данный пункт, у вас остался код от старой релизации, необходимо отменить данные действия, чтобы для начала заработала старая стандартная функция увеличения фото товара.
вроде сейчас все удалил от старой реализации. Так вставлять код в шаблон main.js или в шаблон "товар" ? И еще вопрос, у меня на счету 350 руб., но сайт не работает. Такое было только при отсутствии денег на счету.
#10
Отправлено 02 Октябрь 2015 - 03:34
Вам необходимо отменить все изменения по инструкции из поста #2, чтобы стандартное всплывающее окно при клике заработало.
Код из поста #6 оставьте также в конце main.js
Уточните пожалуйста, что именно у вас не работает в магазине? Баланс у вас положительный, если бы был заблокирован, то вас бы уведомили.
#11
Отправлено 02 Октябрь 2015 - 10:50
Vaccina (02 Октябрь 2015 - 03:34) писал:
Вам необходимо отменить все изменения по инструкции из поста #2, чтобы стандартное всплывающее окно при клике заработало.
Код из поста #6 оставьте также в конце main.js
Уточните пожалуйста, что именно у вас не работает в магазине? Баланс у вас положительный, если бы был заблокирован, то вас бы уведомили.
сделал все как вы сказали, удалил старую реализацию, и поставил этот код, но у меня теперь фотографии увеличиваются в новом окне. И ничего не работает, не нажимается на условия доставки, в корзину, быстрый заказ, все тоже самое как и при заблокированном сайте
#12
Отправлено 02 Октябрь 2015 - 11:08
#13
Отправлено 03 Октябрь 2015 - 00:28
<script> $('.general-img a').hover(function() { $(this).trigger('click'); }); </script>
А в main.js удалите:
$('.general-img a').hover(function() { $(this).trigger('click'); });
Как результат, при наведении на фото товара будет появляться галерея фото.
#14
Отправлено 03 Октябрь 2015 - 02:23
Vaccina (03 Октябрь 2015 - 00:28) писал:
<script> $('.general-img a').hover(function() { $(this).trigger('click'); }); </script>
А в main.js удалите:
$('.general-img a').hover(function() { $(this).trigger('click'); });
Как результат, при наведении на фото товара будет появляться галерея фото.
все классно, все получилось, но хочется увеличение фотографий как на сайте http://mekka.su/men/...al-orange-royal
#15
Отправлено 04 Октябрь 2015 - 16:57
#16
Отправлено 05 Октябрь 2015 - 10:41
#17
Отправлено 05 Октябрь 2015 - 11:14
Vovan (05 Октябрь 2015 - 10:41) писал:
Попробуйте сделать бэкап, далее отменить изменения выше.
Далее загрузите файлы из приложенного архива в раздел Сайт - Редактор шаблонов. В шаблоне HTML перед </head> добавьте:
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}cloud-zoom.css"> <script type="text/javascript" src="{ASSETS_JS_PATH}cloud-zoom.1.0.2.min.js"></script>
Теперь в карточке товара найдите код:
<div class="general-img popup-gallery"> {% IF GOODS_IMAGE_EMPTY %} <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=azure" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/> {% ELSE %} <a href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}"> <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" class="goods-image-medium" /> </a>
и замените его на:
<div class="general-img popup-gallery"> {% IF GOODS_IMAGE_EMPTY %} <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=spring" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail .goods-image-medium "/> {% ELSE %} <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" class="cloud-zoom " id="zoom1" rel="position: 'inside', showTitle: false, adjustX:-4, adjustY:-4" style="position: relative; display: block;"> <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" style="display: block;" class=".goods-image-medium" /> </a> {% ENDIF %} </div>
#18
Отправлено 05 Октябрь 2015 - 12:35
MikDark (05 Октябрь 2015 - 11:14) писал:
Далее загрузите файлы из приложенного архива в раздел Сайт - Редактор шаблонов. В шаблоне HTML перед </head> добавьте:
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}cloud-zoom.css"> <script type="text/javascript" src="{ASSETS_JS_PATH}cloud-zoom.1.0.2.min.js"></script>
Теперь в карточке товара найдите код:
<div class="general-img popup-gallery"> {% IF GOODS_IMAGE_EMPTY %} <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=azure" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/> {% ELSE %} <a href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}"> <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" class="goods-image-medium" /> </a>
и замените его на:
<div class="general-img popup-gallery"> {% IF GOODS_IMAGE_EMPTY %} <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=spring" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail .goods-image-medium "/> {% ELSE %} <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" class="cloud-zoom " id="zoom1" rel="position: 'inside', showTitle: false, adjustX:-4, adjustY:-4" style="position: relative; display: block;"> <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image" style="display: block;" class=".goods-image-medium" /> </a> {% ENDIF %} </div>
сделал как вы сказали , но изменился интерфейс и фотографии как обычно увеличиваются, не могли бы вы расписать все подробно, с использованием моих кодов, очень срочно уже надо
#19
Отправлено 05 Октябрь 2015 - 12:52
Vovan (05 Октябрь 2015 - 12:35) писал:
Забыл прикрепить сайт архив с файлами, которые нужно загрузить
Прикрепленные файлы
#20
Отправлено 05 Октябрь 2015 - 13:26
MikDark (05 Октябрь 2015 - 12:52) писал:
я все скачал и все сделал, но теперь в карточке товара не увеличивается фотография и не нажимается на на кнопки быстрый заказ и в корзину.
Мне просто очень нужно сегодня это сделать.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных