2
Увеличение Изображения Товара
Автор Mashenka, 15 апр. 2018 17:35
Сообщений в теме: 8
#1
Отправлено 15 Апрель 2018 - 17:35
Здравствуйте. На данный момент, чтобы увеличить изображение товара, нужно нажимать на надпись под фото "увеличить изображение". Можно сделать так, чтобы изображение увеличивалось при нажатии на само изображение, а не надпись под ним?
#2
Отправлено 17 Апрель 2018 - 05:21
Здравствуйте.
Уточните пожалуйста, увеличение фото при наведении в этом случае необходимо убрать?
Уточните пожалуйста, увеличение фото при наведении в этом случае необходимо убрать?
#3
Отправлено 18 Апрель 2018 - 11:50
Vaccina (17 Апрель 2018 - 05:21) писал:
Здравствуйте.
Уточните пожалуйста, увеличение фото при наведении в этом случае необходимо убрать?
Уточните пожалуйста, увеличение фото при наведении в этом случае необходимо убрать?
Можно пожалуйста мне сделать также, но при наведении не убирать (чтоб было и так и так). В мобильной версии тоже также. SL-447101
#4
Отправлено 20 Апрель 2018 - 03:21
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - 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
Отправлено 20 Апрель 2018 - 07:55
Vaccina (20 Апрель 2018 - 03:21) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - 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
Отправлено 30 Апрель 2018 - 10:22
Vaccina (20 Апрель 2018 - 03:21) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - 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); }); });
мне нужно также, но для моего шаблона. и можно ли стрелочки слайдера на главной сделать черными или темно серыми, а то их не видно на белом фоне
#8
Отправлено 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
Отправлено 08 Май 2018 - 13:48
Vaccina (08 Май 2018 - 06:20) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
замените на:
далее зайдите в разделе Редактор шаблонов найдите файл arrow.png измените его в графическом редакторе и замените на новый чтобы изменить цвет стрелок.
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - в самом конце пропишите:
Зайдите в раздел Сайт - Редактор шаблонов - 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 анонимных