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


Проблема С Изображениями В Карточке Товара

пластик картинка миниатюра карточка товара

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

#1 StonerJack

StonerJack

    Пользователь

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

Отправлено 29 Ноябрь 2016 - 01:38

Доброго времени суток!

Хотелось бы попросить помочь мне с такой вот проблемой!

В карточке товара имеется среднее (medium) изображение, которое является основным и отображается по умолчанию, Так же имеются маленькие изображения.

При нажатии на маленькое изображение открывается всплывающее окно с ним, закрываем окно и это изображение занимает место основного изображения. Однако при нажатии на это изображение снова (medium), во всплывающем окне открывается изображение, установленное по умолчанию, а не то, которое сменило его.

Помогите сделать 2 вещи:

1) Не открывать всплывающее окно при нажатии на маленькое изображение, а просто помещать его на место среднего
2) После того как маленькое изображение помещено на место среднего, при нажатии на него открывать всплывающее окно с ним, а не с изображением, установленным по умолчанию!

Форум прошерстил, ответа на вопрос не нашел, инструкции, которые можно было адаптировать под эту тему применить не удалось. Спасибо

#2 StonerJack

StonerJack

    Пользователь

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

Отправлено 01 Декабрь 2016 - 21:38

Не хочу показаться навязчивым, но очень хотелось бы получить ответ!

#3 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 07 Декабрь 2016 - 16:53

Просмотр сообщенияStonerJack (29 Ноябрь 2016 - 01:38) писал:

Доброго времени суток!

Хотелось бы попросить помочь мне с такой вот проблемой!

В карточке товара имеется среднее (medium) изображение, которое является основным и отображается по умолчанию, Так же имеются маленькие изображения.

При нажатии на маленькое изображение открывается всплывающее окно с ним, закрываем окно и это изображение занимает место основного изображения. Однако при нажатии на это изображение снова (medium), во всплывающем окне открывается изображение, установленное по умолчанию, а не то, которое сменило его.

Помогите сделать 2 вещи:

1) Не открывать всплывающее окно при нажатии на маленькое изображение, а просто помещать его на место среднего
2) После того как маленькое изображение помещено на место среднего, при нажатии на него открывать всплывающее окно с ним, а не с изображением, установленным по умолчанию!

Форум прошерстил, ответа на вопрос не нашел, инструкции, которые можно было адаптировать под эту тему применить не удалось. Спасибо

Здравствуйте. Вам необходимо в файле main.js найти блок  
// при клике на маленькие изображения инициализируем действие вызова галереи fancybox
  $('a[rel="gallery"]').fancybox();
 
и заменить его на
// при клике на маленькие изображения инициализируем действие вызова галереи fancybox
  $('a[itemprop="image"]').fancybox();
Далее найдите блок
// Изменение главного изображения товара при нажатии на миниатюру
  $('.zoomicon a').click(function(){
		// Путь к среднему изображению
	var MediumImageUrl = $(this).find('img').attr('rel'),
	   
		// Главное изображение, в которое будем вставлять новое изображение
		MainImage = $('.fullimg img'),
	   
		// В этом объекте хранится идентификатор картинки главного изображения для коректной работы галереи изображений
		MainImageIdObject = $('.fullimg input'),
	   
		// Получаем идентификатор этого изображения из соседнего input поля
		GoodsImageIconId = $(this).parent().find('input').attr("rel");
   
	// Изменяем главное изображение
	MainImage.attr('src',MediumImageUrl);
   
	// Изменяем идентификатор главного изображения
	MainImageIdObject.attr("rel",GoodsImageIconId);
   
	return false;
  });
и замените его на
// Изменение главного изображения товара при нажатии на миниатюру
  $('.zoomicon a').click(function(){
		// Путь к среднему изображению
	var MediumImageUrl = $(this).find('img').attr('rel'),
		 LargeImageUrl = $(this).attr('href'),
		// Главное изображение, в которое будем вставлять новое изображение
		MainImage = $('.fullimg img'),
		MainImage2 = $('.fullimg a')
		// В этом объекте хранится идентификатор картинки главного изображения для коректной работы галереи изображений
		MainImageIdObject = $('.fullimg input'),
	   
		// Получаем идентификатор этого изображения из соседнего input поля
		GoodsImageIconId = $(this).parent().find('input').attr("rel");
   
	// Изменяем главное изображение
	MainImage.attr('src',MediumImageUrl);
	 MainImage2.attr('href',LargeImageUrl);
	
	// Изменяем идентификатор главного изображения
	MainImageIdObject.attr("rel",GoodsImageIconId);
   
	return false;
  });


#4 StonerJack

StonerJack

    Пользователь

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

Отправлено 07 Декабрь 2016 - 17:12

Просмотр сообщенияStasya (07 Декабрь 2016 - 16:53) писал:

Здравствуйте. Вам необходимо в файле main.js найти блок  
// при клике на маленькие изображения инициализируем действие вызова галереи fancybox
$('a[rel="gallery"]').fancybox();

и заменить его на
// при клике на маленькие изображения инициализируем действие вызова галереи fancybox
$('a[itemprop="image"]').fancybox();
Далее найдите блок
// Изменение главного изображения товара при нажатии на миниатюру
$('.zoomicon a').click(function(){
	 // Путь к среднему изображению
var MediumImageUrl = $(this).find('img').attr('rel'),
	
	 // Главное изображение, в которое будем вставлять новое изображение
	 MainImage = $('.fullimg img'),
	
	 // В этом объекте хранится идентификатор картинки главного изображения для коректной работы галереи изображений
	 MainImageIdObject = $('.fullimg input'),
	
	 // Получаем идентификатор этого изображения из соседнего input поля
	 GoodsImageIconId = $(this).parent().find('input').attr("rel");

// Изменяем главное изображение
MainImage.attr('src',MediumImageUrl);

// Изменяем идентификатор главного изображения
MainImageIdObject.attr("rel",GoodsImageIconId);

return false;
});
и замените его на
// Изменение главного изображения товара при нажатии на миниатюру
$('.zoomicon a').click(function(){
	 // Путь к среднему изображению
var MediumImageUrl = $(this).find('img').attr('rel'),
		 LargeImageUrl = $(this).attr('href'),
	 // Главное изображение, в которое будем вставлять новое изображение
	 MainImage = $('.fullimg img'),
	 MainImage2 = $('.fullimg a')
	 // В этом объекте хранится идентификатор картинки главного изображения для коректной работы галереи изображений
	 MainImageIdObject = $('.fullimg input'),
	
	 // Получаем идентификатор этого изображения из соседнего input поля
	 GoodsImageIconId = $(this).parent().find('input').attr("rel");

// Изменяем главное изображение
MainImage.attr('src',MediumImageUrl);
	 MainImage2.attr('href',LargeImageUrl);
	
// Изменяем идентификатор главного изображения
MainImageIdObject.attr("rel",GoodsImageIconId);

return false;
});

Спасибо за ответ, однако это не помогло (изменения внес, очистил кэш). Обе проблемы остались нерешенными

UPD. Извините, сделал ошибку при внесении изменений. Все работает! Спасибо большое.

#5 StonerJack

StonerJack

    Пользователь

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

Отправлено 07 Декабрь 2016 - 17:25

Еще один маленький вопрос.

Когда мы нажимаем на окно со средним изображением,  в котором находится изображение не по умолчанию ( одна из миниатюр), то оно открывается в большом окне, а на его место встает изображение по умолчанию ( на место среднего изображения)!

Как можно запретить изображению по умолчанию вставать на место среднего после того, как в этом окне мы открыли изображение не по умолчанию? Да и стрелочки фэнсибокса изменения изображения в большом окне пропали((( И кнопка увеличить перестала работать

Надеюсь я смог объяснить корректно

#6 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 16 Декабрь 2016 - 12:40

Просмотр сообщенияStonerJack (07 Декабрь 2016 - 17:25) писал:

Еще один маленький вопрос.

Когда мы нажимаем на окно со средним изображением,  в котором находится изображение не по умолчанию ( одна из миниатюр), то оно открывается в большом окне, а на его место встает изображение по умолчанию ( на место среднего изображения)!

Как можно запретить изображению по умолчанию вставать на место среднего после того, как в этом окне мы открыли изображение не по умолчанию? Да и стрелочки фэнсибокса изменения изображения в большом окне пропали((( И кнопка увеличить перестала работать

Надеюсь я смог объяснить корректно

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

#7 StonerJack

StonerJack

    Пользователь

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

Отправлено 16 Декабрь 2016 - 15:14

Просмотр сообщенияStasya (16 Декабрь 2016 - 12:40) писал:

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

Спасибо вам больше, все работает отлично!

#8 StonerJack

StonerJack

    Пользователь

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

Отправлено 16 Декабрь 2016 - 17:42

Я конечно очень извиняюсь, но когда я написал что все работает - все работало. А теперь все работает наполовину. Изображения маленькие встают на место среднего. Однако при открытии этого среднего опять в большой картинке появляется изображение по умолчанию.....  Не понимаю что случилось

#9 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 21 Декабрь 2016 - 21:16

Просмотр сообщенияStonerJack (16 Декабрь 2016 - 17:42) писал:

Я конечно очень извиняюсь, но когда я написал что все работает - все работало. А теперь все работает наполовину. Изображения маленькие встают на место среднего. Однако при открытии этого среднего опять в большой картинке появляется изображение по умолчанию.....  Не понимаю что случилось
Здравствуйте. Внесла все необходимые правки, проверьте, пожалуйста.

#10 StonerJack

StonerJack

    Пользователь

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

Отправлено 21 Декабрь 2016 - 21:43

Просмотр сообщенияStasya (21 Декабрь 2016 - 21:16) писал:

Здравствуйте. Внесла все необходимые правки, проверьте, пожалуйста.

Спасибо, но осталась одна маленькая проблемка. Открываем страницу с товаром, нажимаем на среднее изображение по умолчанию. Открывается большое изображение по-умолчанию, нажимаем вправо чтобы смотреть следующие изображения. Открывается тоже самое изображение!!!!!!! После второго клика вправо показывается следующее. Можно попросить вас пожалуйста убрать это повторное показывание основного изображения?

#11 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 29 Декабрь 2016 - 15:36

Просмотр сообщенияStonerJack (21 Декабрь 2016 - 21:43) писал:

Спасибо, но осталась одна маленькая проблемка. Открываем страницу с товаром, нажимаем на среднее изображение по умолчанию. Открывается большое изображение по-умолчанию, нажимаем вправо чтобы смотреть следующие изображения. Открывается тоже самое изображение!!!!!!! После второго клика вправо показывается следующее. Можно попросить вас пожалуйста убрать это повторное показывание основного изображения?

Внесла изменения, проверьте, пожалуйста.

#12 StonerJack

StonerJack

    Пользователь

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

Отправлено 29 Декабрь 2016 - 20:27

Просмотр сообщенияStasya (29 Декабрь 2016 - 15:36) писал:

Внесла изменения, проверьте, пожалуйста.

Идеально! Большое спасибо! Бесконечно признателен за решение этой досадной проблемы!





Темы с аналогичным тегами пластик, картинка, миниатюра, карточка товара

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

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