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

[kirussian]

Здравствуйте!

Сегодня столкнулся с проблемой, что при наличие модификаций и создания фотоэффекта, есть ошибка при наведении на фотографию.
Привожу пример:
1. выбираем цвет товара Красный в выпадающем списке.
2. наводим мышку на фото - все корректно, цвет красной модели (скрин)
3. в выпадающем списке выбираем уже цвет Черный
4. наводим мышку на фото - видим снова Красный цвет модели (скрин).

Большая просьба оперативно помочь.

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

• 
• 

[Vaccina]

Здравствуйте.

Можно по другому попробовать реализовать, в описании модификации укажите номер картинки, на примере вашего товара в описании цвета "черный" = 1
(отсчет включая 0 идёт).

[kirussian]

Vaccina (29 Июнь 2017 - 08:05) писал:

Здравствуйте.

Можно по другому попробовать реализовать, в описании модификации укажите номер картинки, на примере вашего товара в описании цвета "черный" = 1
(отсчет включая 0 идёт).

Понимаю про что речь, но не понимаю, как номер картинки указать?

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

• 

[Vaccina]

Здравствуйте.

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

[kirussian]

Vaccina (30 Июнь 2017 - 05:43) писал:

Здравствуйте.

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

Готово. На черном цвете поставил 1.

[Vaccina]

Здравствуйте.

Благодарю за изменения, зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:

alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
	  }
	  var src_new = $('.goodsDataMainModificationsDescriptionBlock').find('img').attr('src');
$('.general-img img').attr('src', src_new);
$('.general-img a').attr('href', src_new);
$('#cloud-zoom-big').css('background-image','url(src_new)');
	});

замените на:

  alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
	  }
	  var src_new = $('.goodsDataMainModificationsDescriptionBlock').text();
	  $('.goodsImageZoom, .thumblist a:eq('+ src_new +')').trigger('click');
	});

[kirussian]

Vaccina (01 Июль 2017 - 08:17) писал:

Здравствуйте.

Благодарю за изменения, зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:

alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
	 }
	 var src_new = $('.goodsDataMainModificationsDescriptionBlock').find('img').attr('src');
$('.general-img img').attr('src', src_new);
$('.general-img a').attr('href', src_new);
$('#cloud-zoom-big').css('background-image','url(src_new)');
});

замените на:

alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
	 }
	 var src_new = $('.goodsDataMainModificationsDescriptionBlock').text();
	 $('.goodsImageZoom, .thumblist a:eq('+ src_new +')').trigger('click');
});

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

[Vaccina]

Здравствуйте.

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

<span class="eq" style="display:none;">1</div>

После изменения я укажу корректирующую инструкцию по скрипту.

[kirussian]

Vaccina (04 Июль 2017 - 05:25) писал:

Здравствуйте.

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

<span class="eq" style="display:none;">1</div>

После изменения я укажу корректирующую инструкцию по скрипту.

Сделал изменение в одном товаре (который был для примера), появилась ошибка.

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

• 

[Vaccina]

Здравствуйте.

Прошу прощения, синтаксис нарушила, необходимо использовать не:

<span class="eq" style="display:none;">1</div>

а:

<span class="eq" style="display:none;">1</span>

[kirussian]

Vaccina (06 Июль 2017 - 07:17) писал:

Здравствуйте.

Прошу прощения, синтаксис нарушила, необходимо использовать не:

<span class="eq" style="display:none;">1</div>

а:

<span class="eq" style="display:none;">1</span>

Поправил код в одном товаре.

[Vaccina]

Здравствуйте.

Благодарю, зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите(опираясь на инструкцию выше):

alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
		 }
		 var src_new = $('.goodsDataMainModificationsDescriptionBlock').text();
		 $('.goodsImageZoom, .thumblist a:eq('+ src_new +')').trigger('click');
});

замените на:

alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
		 }
var src_txt = $('.goodsDataMainModificationsDescriptionBlock span').text();
if (src_txt.length){
$('.goodsImageZoom, .thumblist a:eq('+ src_txt +')').trigger('click');
} else{
var src_img = $('.goodsDataMainModificationsDescriptionBlock').find('img').attr('src');
$('.general-img img').attr('src', src_img);
$('.general-img a').attr('href', src_img);
$('#cloud-zoom-big').css('background-image','url(src_img)');
}
});

[kirussian]

Vaccina (07 Июль 2017 - 07:47) писал:

Здравствуйте.

Благодарю, зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите(опираясь на инструкцию выше):

alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
		 }
		 var src_new = $('.goodsDataMainModificationsDescriptionBlock').text();
		 $('.goodsImageZoom, .thumblist a:eq('+ src_new +')').trigger('click');
});

замените на:

alert('К сожалению сейчас не получается подобрать модификацию соответствующую выбранным параметрам.');
		 }
var src_txt = $('.goodsDataMainModificationsDescriptionBlock span').text();
if (src_txt.length){
$('.goodsImageZoom, .thumblist a:eq('+ src_txt +')').trigger('click');
} else{
var src_img = $('.goodsDataMainModificationsDescriptionBlock').find('img').attr('src');
$('.general-img img').attr('src', src_img);
$('.general-img a').attr('href', src_img);
$('#cloud-zoom-big').css('background-image','url(src_img)');
}
});

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

[Ирина345]

kirussian (07 Июль 2017 - 11:01) писал:

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

Здравствуйте, что бы данный скрипт работал, необходимо видоизменить описание модификаций с Красным цветом, а именно прописать

<span class="eq" style="display:none;">0</span>

Таким образом Вы укажите, что необходимо использовать первое дополнительное изображение товара.
Отсчет в данном случае начинается с 0.

[kirussian]

Ирина345 (11 Июль 2017 - 15:54) писал:

Здравствуйте, что бы данный скрипт работал, необходимо видоизменить описание модификаций с Красным цветом, а именно прописать

<span class="eq" style="display:none;">0</span>

Таким образом Вы укажите, что необходимо использовать первое дополнительное изображение товара.
Отсчет в данном случае начинается с 0.

Продолжим... Да, тот товар, который мы делали для примера работает.
Теперь, чтобы распространить доработку на все остальные товары мне нужно руками проставить изменения во все модификации?
То, что это трудозатратно половина беды, но я не до конца понял, как мне прописывать скрипт в описании к модификации, если там 3-4-5-6 цвета.
Давайте на другом примере попробуем и если получится, то я также сделаю на других товарах.

[Vaccina]

Здравствуйте.

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

[kirussian]

Vaccina (20 Июль 2017 - 08:26) писал:

Здравствуйте.

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

Здравствуйте!
Предлагаю на этом примере https://russian-box....738/cid_5019483

[Vaccina]

Здравствуйте.

Благодарю за ссылку. Сделать выборку из нескольких фото по одному цвету не получится. Как вариант, менять одно фото по принципу выше, а остальные фото по данному цвету добавлять как раньше, чтобы они отдельно в описании под выбором модификаций отображались, например для 4oz белый описание будет следующим:

<span class="eq" style="display:none;">2</span>
<img src="http://i1.mirwarrior.ru/1/7556/75557216/baec64/bokserskie-perchatki-detskie-rdx-jbr.jpg" />

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

<span class="eq" style="display:none;">2</span>
<img src="http://i1.mirwarrior.ru/1/7556/75557216/baec64/bokserskie-perchatki-detskie-rdx-jbr.jpg" />
<img src="http://i1.mirwarrior.ru/1/7556/75557216/baec64/bokserskie-perchatki-detskie-rdx-jbr.jpg" />
<img src="http://i1.mirwarrior.ru/1/7556/75557216/baec64/bokserskie-perchatki-detskie-rdx-jbr.jpg" />
<img src="http://i1.mirwarrior.ru/1/7556/75557216/baec64/bokserskie-perchatki-detskie-rdx-jbr.jpg" />

Чтобы вывести обратно описание модификации, зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:

<!-- Блок описания модификации -->
		  <div  style="display:none">
		  <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
			<div class="blockquote" itemprop="description">{GOODS_MOD_DESCRIPTION}</div>
		  </div>
		  </div>

          
          
замените на:

<!-- Блок описания модификации -->
		  <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
			<div class="blockquote" itemprop="description">{GOODS_MOD_DESCRIPTION}</div>
		  </div>

          
          
Далее зайдите в main.css - найдите:

.product-view .product-shop .goodsDataMainModificationsBlock div:first-child {margin-left:0;}
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsBlockProperty select {padding: 5px;border: 1px solid #e5e5e5;}
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsBlockProperty select:focus {border: 1px solid #a9a9a9;}

после него пропишите:

.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock {
	width: 100%;
}
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock img {
	width: 150px;
	height: auto;
}

[kirussian]

Vaccina (21 Июль 2017 - 08:12) писал:

Здравствуйте.

Благодарю за ссылку. Сделать выборку из нескольких фото по одному цвету не получится. Как вариант, менять одно фото по принципу выше, а остальные фото по данному цвету добавлять как раньше, чтобы они отдельно в описании под выбором модификаций отображались, например для 4oz белый описание будет следующим:

<span class="eq" style="display:none;">2</span>
<img src="http://i1.mirwarrior.ru/1/7556/75557216/baec64/bokserskie-perchatki-detskie-rdx-jbr.jpg" />

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

<span class="eq" style="display:none;">2</span>
<img src="http://i1.mirwarrior.ru/1/7556/75557216/baec64/bokserskie-perchatki-detskie-rdx-jbr.jpg" />
<img src="http://i1.mirwarrior.ru/1/7556/75557216/baec64/bokserskie-perchatki-detskie-rdx-jbr.jpg" />
<img src="http://i1.mirwarrior.ru/1/7556/75557216/baec64/bokserskie-perchatki-detskie-rdx-jbr.jpg" />
<img src="http://i1.mirwarrior.ru/1/7556/75557216/baec64/bokserskie-perchatki-detskie-rdx-jbr.jpg" />

Чтобы вывести обратно описание модификации, зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:

<!-- Блок описания модификации -->
		 <div style="display:none">
		 <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
		 <div class="blockquote" itemprop="description">{GOODS_MOD_DESCRIPTION}</div>
		 </div>
		 </div>

  
  
замените на:

<!-- Блок описания модификации -->
		 <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
		 <div class="blockquote" itemprop="description">{GOODS_MOD_DESCRIPTION}</div>
		 </div>

  
  
Далее зайдите в main.css - найдите:

.product-view .product-shop .goodsDataMainModificationsBlock div:first-child {margin-left:0;}
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsBlockProperty select {padding: 5px;border: 1px solid #e5e5e5;}
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsBlockProperty select:focus {border: 1px solid #a9a9a9;}

после него пропишите:

.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock {
width: 100%;
}
.product-view .product-shop .goodsDataMainModificationsBlock .goodsDataMainModificationsDescriptionBlock img {
width: 150px;
height: auto;
}

Спасибо за оперативный ответ.
Я не понял фразу "Чтобы вывести обратно описание модификации". Подскажите подробнее, как это отразится на функционале.

[Vaccina]

Здравствуйте.

Данные изменения только сделают видимым описание модификации в карточке товара под их выбором и уменьшит фото в выводимом описании.
Пример:


Отображаться тут будут только фото, вставленные в описание через данный тег:

<img src="http://i1.mirwarrior.ru/1/7556/75557216/baec64/bokserskie-perchatki-detskie-rdx-jbr.jpg" />