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


Добавление Фотографий В Описание И Создание Папок


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

#21 ogonek7777

ogonek7777

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

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 27 Июль 2013 - 16:47

 С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);
});
});
});

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

#22 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 28 Июль 2013 - 11:41

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

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

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

#23 AlexP_RUS

AlexP_RUS

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

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

Отправлено 09 Октябрь 2013 - 13:01

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

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

#24 Сake

Сake

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

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

Отправлено 10 Октябрь 2013 - 04:06

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

чур меня от этого кода :blink: :wacko: , он продолжает выносить изображение вверх страницы и мало того: не позволяет открывать товары в каталоге при клике на изображение товара, 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>


#25 AlexP_RUS

AlexP_RUS

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

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

Отправлено 10 Октябрь 2013 - 13:18

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

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

#26 Koderhan

Koderhan

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

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

Отправлено 10 Октябрь 2013 - 16:46

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

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

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

#27 Acum56

Acum56

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

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

Отправлено 23 Ноябрь 2013 - 19:57

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

#28 Koderhan

Koderhan

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

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

Отправлено 25 Ноябрь 2013 - 14:34

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

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

#29 forester

forester

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

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

Отправлено 21 Май 2015 - 13:33

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

#30 itm

itm

    Новичок

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

Отправлено 14 Ноябрь 2016 - 19:14

Добрый вечер!
Я Сделал все по инструкции для того чтобы создать галерею картинок на отдельной страницы сайта.
Я сдела следующие:
$(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

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

#31 Vaccina

Vaccina

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

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

Отправлено 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);
		 });
  });
});


#32 itm

itm

    Новичок

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

Отправлено 16 Ноябрь 2016 - 19:05

 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);
		 });
});
});

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

#33 Stasya

Stasya

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

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

Отправлено 17 Ноябрь 2016 - 12:37

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

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

#34 itm

itm

    Новичок

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

Отправлено 18 Ноябрь 2016 - 16:46

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

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

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

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

#35 Vaccina

Vaccina

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

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

Отправлено 19 Ноябрь 2016 - 07:11

Вставка картинки у вас происходит в визуальном редакторе, поэтому описание вы можете размещать в обычном режиме как вам удобней.
Можно также добавить всплывающий текст при наведении на нее, для этого в строке-примере:
<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);
});
});





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

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