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

[007]

Подскажите,
1) как можно закрывать увеличенное изображение товара лупой (по умолчанию нажимая на картинку курсором ничего не происходит)?
2) Так же хочется закрывать увеличенное изображение товара нажимая на крестик курсором, а не лупой (по умолчанию)

Прикрепленные изображения

• 

[007]

Я извиняюсь, а с этим вопросом не поможете?

[Firefly]

007 (20 Октябрь 2015 - 17:32) писал:

Подскажите,
1) как можно закрывать увеличенное изображение товара лупой (по умолчанию нажимая на картинку курсором ничего не происходит)?
2) Так же хочется закрывать увеличенное изображение товара нажимая на крестик курсором, а не лупой (по умолчанию)

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

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}

Замените на:

.mfp-zoom-out-cur{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor:pointer;}

[Firefly]

007 (20 Октябрь 2015 - 17:32) писал:

Подскажите,
1) как можно закрывать увеличенное изображение товара лупой (по умолчанию нажимая на картинку курсором ничего не происходит)?
2) Так же хочется закрывать увеличенное изображение товара нажимая на крестик курсором, а не лупой (по умолчанию)

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

<script>
// Открытие изображения товара при клике
$(document).ready(function() {
  $('.js-zoom-gallery').magnificPopup({
	delegate: 'a',
	type: 'image',
  tLoading: 'Loading image #%curr%...',
  mainClass: 'mfp-img-mobile',
  gallery: {
   enabled: true,
   navigateByImgClick: true,
   preload: [0,1] // Will preload 0 - before current, and 1 after the current image
  },
  image: {
   tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
   titleSrc: function(item) {
	return item.el.attr('title') + '<small>by Marsel Van Oosten</small>';
   }
  }
});
});
</script>

Замените на:

<script>
// Открытие изображения товара при клике
$(document).ready(function() {
  $('.js-zoom-gallery').magnificPopup({
	delegate: 'a',
	type: 'image',
  tLoading: 'Loading image #%curr%...',
  mainClass: 'mfp-img-mobile',
	closeOnContentClick:true,
  gallery: {
   enabled: true,
   navigateByImgClick: true,
   preload: [0,1] // Will preload 0 - before current, and 1 after the current image
  },
  image: {
   tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
   titleSrc: function(item) {
	return item.el.attr('title') + '<small>by Marsel Van Oosten</small>';
   }
  }
});
});
</script>

[007]

Спасибо!