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


Увеличение Фотографий


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

#1 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 28 Сентябрь 2015 - 15:16

Здравствуйте! АКК: SL-354782

Помогите сделать увеличение изображения когда наводишь курсор мышки на фотографию, кажется зумер называется. Буду очень благодарен.

#2 Vaccina

Vaccina

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

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

Отправлено 29 Сентябрь 2015 - 04:11

Инструкция по реализации:
http://forum.storela...едении-курсора/

#3 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 29 Сентябрь 2015 - 17:54

Просмотр сообщенияVaccina (29 Сентябрь 2015 - 04:11) писал:

Инструкция по реализации:
http://forum.storela...едении-курсора/

сделал как в инструкции, но к сожалению не работает, теперь даже по обычному не увеличивает главную картинку, можете написать подробную инструкцию!

#4 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 29 Сентябрь 2015 - 22:54

аууууу помогите

#5 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 30 Сентябрь 2015 - 17:06

Модераторы нужна помощь!!!! И появилась еще просьба. Как сделать значки скидок в процентах на фотографии товара как на этом сайте http://mekka.su/wome...ssovki/wm-nike/

#6 Vaccina

Vaccina

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

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

Отправлено 01 Октябрь 2015 - 03:59

Просмотр сообщенияVovan (29 Сентябрь 2015 - 17:54) писал:

сделал как в инструкции, но к сожалению не работает, теперь даже по обычному не увеличивает главную картинку, можете написать подробную инструкцию!
Отмените пожалуйста изменения(воспользуйтесь бэк апом в разделе Редактор шаблонов), сделаем проще, в конце шаблона main.js пропишите:
$('.general-img a').hover(function() {
		$(this).trigger('click');
  });


#7 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 01 Октябрь 2015 - 18:04

Просмотр сообщенияVaccina (01 Октябрь 2015 - 03:59) писал:

Отмените пожалуйста изменения(воспользуйтесь бэк апом в разделе Редактор шаблонов), сделаем проще, в конце шаблона main.js пропишите:
$('.general-img a').hover(function() {
	 $(this).trigger('click');
});

вставил, но ничего не изменилось. Фотография увеличивается по обычному.

#8 Vaccina

Vaccina

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

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

Отправлено 02 Октябрь 2015 - 02:10

В main.js удалите данный код, откройте шаблон Товар и в самом конце вставьте:

Просмотр сообщенияVaccina (01 Октябрь 2015 - 03:59) писал:

Отмените пожалуйста изменения(воспользуйтесь бэк апом в разделе Редактор шаблонов)

Вы не выполнили данный пункт, у вас остался код от старой релизации, необходимо отменить данные действия, чтобы для начала заработала старая стандартная функция увеличения фото товара.

#9 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 02 Октябрь 2015 - 03:03

Просмотр сообщенияVaccina (02 Октябрь 2015 - 02:10) писал:

В main.js удалите данный код, откройте шаблон Товар и в самом конце вставьте:


Вы не выполнили данный пункт, у вас остался код от старой релизации, необходимо отменить данные действия, чтобы для начала заработала старая стандартная функция увеличения фото товара.

вроде сейчас все удалил от старой реализации. Так вставлять код в шаблон main.js или в шаблон "товар" ? И еще вопрос, у меня на счету 350 руб., но сайт не работает. Такое было только при отсутствии денег на счету.

#10 Vaccina

Vaccina

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

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

Отправлено 02 Октябрь 2015 - 03:34

Простите, старую мысль не потерла в прошлом сообщении, посчитала, что проблема была в обработке и после обнаружила, что вы не удалили старую реализацию. =)
Вам необходимо отменить все изменения по инструкции из поста #2, чтобы стандартное всплывающее окно при клике заработало.
Код из поста #6 оставьте также в конце main.js

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

#11 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 02 Октябрь 2015 - 10:50

Просмотр сообщенияVaccina (02 Октябрь 2015 - 03:34) писал:

Простите, старую мысль не потерла в прошлом сообщении, посчитала, что проблема была в обработке и после обнаружила, что вы не удалили старую реализацию. =)
Вам необходимо отменить все изменения по инструкции из поста #2, чтобы стандартное всплывающее окно при клике заработало.
Код из поста #6 оставьте также в конце main.js

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

сделал все как вы сказали, удалил старую реализацию, и поставил этот код, но у меня теперь фотографии увеличиваются в новом окне. И ничего не работает, не нажимается на условия доставки, в корзину, быстрый заказ, все тоже самое как и при заблокированном сайте

#12 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 02 Октябрь 2015 - 11:08

Сайт заработал, все хорошо, но фотографии так и не увеличиваются наведеним курсора на них.

#13 Vaccina

Vaccina

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

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

Отправлено 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 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 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 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 04 Октябрь 2015 - 16:57

ауу

#16 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 05 Октябрь 2015 - 10:41

мне кто нить ответит?

#17 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 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 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 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 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 05 Октябрь 2015 - 12:52

Просмотр сообщенияVovan (05 Октябрь 2015 - 12:35) писал:

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

Забыл прикрепить сайт архив с файлами, которые нужно загрузить

Прикрепленные файлы



#20 Vovan

Vovan

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 110 сообщений

Отправлено 05 Октябрь 2015 - 13:26

Просмотр сообщенияMikDark (05 Октябрь 2015 - 12:52) писал:

Забыл прикрепить сайт архив с файлами, которые нужно загрузить

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




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

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