Проблема С Изображениями В Карточке Товара
#1
Отправлено 29 Ноябрь 2016 - 01:38
Хотелось бы попросить помочь мне с такой вот проблемой!
В карточке товара имеется среднее (medium) изображение, которое является основным и отображается по умолчанию, Так же имеются маленькие изображения.
При нажатии на маленькое изображение открывается всплывающее окно с ним, закрываем окно и это изображение занимает место основного изображения. Однако при нажатии на это изображение снова (medium), во всплывающем окне открывается изображение, установленное по умолчанию, а не то, которое сменило его.
Помогите сделать 2 вещи:
1) Не открывать всплывающее окно при нажатии на маленькое изображение, а просто помещать его на место среднего
2) После того как маленькое изображение помещено на место среднего, при нажатии на него открывать всплывающее окно с ним, а не с изображением, установленным по умолчанию!
Форум прошерстил, ответа на вопрос не нашел, инструкции, которые можно было адаптировать под эту тему применить не удалось. Спасибо
#2
Отправлено 01 Декабрь 2016 - 21:38
#3
Отправлено 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
Отправлено 07 Декабрь 2016 - 17:12
Stasya (07 Декабрь 2016 - 16:53) писал:
// при клике на маленькие изображения инициализируем действие вызова галереи 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
Отправлено 07 Декабрь 2016 - 17:25
Когда мы нажимаем на окно со средним изображением, в котором находится изображение не по умолчанию ( одна из миниатюр), то оно открывается в большом окне, а на его место встает изображение по умолчанию ( на место среднего изображения)!
Как можно запретить изображению по умолчанию вставать на место среднего после того, как в этом окне мы открыли изображение не по умолчанию? Да и стрелочки фэнсибокса изменения изображения в большом окне пропали((( И кнопка увеличить перестала работать
Надеюсь я смог объяснить корректно
#6
Отправлено 16 Декабрь 2016 - 12:40
StonerJack (07 Декабрь 2016 - 17:25) писал:
Когда мы нажимаем на окно со средним изображением, в котором находится изображение не по умолчанию ( одна из миниатюр), то оно открывается в большом окне, а на его место встает изображение по умолчанию ( на место среднего изображения)!
Как можно запретить изображению по умолчанию вставать на место среднего после того, как в этом окне мы открыли изображение не по умолчанию? Да и стрелочки фэнсибокса изменения изображения в большом окне пропали((( И кнопка увеличить перестала работать
Надеюсь я смог объяснить корректно
Все необходимые изменения Вам произвела. Проверьте, пожалуйста.
#8
Отправлено 16 Декабрь 2016 - 17:42
#9
Отправлено 21 Декабрь 2016 - 21:16
StonerJack (16 Декабрь 2016 - 17:42) писал:
#10
Отправлено 21 Декабрь 2016 - 21:43
Stasya (21 Декабрь 2016 - 21:16) писал:
Спасибо, но осталась одна маленькая проблемка. Открываем страницу с товаром, нажимаем на среднее изображение по умолчанию. Открывается большое изображение по-умолчанию, нажимаем вправо чтобы смотреть следующие изображения. Открывается тоже самое изображение!!!!!!! После второго клика вправо показывается следующее. Можно попросить вас пожалуйста убрать это повторное показывание основного изображения?
#11
Отправлено 29 Декабрь 2016 - 15:36
StonerJack (21 Декабрь 2016 - 21:43) писал:
Внесла изменения, проверьте, пожалуйста.
Темы с аналогичным тегами пластик, картинка, миниатюра, карточка товара
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Пластик →
Изменение общей стилистики →
Адаптивный Дизайн К Шаблону ПластикАвтор Гость_Acum56_* , 08 февр. 2024 Адаптивный, дизайн, Пластик |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Хобби →
Каталог товаров →
Картинка В Описании Категорий Для Мобильных УстройствАвтор Гость_dwell_* , 19 янв. 2020 дизайн, картинка |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Какаду →
Другое →
Карточка ТовараАвтор Гость_Gost_* , 14 янв. 2020 карточка товара |
|
|||
Повышение продаж, продвижение →
Общие вопросы →
Убрать Условия Доставки Из Некоторых ТоваровАвтор Гость_Olivka_* , 16 сент. 2018 товар, ночь, карточка товара и 1 еще... |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Спорт →
Помогите С Размерами Изображений !Автор Гость_jonik_plov_* , 21 июня 2018 дизайн размер, изоб, картинка |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных