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


Zооm В Отдельном Окошке

zoom лупа увеличить картинку

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

#1 John

John

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

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

Отправлено 15 Апрель 2016 - 07:07

Добрый день.
Напишите, пожалуйста, как сделать так, чтобы увеличенный фрагмент картинки с товаром появлялся в отдельном окошке. Сейчас при подведении курсора мышки на картинку с товаром, увеличенный фрагмент картинки появляется в самом окошке с товаром.
Аккаунт SL-383041

#2 Vaccina

Vaccina

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

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

Отправлено 15 Апрель 2016 - 07:21

В main.css найдите:
.cloud-zoom-big {overflow:hidden;}

замените на:
.cloud-zoom-big {overflow:hidden;left: 100% !important;}


#3 John

John

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

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

Отправлено 15 Апрель 2016 - 07:39

спасибо большое, все получилось.

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

#4 Vaccina

Vaccina

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

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

Отправлено 15 Апрель 2016 - 07:48

В main.js найдите:
$(".thumblist").lightSlider({
	  easing: 'cubic-bezier(0.25, 0, 0.25, 1)',
	  speed: 600,
	  auto: false,
	  gallery: true,
	  loop: true,
	  rtl: false,
	  enableDrag: false,
	  enableTouch: true,
	  vertical: true,
	  verticalHeight: 350,
	  item: 3,

замените на:
$(".thumblist").lightSlider({
	  easing: 'cubic-bezier(0.25, 0, 0.25, 1)',
	  speed: 600,
	  auto: false,
	  gallery: true,
	  loop: true,
	  rtl: false,
	  enableDrag: false,
	  enableTouch: true,
	  vertical: true,
	  verticalHeight: 350,
	  item: 4,


#5 John

John

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

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

Отправлено 15 Апрель 2016 - 08:57

спасибо, настроил.

Помогите устранить ошибку.  Когда в вертикальной карусели привьюшик прокручиваешь фото с  товарами и картинки стали показываться по второму кругу, при выборе фото одной из картинок (когда нажимаешь мышкой на привьюшку), осуществляется переход со страницы товара  на страницу с фотографией товара, к примеру: http://i3.storeland....1800/bluzka.jpg

#6 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 15 Апрель 2016 - 10:57

Просмотр сообщенияJohn (15 Апрель 2016 - 08:57) писал:

спасибо, настроил.

Помогите устранить ошибку.  Когда в вертикальной карусели привьюшик прокручиваешь фото с  товарами и картинки стали показываться по второму кругу, при выборе фото одной из картинок (когда нажимаешь мышкой на привьюшку), осуществляется переход со страницы товара  на страницу с фотографией товара, к примеру: http://i3.storeland....1800/bluzka.jpg
Здравствуйте, найдите в файле main.js
// Увеличение при нажатии на кнопку
$("#zoom1").click(function(event){
event.preventDefault();
$(".goodsImageZoom a").click();
});
// Фикс для увеличения изображения при нажатии на изображение
$("#wrap").on('click', '.mousetrap', function(){
$(this).prev().trigger('click');
});
});

после вставьте
$(".clone.right a, .clone.left a").fancybox();


#7 John

John

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

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

Отправлено 15 Апрель 2016 - 11:58

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

#8 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 15 Апрель 2016 - 13:07

Просмотр сообщенияJohn (15 Апрель 2016 - 11:58) писал:

Понятно, изменения внес в файл main.js, а не в файл main.css

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

#9 John

John

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

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

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

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

#10 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 15 Апрель 2016 - 15:14

Просмотр сообщенияJohn (15 Апрель 2016 - 13:17) писал:

Может просто убрать эту карусель, если до последней фотографии дошли то кнопка вниз пропала и наоборот.
Можно скрыть данные изображения товаров, но место которое они занимали останется, его убрать не получится.
Добавьте в конец main.css
li.clone.right, li.clone.left {
	display: none;
}


#11 John

John

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

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

Отправлено 15 Апрель 2016 - 15:33

Жалко, что не получится исправить. Ну ладно, всё равно спасибо за помощь.





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

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

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