Сообщений в теме: 34

[ogonek7777]

 Сake (23 Июль 2013 - 01:59) писал:

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



В вашем случае можно попробовать использовать код

$(function() {
$('a img').each(function(index) {
var link = $(this).parent('a');
if(!$(link).attr('rel')) {
		 $(link).attr('rel', 'gallery' + index);
}
$(link).click(function() {
$(this).nyroModalManual({
resizable: true,
autoSizable: true
});
		 return(false);
});
});
});

чур меня от этого кода , он продолжает выносить изображение вверх страницы и мало того: не позволяет открывать товары в каталоге при клике на изображение товара, Vaccina, может быть Вы поможете?

[support]

 AlexP_RUS (19 Июль 2013 - 11:46) писал:

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

Этот визуальный редактор не умеет так делать, через API тоже не хочет. Мы много часов убили на то, чтобы понять возможно ли это, в итоге получилось что стандартных функций нет в этой версии, в старых были. Я полагаю что при обновлении редактора до сл. версии такая возможность появится. Сейчас же это решаемо лишь созданием своей дублирующей кнопки загрузки изображений в редакторе, что не комильфо, т.к. стандартную всё равно не исправить, либо созданием отдельного механизма вне редактора, но не архитектурный подход, поэтому пока ждём новой версии редактора. Согласен что это не удобно когда данные не генерируются автоматом, но пока задача к сожалению не решается простыми способами.

Относительно увеличения изображений, оно актуально опять же не для всех сайтов, например где-то необходимо разместить полное изобрежение сразу, где-то в виде галереи, тут скорее нужен другой подход к работе с данными, у нас есть несколько идей по этому поводу, но их реализация будет не скоро...

[AlexP_RUS]

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

Есть у вас идеи как сделать это всё на автомате? А то с последнего нашего разговора уже много времени прошло, а движений нету.

[Сake]

 ogonek7777 (27 Июль 2013 - 16:47) писал:

чур меня от этого кода , он продолжает выносить изображение вверх страницы и мало того: не позволяет открывать товары в каталоге при клике на изображение товара, Vaccina, может быть Вы поможете?

Другого способа автоматически добавить на изображение функцию увеличения - нет. В данном случае необходимо индивидуальный подход. Например если вам необходимо увеличение изображений только внутри описаний страницы - то код вполне можно заменить и на

$(function() {
  $('.htmlDataBlock a img').each(function(index) {
	 var link = $(this).parent('a');
	 if(!$(link).attr('rel')) {
		$(link).attr('rel', 'gallery' + index);
	 }
	 $(link).click(function() {
		$(this).nyroModalManual({
			resizable: true,
			autoSizable: true
		});
		return(false);
	 });
  });
});

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

 AlexP_RUS (09 Октябрь 2013 - 13:01) писал:

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

Есть у вас идеи как сделать это всё на автомате? А то с последнего нашего разговора уже много времени прошло, а движений нету.

Попробуйте воспользоваться кодом

$(function() {
  $('.htmlDataBlock a img').each(function(index) {
	 var link = $(this).parent('a');
	 if(!$(link).attr('rel')) {
		$(link).attr('rel', 'gallery' + index);
	 }
	 $(link).click(function() {
		$(this).nyroModalManual({
			resizable: true,
			autoSizable: true
		});
		return(false);
	 });
  });
});

в описание изображения должны вставляться в следующем виде

<a href="Ссылка на большое изображение">
	<img src="Ссылка на малое изображение" alt="" />
</a>

для задания галереи можно использовать вид

<a href="Ссылка на большое изображение" rel="gallery-1">
	<img src="Ссылка на малое изображение" alt="" />
</a>

[AlexP_RUS]

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

Если я обращусь в вэб-студию, они смогут это решить?

[Koderhan]

 AlexP_RUS (10 Октябрь 2013 - 13:18) писал:

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

Если я обращусь в вэб-студию, они смогут это решить?

Все равно нужно будет две разные версии изображений.

[Acum56]

Господа разроботчики а каким если не секрет движком редактора пользуется стореланд? Попробуйте TinyMCE редактор, еще не хватает вставки кода видео во флеш и др функций

[Koderhan]

 Acum56 (23 Ноябрь 2013 - 19:57) писал:

Господа разроботчики а каким если не секрет движком редактора пользуется стореланд? Попробуйте TinyMCE редактор, еще не хватает вставки кода видео во флеш и др функций

Возможность вставки кода с видео есть и в текущем редакторе ckeditor.
Для возможности редактирования html кода достаточно нажать на кнопку "Источник" в правом верхнем углу редактора.

[forester]

А я был бы очень рад возможности скачивать сразу!   все свои картинки товаров, а потом заливать другие под теми же именами.  Это нужно для уникализации

[itm]

Добрый вечер!
Я Сделал все по инструкции для того чтобы создать галерею картинок на отдельной страницы сайта.
Я сдела следующие:
$(function() {
  $('.htmlDataBlock a img').each(function(index) {
         var link = $(this).parent('a');
         if(!$(link).attr('rel')) {
                $(link).attr('rel', 'gallery' + index);
         }
         $(link).click(function() {
                $(this).nyroModalManual({
                        resizable: true,
                        autoSizable: true
                });
                return(false);
         });
  });
});

Потом
<ahref="Ссылка на большое изображение">
        <img src="Ссылка на малое изображение" alt="" />
</a>
Но у меня большая картинка открывается во вкладке браузера!
Вот ссылка: http://itm-agregat.ru/page/2

За ранее спасибо!

[Vaccina]

В вашей дизайн теме используется иная галерея, код для nyromodal, а у вас fancybox.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:

$(function() {
  $('.htmlDataBlock a img').each(function(index) {
		 var link = $(this).parent('a');
		 if(!$(link).attr('rel')) {
				$(link).attr('rel', 'gallery' + index);
		 }
		 $(link).click(function() {
				$(this).nyroModalManual({
						resizable: true,
						autoSizable: true
				});
				return(false);
		 });
  });
});

замените на:

$(function() {
  $('.htmlDataBlock a img').each(function(index) {
		 var link = $(this).parent('a');
		 if(!$(link).attr('rel')) {
				$(link).attr('rel', 'gallery' + index);
		 }
		 $(link).click(function() {
				$(this).fancybox({
				  fitToView : false,
				  width : '70%',
				  height : '70%',
				  autoSize : true,
				  closeClick : false
				});
				return(false);
		 });
  });
});

[itm]

 Vaccina (16 Ноябрь 2016 - 06:50) писал:

В вашей дизайн теме используется иная галерея, код для nyromodal, а у вас fancybox.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:

$(function() {
$('.htmlDataBlock a img').each(function(index) {
		 var link = $(this).parent('a');
		 if(!$(link).attr('rel')) {
			 $(link).attr('rel', 'gallery' + index);
		 }
		 $(link).click(function() {
			 $(this).nyroModalManual({
					 resizable: true,
					 autoSizable: true
			 });
			 return(false);
		 });
});
});

замените на:

$(function() {
$('.htmlDataBlock a img').each(function(index) {
		 var link = $(this).parent('a');
		 if(!$(link).attr('rel')) {
			 $(link).attr('rel', 'gallery' + index);
		 }
		 $(link).click(function() {
			 $(this).fancybox({
				 fitToView : false,
				 width : '70%',
				 height : '70%',
				 autoSize : true,
				 closeClick : false
			 });
			 return(false);
		 });
});
});

Спасибо огромное! все получилось!)
А можно ли добавить к маленькой картинки краткое описание а к большой подробное описание?

[Stasya]

 itm (16 Ноябрь 2016 - 19:05) писал:

Спасибо огромное! все получилось!)
А можно ли добавить к маленькой картинки краткое описание а к большой подробное описание?

Здравствуйте. Прошу Вас уточнить где именно должно располагаться описание?

[itm]

 Stasya (17 Ноябрь 2016 - 12:37) писал:

Здравствуйте. Прошу Вас уточнить где именно должно располагаться описание?

Добрый день!
Интересует полное описание под большой картинкой!

И еще!
Большая картинка открывается только при двойном нажатие! можно ли сделать чтобы с одного нажатия открывалась?
И можно ли чтобы при наведения на малую картинку появлялась лупа с крестиком чтобы клиент понимал что на нее надо кликать?

[Vaccina]

Вставка картинки у вас происходит в визуальном редакторе, поэтому описание вы можете размещать в обычном режиме как вам удобней.
Можно также добавить всплывающий текст при наведении на нее, для этого в строке-примере:

<img src="Ссылка на малое изображение" alt="" />

заполните alt, пример:

<img src="Ссылка на малое изображение" alt="Описание картинки" />

На счет двойного клика, код:

$(function() {
$('.htmlDataBlock a img').each(function(index) {
				 var link = $(this).parent('a');
				 if(!$(link).attr('rel')) {
						 $(link).attr('rel', 'gallery' + index);
				 }
				 $(link).click(function() {
						 $(this).fancybox({
								 fitToView : false,
								 width : '70%',
								 height : '70%',
								 autoSize : true,
								 closeClick : false
						 });
						 return(false);
				 });
});
});

замените на:

$(function() {
$('.htmlDataBlock a img').each(function(index) {
				 var link = $(this).parent('a');
				 if(!$(link).attr('rel')) {
						 $(link).attr('rel', 'gallery' + index);
				 }
						 $(link).fancybox({
								 fitToView : false,
								 width : '70%',
								 height : '70%',
								 autoSize : true,
								 closeClick : false
						 });
						 return(false);
});
});