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


Увеличение Изображения Товара


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

#1 Mashenka

Mashenka

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

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

Отправлено 15 Апрель 2018 - 17:35

Здравствуйте. На данный момент, чтобы увеличить изображение товара, нужно нажимать на надпись под фото "увеличить изображение". Можно сделать так, чтобы изображение увеличивалось при нажатии на само изображение, а не надпись под ним?

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

  • увеличение картинки.png


#2 Vaccina

Vaccina

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

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

Отправлено 17 Апрель 2018 - 05:21

Здравствуйте.

Уточните пожалуйста, увеличение фото при наведении в этом случае необходимо убрать?

#3 cselon

cselon

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

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

Отправлено 18 Апрель 2018 - 11:50

Просмотр сообщенияVaccina (17 Апрель 2018 - 05:21) писал:

Здравствуйте.

Уточните пожалуйста, увеличение фото при наведении в этом случае необходимо убрать?

Можно пожалуйста мне сделать также, но при наведении не убирать (чтоб было и так и так). В мобильной версии тоже также. SL-447101

#4 Vaccina

Vaccina

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

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

Отправлено 20 Апрель 2018 - 03:21

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Увеличение изображения в карточке товара
$(function() {
  $('a[rel="gallery"]').fancybox();
  // Увеличение изображение при клике на него и открытие галереи изображений
  $('.goodsImageZoom, .thumblist a').click(function(){
	if($(this).closest('.thumblist').length) {
	  $('.goodsImageZoom').attr('data', $(this).attr('data'));
	  return(true);
	}
	$('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click');
	return(false);
  });
});

замените на:
// Увеличение изображения в карточке товара
$(function() {
  $('a[rel="gallery"]').fancybox();
  // Увеличение изображение при клике на него и открытие галереи изображений
  $('.goodsImageZoom, .thumblist a, #wrap').click(function(){
	if($(this).closest('.thumblist').length) {
	  $('.goodsImageZoom').attr('data', $(this).attr('data'));
	  return(true);
	}
	$('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click');
	return(false);
  });
});


#5 cselon

cselon

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

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

Отправлено 20 Апрель 2018 - 07:55

Просмотр сообщенияVaccina (20 Апрель 2018 - 03:21) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Увеличение изображения в карточке товара
$(function() {
$('a[rel="gallery"]').fancybox();
// Увеличение изображение при клике на него и открытие галереи изображений
$('.goodsImageZoom, .thumblist a').click(function(){
if($(this).closest('.thumblist').length) {
	 $('.goodsImageZoom').attr('data', $(this).attr('data'));
	 return(true);
}
$('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click');
return(false);
});
});

замените на:
// Увеличение изображения в карточке товара
$(function() {
$('a[rel="gallery"]').fancybox();
// Увеличение изображение при клике на него и открытие галереи изображений
$('.goodsImageZoom, .thumblist a, #wrap').click(function(){
if($(this).closest('.thumblist').length) {
	 $('.goodsImageZoom').attr('data', $(this).attr('data'));
	 return(true);
}
$('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click');
return(false);
});
});

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

#6 Mashenka

Mashenka

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

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

Отправлено 30 Апрель 2018 - 10:22

Просмотр сообщенияVaccina (20 Апрель 2018 - 03:21) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Увеличение изображения в карточке товара
$(function() {
$('a[rel="gallery"]').fancybox();
// Увеличение изображение при клике на него и открытие галереи изображений
$('.goodsImageZoom, .thumblist a').click(function(){
if($(this).closest('.thumblist').length) {
	 $('.goodsImageZoom').attr('data', $(this).attr('data'));
	 return(true);
}
$('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click');
return(false);
});
});

замените на:
// Увеличение изображения в карточке товара
$(function() {
$('a[rel="gallery"]').fancybox();
// Увеличение изображение при клике на него и открытие галереи изображений
$('.goodsImageZoom, .thumblist a, #wrap').click(function(){
if($(this).closest('.thumblist').length) {
	 $('.goodsImageZoom').attr('data', $(this).attr('data'));
	 return(true);
}
$('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click');
return(false);
});
});

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

#7 Mashenka

Mashenka

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

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

Отправлено 05 Май 2018 - 12:20

Просмотр сообщенияVaccina (17 Апрель 2018 - 05:21) писал:

Здравствуйте.

Уточните пожалуйста, увеличение фото при наведении в этом случае необходимо убрать?
здравствуйте. увеличение при наведении не нужно убирать.

#8 Vaccina

Vaccina

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

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

Отправлено 08 Май 2018 - 06:20

Просмотр сообщенияMashenka (30 Апрель 2018 - 10:22) писал:

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

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
$(function() {
$('a[rel="gallery"]').fancybox();
$('.goodsImageZoom, .thumblist a').click(function(){
if($(this).closest('.thumblist').length) {
$('.goodsImageZoom').attr('data', $(this).attr('data'));
return(true);
}
$('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click');
return(false);
});
});

замените на:
$(function() {
$('a[rel="gallery"]').fancybox();
$('.goodsImageZoom, .thumblist a').click(function(){
if($(this).closest('.thumblist').length) {
$('.goodsImageZoom').attr('data', $(this).attr('data'));
return(true);
}
$('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click');
return(false);
});
$('#wrap').click(function(){
$('.goodsImageZoom, .thumblist a').click();
});
});

далее зайдите в разделе Редактор шаблонов найдите файл arrow.png измените его в графическом редакторе и замените на новый чтобы изменить цвет стрелок.


Просмотр сообщенияcselon (20 Апрель 2018 - 07:55) писал:

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

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - в самом конце пропишите:
.fancybox-nav span{visibility:visible;}


#9 cselon

cselon

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

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

Отправлено 08 Май 2018 - 13:48

Просмотр сообщенияVaccina (08 Май 2018 - 06:20) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
$(function() {
$('a[rel="gallery"]').fancybox();
$('.goodsImageZoom, .thumblist a').click(function(){
if($(this).closest('.thumblist').length) {
$('.goodsImageZoom').attr('data', $(this).attr('data'));
return(true);
}
$('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click');
return(false);
});
});

замените на:
$(function() {
$('a[rel="gallery"]').fancybox();
$('.goodsImageZoom, .thumblist a').click(function(){
if($(this).closest('.thumblist').length) {
$('.goodsImageZoom').attr('data', $(this).attr('data'));
return(true);
}
$('.goodsImageList a[data="' + $('.goodsImageZoom').attr("data") + '"]').trigger('click');
return(false);
});
$('#wrap').click(function(){
$('.goodsImageZoom, .thumblist a').click();
});
});

далее зайдите в разделе Редактор шаблонов найдите файл arrow.png измените его в графическом редакторе и замените на новый чтобы изменить цвет стрелок.




Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - в самом конце пропишите:
.fancybox-nav span{visibility:visible;}

Это немного не то, что я просил сделать. Я просил не фиксировать постоянно: "Можно, чтобы после открытия картинки можно было листать их слайдом пальца и появлялись стрелочки, а со временем исчезали? А то так не понятно стрелочек не видно и слайдом пальца не листает.". И можно, чтобы стрелочки были другие как на слайдере (arrow.png)




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

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