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

[ooosik]

Сake (12 Ноябрь 2013 - 03:02) писал:

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

Все выполнила, выдает ошибку, карусель вообще убрала все равно ошибка, что дальше делать?

[Koderhan]

После каких изменений у вас перестала работать лупа ?
Для того чтобы изображение при двойном клике открывалось в новом окне.
В файле "Товар".
Код:

<a href="{goods_images.LARGE}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' ">
										  <img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
										</a>

Заменить:

<a href="{goods_images.LARGE}" title="{goods_images.NAME}" target="_blank" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' ">
										  <img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
										</a>

[ooosik]

Koderhan (12 Ноябрь 2013 - 15:35) писал:

После каких изменений у вас перестала работать лупа ?
Для того чтобы изображение при двойном клике открывалось в новом окне.
В файле "Товар".
Код:

<a href="{goods_images.LARGE}" title="{goods_images.NAME}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' ">
										 <img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
									 </a>

Заменить:

<a href="{goods_images.LARGE}" title="{goods_images.NAME}" target="_blank" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' ">
										 <img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
									 </a>

после всех инструкций что мне написали у меня открывается изображение в новом окне

сделала все то же открывает изображение в новом окне, а надо как в шаблоне сияние

что дальше делать

на сайте 2 JS ошибки

[ooosik]

блин, мне не надо в новом окне, точнее мне надо в новом окне поверх старого (как в шаблоне сияние) а не в соседнем, как сейчас, не нужно по двойному клику, нужно нажать на картинку и чтобы она тут же увеличилась, а не увеличивалась при наведении на нее, КАК В ШАБЛОНЕ СИЯНИЕ ничего нового придумывать не надо, это уже работает в шаблоне сияние как сделать увеличение изображений как там

[Сake]

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

Найдите в шаблоне "Товар" код

<!-- Большое изображение -->
	<div class="image">
	  <div id="wrap" style="top:0px;z-index:9999;position:relative;background: #fff;margin: 0 auto;text-align: center;">
		{% IF GOODS_IMAGE_EMPTY %}
				  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}"  class="thumbnail"/>
				{% ELSE %}
				  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" id="zoom1">
						<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image">
				  </a>
				{% ENDIF %}		
	  </div>			 
	</div>

и замените его на

<!-- Большое изображение -->
	<div class="image">
		{% IF GOODS_IMAGE_EMPTY %}
				  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}"  class="thumbnail"/>
				{% ELSE %}
				  <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" id="zoom1">
						<img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image">
				  </a>
				{% ENDIF %}					 
	</div>

далее найдите

{% IFNOT goods_images_empty %}
		  {% FOR goods_images %}
				{% IF goods_images.first %}
				  <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block">
						<div id="thumbs_list">
						  <ul id="thumbs_list_frame">
						  {% ENDIF %}
								  <li>
										<a href="{goods_images.LARGE}" title="{goods_images.NAME}" target="_blank" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' ">
																				  <img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
																				</a>
								  </li>
						  {% IF goods_images.last %}
						  </ul>
						</div>
				  </div>
				{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}

и замените на

{% IFNOT goods_images_empty %}
		  {% FOR goods_images %}
				{% IF goods_images.first %}
				  <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block">
						<div id="thumbs_list">
						  <ul id="thumbs_list_frame">
						  {% ENDIF %}
								  <li>
										<a href="{goods_images.LARGE}" title="{goods_images.NAME}" target="_blank" rel="{goods_images.MEDIUM}">
											<img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
										</a>
								  </li>
						  {% IF goods_images.last %}
						  </ul>
						</div>
				  </div>
				{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}

далее в самый конец файла main.js добавьте код

$(function() {
  $('.image a').fancybox();
  $('#thumbs_list_frame li a').click(function() {
	  var small = $(this).attr('rel');
	  var large = $(this).attr('href');
	  $('.image a').attr('href', large).find('img').attr('src', small);
	  return(false);
  });
});

[ooosik]

Сake (13 Ноябрь 2013 - 02:35) писал:

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

Найдите в шаблоне "Товар" код

<!-- Большое изображение -->
<div class="image">
	 <div id="wrap" style="top:0px;z-index:9999;position:relative;background: #fff;margin: 0 auto;text-align: center;">
	 {% IF GOODS_IMAGE_EMPTY %}
				 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/>
			 {% ELSE %}
				 <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" id="zoom1">
					 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image">
				 </a>
			 {% ENDIF %}		
	 </div>			
</div>

и замените его на

<!-- Большое изображение -->
<div class="image">
	 {% IF GOODS_IMAGE_EMPTY %}
				 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/>
			 {% ELSE %}
				 <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" id="zoom1">
					 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image">
				 </a>
			 {% ENDIF %}					
</div>

далее найдите

{% IFNOT goods_images_empty %}
		 {% FOR goods_images %}
			 {% IF goods_images.first %}
				 <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block">
					 <div id="thumbs_list">
						 <ul id="thumbs_list_frame">
						 {% ENDIF %}
								 <li>
									 <a href="{goods_images.LARGE}" title="{goods_images.NAME}" target="_blank" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' ">
																				 <img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
																			 </a>
								 </li>
						 {% IF goods_images.last %}
						 </ul>
					 </div>
				 </div>
			 {% ENDIF %}
		 {% ENDFOR %}
	 {% ENDIF %}

и замените на

{% IFNOT goods_images_empty %}
		 {% FOR goods_images %}
			 {% IF goods_images.first %}
				 <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block">
					 <div id="thumbs_list">
						 <ul id="thumbs_list_frame">
						 {% ENDIF %}
								 <li>
									 <a href="{goods_images.LARGE}" title="{goods_images.NAME}" target="_blank" rel="{goods_images.MEDIUM}">
										 <img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
									 </a>
								 </li>
						 {% IF goods_images.last %}
						 </ul>
					 </div>
				 </div>
			 {% ENDIF %}
		 {% ENDFOR %}
	 {% ENDIF %}

далее в самый конец файла main.js добавьте код

$(function() {
$('.image a').fancybox();
$('#thumbs_list_frame li a').click(function() {
	 var small = $(this).attr('rel');
	 var large = $(this).attr('href');
	 $('.image a').attr('href', large).find('img').attr('src', small);
	 return(false);
});
});

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

[ooosik]

На странице товара вообще все съехало, каталог ушел вниз

[ooosik]

изображения открываются как надо, только под ними надпись увеличить "название товара", на странице товара бардак отзывы о товаре посередине превьюшки и каталог съехали((((((((((((

[ne_yana]

ooosik (13 Ноябрь 2013 - 09:14) писал:

изображения открываются как надо, только под ними надпись увеличить "название товара", на странице товара бардак отзывы о товаре посередине превьюшки и каталог съехали((((((((((((

Здравствуйте, укажите, пожалуйста, номер своего аккаунта.

[Flor@@]

ПОМОГИИИИТЕ и мне пожаааалуста:
необходимо:
1. сохранить карусель превьюшек, не работает сейчас..
2. при наведении курсором на фото чтобы был zoom фрагмента рисунка, сейчас тоже не работает.
3. сделать так чтобы по двойному щелчку большие фото открывались в соседнем окне, а сейчас они открываются в этом же окне, так не должно быть.

Прикрепленные изображения

• 

[Anastezia]

Сake (13 Ноябрь 2013 - 02:35) писал:

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

Найдите в шаблоне "Товар" код

<!-- Большое изображение -->
<div class="image">
	 <div id="wrap" style="top:0px;z-index:9999;position:relative;background: #fff;margin: 0 auto;text-align: center;">
	 {% IF GOODS_IMAGE_EMPTY %}
				 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/>
			 {% ELSE %}
				 <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" id="zoom1">
					 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image">
				 </a>
			 {% ENDIF %}		
	 </div>			
</div>

и замените его на

<!-- Большое изображение -->
<div class="image">
	 {% IF GOODS_IMAGE_EMPTY %}
				 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" class="thumbnail"/>
			 {% ELSE %}
				 <a itemprop="image" href="{GOODS_IMAGE_LARGE}" title="Увеличить {GOODS_NAME}" id="zoom1">
					 <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image">
				 </a>
			 {% ENDIF %}					
</div>

далее найдите

{% IFNOT goods_images_empty %}
		 {% FOR goods_images %}
			 {% IF goods_images.first %}
				 <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block">
					 <div id="thumbs_list">
						 <ul id="thumbs_list_frame">
						 {% ENDIF %}
								 <li>
									 <a href="{goods_images.LARGE}" title="{goods_images.NAME}" target="_blank" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{goods_images.MEDIUM}' ">
																				 <img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
																			 </a>
								 </li>
						 {% IF goods_images.last %}
						 </ul>
					 </div>
				 </div>
			 {% ENDIF %}
		 {% ENDFOR %}
	 {% ENDIF %}

и замените на

{% IFNOT goods_images_empty %}
		 {% FOR goods_images %}
			 {% IF goods_images.first %}
				 <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block">
					 <div id="thumbs_list">
						 <ul id="thumbs_list_frame">
						 {% ENDIF %}
								 <li>
									 <a href="{goods_images.LARGE}" title="{goods_images.NAME}" target="_blank" rel="{goods_images.MEDIUM}">
										 <img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
									 </a>
								 </li>
						 {% IF goods_images.last %}
						 </ul>
					 </div>
				 </div>
			 {% ENDIF %}
		 {% ENDFOR %}
	 {% ENDIF %}

далее в самый конец файла main.js добавьте код

$(function() {
$('.image a').fancybox();
$('#thumbs_list_frame li a').click(function() {
	 var small = $(this).attr('rel');
	 var large = $(this).attr('href');
	 $('.image a').attr('href', large).find('img').attr('src', small);
	 return(false);
});
});

А уменя получилось. Но только после увеличения происходит небольшой сдвиг сайта в право.

[ooosik]

otdyh-i-son.ru (13 Ноябрь 2013 - 14:55) писал:

ПОМОГИИИИТЕ и мне пожаааалуста:
необходимо:
1. сохранить карусель превьюшек, не работает сейчас..
2. при наведении курсором на фото чтобы был zoom фрагмента рисунка, сейчас тоже не работает.
3. сделать так чтобы по двойному щелчку большие фото открывались в соседнем окне, а сейчас они открываются в этом же окне, так не должно быть.

а зачем вы изменения делали, в оригинальном шаблоне было так как вы хотите? переустановите шаблон осень заново

ne_yana (13 Ноябрь 2013 - 14:11) писал:

Здравствуйте, укажите, пожалуйста, номер своего аккаунта.

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

[ooosik]

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

[Flor@@]

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

[Сake]

ooosik (13 Ноябрь 2013 - 06:32) писал:

На странице товара вообще все съехало, каталог ушел вниз

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

otdyh-i-son.ru (13 Ноябрь 2013 - 14:55) писал:

ПОМОГИИИИТЕ и мне пожаааалуста:
необходимо:
1. сохранить карусель превьюшек, не работает сейчас..
2. при наведении курсором на фото чтобы был zoom фрагмента рисунка, сейчас тоже не работает.
3. сделать так чтобы по двойному щелчку большие фото открывались в соседнем окне, а сейчас они открываются в этом же окне, так не должно быть.

Если вы не можете восстановить шаблон из резервной копии, то выполните обратные действия инструкции http://forum.storela...ак/#entry101602 т.е ищите то на что нужно заменить и меняете на то что нужно найти (по инструкции).

[Flor@@]

Сake (14 Ноябрь 2013 - 02:02) писал:

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

Если вы не можете восстановить шаблон из резервной копии, то выполните обратные действия инструкции http://forum.storela...ак/#entry101602 т.е ищите то на что нужно заменить и меняете на то что нужно найти (по инструкции).

дык я же ж и написала, что изменения отменила (то есть восстановила первоначальный вид кода), и теперь нужна такая-то помощь!!!!!!

[Джейн]

Я тоже хочу, чтоб при щелчке мыши картинка открывалась в новом окне, как в сиянии. Но при этом что бы сохранилась функция Zoom и карусель. Нужно к тем функциям, что щас есть, просто добавить открывающееся окошко в точности как в Сиянии и все.Пробовала делать по инструкции - функция Zoom пропадает.  Запуталась совсем   То одно не получается, то другое.

[Flor@@]

Джейн (14 Ноябрь 2013 - 09:59) писал:

Я тоже хочу, чтоб при щелчке мыши картинка открывалась в новом окне, как в сиянии. Но при этом что бы сохранилась функция Zoom и карусель. Нужно к тем функциям, что щас есть, просто добавить открывающееся окошко в точности как в Сиянии и все.Пробовала делать по инструкции - функция Zoom пропадает.  Запуталась совсем   То одно не получается, то другое.

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

[Koderhan]

Почему не подходит ранее предложенный способ http://forum.storela...ак/#entry101602

[Джейн]

Koderhan (14 Ноябрь 2013 - 14:36) писал:

Почему не подходит ранее предложенный способ http://forum.storela...ак/#entry101602

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

Для чайников,  напишите, пожалуйста, четкие инструкции, как к той функции отображения фото, которая у нас есть в Осени (НИЧЕГО УБИРАТЬ НЕ НАДО) , ДОБАВИТЬ всплывающее увеличенное изображение фото товара как в Сиянии.