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


Цена Не Реагирует На Изменений Модификации


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

#41 Ivan712

Ivan712

    Пользователь

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

Отправлено 24 Ноябрь 2015 - 12:58

 Vaccina (19 Март 2013 - 07:57) писал:

В описание модификации изображение можно ставить через тег <img> и при изменении модификации изображение будет отображаться. Так же можно сделать увеличение изображения например так

<a href="ссылка на большое изображение" onclick="$(this).nyroModalManual();">
<img src="ссылка на Маленькое изображение" />
</a>

далее по сути останется переместить описание модификации

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

на место изображения товара

<div class="goodsDataMainImage">
			 {% IF GOODS_IMAGE_EMPTY %}
				 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
			 {% ELSE %}
				 <a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
			 {% ENDIF %}
			 <!-- Идентификатор изображения товара, используется для галереи изображений -->
			 <input type="hidden" rel="{GOODS_IMAGE_ID}" />
			 </div>

в итоге из следующего кода

<td class="goodsDataMainImageBlock">
			 <!-- Большое изображение -->
			 <div class="goodsDataMainImage">
			 {% IF GOODS_IMAGE_EMPTY %}
				 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
			 {% ELSE %}
				 <a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
			 {% ENDIF %}
			 <!-- Идентификатор изображения товара, используется для галереи изображений -->
			 <input type="hidden" rel="{GOODS_IMAGE_ID}" />
			 </div>
			 <!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение -->
			 {% IFNOT GOODS_IMAGE_EMPTY %}
			 <div class="goodsDataMainImageZoom">
				 <a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a>
			 </div>
			 {% ENDIF %}
			 <!-- Другие изображения товара. Отображаются если есть изображения товара -->
			 {% IFNOT goods_images_empty %}
			 {% FOR goods_images %}
				 <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
				 {% IF goods_images.first %}
				 <div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
					 <h5>Другие фото {GOODS_NAME}</h5>
				 {% ENDIF %}
				 <!-- Уменьшенное изображение товара -->
				 <div class="goodsDataMainImagesIcon left">
				 <a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
				 <!-- Идентификатор изображения товара, используется для галереи изображений -->
				 <input type="hidden" rel="{goods_images.ID}" />
				 </div>
				 <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
				 {% IF goods_images.last %}
				 </div>
				 {% ENDIF %}
			 {% ENDFOR %}
			 {% ENDIF %}
		 </td>

получиться что-то вроде этого

<td class="goodsDataMainImageBlock">
			 <!-- Большое изображение -->
			 <div class="goodsDataMainImage goodsDataMainModificationsDescriptionBlock">
	 {% IF GOODS_MOD_DESCRIPTION %}
	 {GOODS_MOD_DESCRIPTION | htmlspecialchars_decode}
{%ELSE%}
				 {% IF GOODS_IMAGE_EMPTY %}
				 <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}" />
				 {% ELSE %}
				 <a itemprop="image" href="{GOODS_IMAGE_LARGE}" target="_blank" title="Увеличить {GOODS_NAME}"><img class="cornerAll withBorder goods-image-medium" src="{GOODS_IMAGE_MEDIUM}" alt="{GOODS_NAME}" /></a>
				 {% ENDIF %}
				 <!-- Идентификатор изображения товара, используется для галереи изображений -->
				 <input type="hidden" rel="{GOODS_IMAGE_ID}" />
{% ENDIF %}
			 </div>
			 <!-- Ссылка на увеличение среднего изображения товара до большого. Появляется если у товара указано изображение -->
			 {% IFNOT GOODS_MOD_DESCRIPTION %}{% IFNOT GOODS_IMAGE_EMPTY %}
			 <div class="goodsDataMainImageZoom">
				 <a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a>
			 </div>
			 {% ENDIF %}{% ENDIF %}
			 <!-- Другие изображения товара. Отображаются если есть изображения товара -->
			 {% IFNOT GOODS_MOD_DESCRIPTION %}{% IFNOT goods_images_empty %}
			 {% FOR goods_images %}
				 <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
				 {% IF goods_images.first %}
				 <div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
					 <h5>Другие фото {GOODS_NAME}</h5>
				 {% ENDIF %}
				 <!-- Уменьшенное изображение товара -->
				 <div class="goodsDataMainImagesIcon left">
				 <a href="{goods_images.LARGE}" rel="gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
				 <!-- Идентификатор изображения товара, используется для галереи изображений -->
				 <input type="hidden" rel="{goods_images.ID}" />
				 </div>
				 <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
				 {% IF goods_images.last %}
				 </div>
				 {% ENDIF %}
			 {% ENDFOR %}
			 {% ENDIF %}{% ENDIF %}
		 </td>
Вопрос, возможно я не понял. как сделать чтоб изображение менялось на основной картинке. а не вылетало по описанием. Спасибо

#42 siriuskony

siriuskony

    Пользователь

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

Отправлено 18 Май 2016 - 16:13

 Vaccina (19 Март 2013 - 07:57) писал:

В описание модификации изображение можно ставить через тег <img> и при изменении модификации изображение будет отображаться.

Попробовала сделать так, изображение товара при выборе соответствующей модификации не выводится. Просто в описании модификации стала отображаться ссылка на фото. Что я делаю не так? Цель - если у товара несколько модификаций, при выборе модификации должна меняться картинка в карточке товара.

#43 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 19 Май 2016 - 05:34

Укажите пожалуйста товар, в модификации которого имеется ссылка на дополнительное фото.

#44 Динар

Динар

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

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

Отправлено 20 Сентябрь 2016 - 18:56

Я вот понять не могу,в каком разделе это все делается(смена изображения при смене модификации товара)?)))

#45 Stasya

Stasya

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

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

Отправлено 21 Сентябрь 2016 - 10:36

 Динар (20 Сентябрь 2016 - 18:56) писал:

Я вот понять не могу,в каком разделе это все делается(смена изображения при смене модификации товара)?)))

Здравствуйте. Подробная инструкция по установке такого функционала есть здесь.

#46 Динар

Динар

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

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

Отправлено 29 Сентябрь 2016 - 21:30

 Stasya (21 Сентябрь 2016 - 10:36) писал:

Здравствуйте. Подробная инструкция по установке такого функционала есть здесь.
Спасибо ,но ничего не меняется,все так же

#47 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 30 Сентябрь 2016 - 05:01

 Динар (20 Сентябрь 2016 - 18:56) писал:

Я вот понять не могу,в каком разделе это все делается(смена изображения при смене модификации товара)?)))
Если вы про сообщение #41 из данной темы, то изменения делаются в шаблоне Товар.

 Динар (29 Сентябрь 2016 - 21:30) писал:

Спасибо ,но ничего не меняется,все так же

вы не добавили изображения в описание модификаций(проверено на товаре "леопард" на главной странице)

#48 Динар

Динар

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

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

Отправлено 30 Сентябрь 2016 - 19:52

 Vaccina (30 Сентябрь 2016 - 05:01) писал:

Если вы про сообщение #41 из данной темы, то изменения делаются в шаблоне Товар.


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

#49 Firefly

Firefly

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

  • Модераторы
  • 3 750 сообщений

Отправлено 01 Октябрь 2016 - 14:30

 Динар (30 Сентябрь 2016 - 19:52) писал:

я добавлял изображения,только к другому товару,сейчас сделал на товаре "леопард"почему не так?

Здравствуйте.
У Вас были некорректно указаны ссылки на картинки, а именно отсутствовала закрывающаяся кавычка и и значок >
Внес Вам исправления.
Сейчас изображения уже выводятся.

#50 Динар

Динар

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

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

Отправлено 01 Октябрь 2016 - 14:53

 Firefly (01 Октябрь 2016 - 14:30) писал:

Здравствуйте.
У Вас были некорректно указаны ссылки на картинки, а именно отсутствовала закрывающаяся кавычка и и значок >
Внес Вам исправления.
Сейчас изображения уже выводятся.
Спасибо,а возможно чтобы при выборе цвета менялось только основное изображение?а допфото отсутствовало

#51 Firefly

Firefly

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

  • Модераторы
  • 3 750 сообщений

Отправлено 01 Октябрь 2016 - 15:45

 Динар (01 Октябрь 2016 - 14:53) писал:

Спасибо,а возможно чтобы при выборе цвета менялось только основное изображение?а допфото отсутствовало

Добавил Вам строку в шаблоне main.js:
$('.product-view .product-shop .goodsDataMainModificationsBlock div img').hide();

Сейчас повторное изображение будет скрываться.

#52 Динар

Динар

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

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

Отправлено 01 Октябрь 2016 - 16:20

 Firefly (01 Октябрь 2016 - 15:45) писал:

Добавил Вам строку в шаблоне main.js:
$('.product-view .product-shop .goodsDataMainModificationsBlock div img').hide();

Сейчас повторное изображение будет скрываться.
Спасибо)))а возможно ли сделать как на фото?

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

  • опис.png


#53 Firefly

Firefly

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

  • Модераторы
  • 3 750 сообщений

Отправлено 01 Октябрь 2016 - 16:43

 Динар (01 Октябрь 2016 - 16:20) писал:

Спасибо)))а возможно ли сделать как на фото?

Создал бэкапы до (01.10.2016 16:41:28) и после и внес Вам изменения.
Проверьте, пожалуйста.

#54 Динар

Динар

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

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

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

 Firefly (01 Октябрь 2016 - 16:43) писал:

Создал бэкапы до (01.10.2016 16:41:28) и после и внес Вам изменения.
Проверьте, пожалуйста.
да,спасибо,но возникла другая проблема,(на примере товара ,,леопард,,)при выборе цвета оранжевый или другого, меняется основное фото когда наводишь мышкой

#55 Firefly

Firefly

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

  • Модераторы
  • 3 750 сообщений

Отправлено 01 Октябрь 2016 - 18:12

 Динар (01 Октябрь 2016 - 17:09) писал:

да,спасибо,но возникла другая проблема,(на примере товара ,,леопард,,)при выборе цвета оранжевый или другого, меняется основное фото когда наводишь мышкой

Изменения Вам внес. Добавил дополнительные строки:
if(getClientWidth() > 992){
		$(".cloud-zoom, .cloud-zoom-gallery").CloudZoom()
	  }

Проверьте, пожалуйста.

#56 Динар

Динар

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

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

Отправлено 01 Октябрь 2016 - 18:19

 Firefly (01 Октябрь 2016 - 18:12) писал:

Изменения Вам внес. Добавил дополнительные строки:
if(getClientWidth() > 992){
	 $(".cloud-zoom, .cloud-zoom-gallery").CloudZoom()
	 }

Проверьте, пожалуйста.
Большущий Респект))

#57 demon408

demon408

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

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

Отправлено 02 Октябрь 2016 - 19:27

 Koderhan (24 Декабрь 2012 - 08:38) писал:

В новой версии шаблона мы уже изменили эту ошибку. И теперь цена изменяется при изменение модификаций.
Вы можете заново установить новый шаблон "Техника".
Предварительно сделав резервную копию старого шаблона.
У меня та же проблема. Техника старой версии, цена не реагирует на изменение модификации. Обновить тему или отдельно шаблоны Товар и main.js не могу, там достаточно много изменений. Подскажите, пожалуйста, какие конкретно изменения необходимо внести, чтобы данная функция заработала.

#58 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 04 Октябрь 2016 - 02:17

В шаблоне Товар найдите:
<span class="price" title="Текущая цена за &laquo;{GOODS_NAME}&raquo;">
							 {GOODS_MOD_PRICE_NOW | money_format}
						  </span>

замените на:
<span class="goodsDataMainModificationPriceNow price" title="Текущая цена за &laquo;{GOODS_NAME}&raquo;" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">
			{GOODS_MOD_PRICE_NOW | money_format}
		  </span>


#59 demon408

demon408

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

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

Отправлено 04 Октябрь 2016 - 17:25

 Vaccina (04 Октябрь 2016 - 02:17) писал:

В шаблоне Товар найдите:
<span class="price" title="Текущая цена за &laquo;{GOODS_NAME}&raquo;">
							 {GOODS_MOD_PRICE_NOW | money_format}
						 </span>

замените на:
<span class="goodsDataMainModificationPriceNow price" title="Текущая цена за &laquo;{GOODS_NAME}&raquo;" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">
		 {GOODS_MOD_PRICE_NOW | money_format}
		 </span>
Заработало, но почему-то только для простых модификаций (например, размер S | размер M | размер L). А для двойных модификаций (например, размер S - цвет Черный | размер S - цвет Белый) изменение цены не работает. Изменение описания двойных модификаций, кстати, тоже не работает.

#60 Stasya

Stasya

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

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

Отправлено 06 Октябрь 2016 - 14:20

 demon408 (04 Октябрь 2016 - 17:25) писал:

Заработало, но почему-то только для простых модификаций (например, размер S | размер M | размер L). А для двойных модификаций (например, размер S - цвет Черный | размер S - цвет Белый) изменение цены не работает. Изменение описания двойных модификаций, кстати, тоже не работает.

В файле main.js найдите строку
return properties.sort(function(a,B){return a - b}).join('_');
и замените ее на
return properties.sort(function(a,B){return a - B}).join('_');





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

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