Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Работа С Товарами

Автор DenisOff2017, 19 Dec 2017 15:54

Авторизуйтесь для ответа в теме

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

#1 DenisOff2017

Новичок

Пользователи
9 сообщений

Отправлено 19 December 2017 - 15:54

Помогите пожалуйста сделать так что бы при наведении на товар показывался второй товар по списку. Обыскал уже все и перипробывал не получается. Пример скидываю как должно быть Заранее спасибо!

https://kengyry.com....sumki/portmone/

Наверх

#2 DenisOff2017

Новичок

Пользователи
9 сообщений

Отправлено 20 December 2017 - 16:03

Помогите пожалуйста сам не справлюсь!

Наверх

#3 DenisOff2017

Новичок

Пользователи
9 сообщений

Отправлено 20 December 2017 - 18:20

Пооомогитееее!

Наверх

#4 Vaccina

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

Модераторы
24399 сообщений

Отправлено 21 December 2017 - 06:19

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

Инструкции по реализации:
https://forum.storel...ии/#entry213597
https://forum.storel...едении-на-това/

Наверх

#5 DenisOff2017

Новичок

Пользователи
9 сообщений

Отправлено 21 December 2017 - 16:26

Не понятно!
Можно именно для Шаблона ГОРОД а то от Лето вроде не подходит
Пожалуйста очень надо я не разберусь сам.

Наверх

#6 Vaccina

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

Модераторы
24399 сообщений

Отправлено 22 December 2017 - 06:31

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:

 <a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" class="product-image">
					   <img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
					  {% IF goods.IS_NEW %}
						<span class="ico-new">Новинка</span>
					  {% ELSEIF goods.IS_TOP %}
						<span class="ico-best">Хит</span>
					  {% ENDIF %}
					  {% IF goods.MAX_DISCOUNT %}
						<span class="ico-sale">Скидка</span>
					  {% ENDIF %}
					</a>

замените на:

<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" class="product-image">
					   <img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
					  {% FOR images %}
						{% IF goods.images.length < 2 %}
						  <img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small2" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
						  {break}
						{% ELSEIF goods.images.index = 2 %}
						  <img src="{goods.images.MEDIUM}" class="goods-image-small goods-image-small2" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
						  {break}
						{% ENDIF %}
					  {% ENDFOR %}
					  {% IF goods.IS_NEW %}
						<span class="ico-new">Новинка</span>
					  {% ELSEIF goods.IS_TOP %}
						<span class="ico-best">Хит</span>
					  {% ENDIF %}
					  {% IF goods.MAX_DISCOUNT %}
						<span class="ico-sale">Скидка</span>
					  {% ENDIF %}
					</a>

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

.products-grid .item .item-inner .item-img > a {display: table-cell;vertical-align: middle;z-index: 1;width: 270px;height: 270px;}

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

.products-grid .item .item-inner .item-img img.goods-image-small2 {display: none;}
.products-grid .item:hover .item-inner .item-img img.goods-image-small {display: none;}
.products-grid .item:hover .item-inner .item-img img.goods-image-small2 {display: block;}

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

Наверх

#7 DenisOff2017

Новичок

Пользователи
9 сообщений

Отправлено 22 December 2017 - 19:07

Спасибо!!! Только теперь на главной ХИТЫ ПРОДАЖ при наведении просто пустой квадрат Как исправить?

Наверх

#8 Vaccina

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

Модераторы
24399 сообщений

Отправлено 23 December 2017 - 05:35

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

<a href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}" class="product-image">
							  <img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=urban{% ELSE %}{index_page_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_goods.NAME}" title="{index_page_goods.NAME}"  itemprop="image">
							  {% IF index_page_goods.IS_NEW %}
								<span class="ico-new">Новинка</span>
							  {% ELSEIF index_page_goods.IS_TOP %}
								<span class="ico-best">Хит</span>
							  {% ENDIF %}
							  {% IF index_page_goods.MAX_DISCOUNT %}
								<span class="ico-sale">Скидка</span>
							  {% ENDIF %}
							</a>

замените на:

<a href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}" class="product-image">
										   <img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{index_page_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_goods.NAME}" title="{index_page_goods.NAME}"  itemprop="image">
										  {% FOR images %}
												{% IF index_page_goods.images.length < 2 %}
												  <img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{index_page_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small2" alt="{index_page_goods.NAME}" title="{index_page_goods.NAME}"  itemprop="image">
												  {break}
												{% ELSEIF index_page_goods.images.index = 2 %}
												  <img src="{index_page_goods.images.MEDIUM}" class="goods-image-small goods-image-small2" alt="{index_page_goods.NAME}" title="{index_page_goods.NAME}"  itemprop="image">
												  {break}
												{% ENDIF %}
										  {% ENDFOR %}
										  {% IF index_page_goods.IS_NEW %}
												<span class="ico-new">Новинка</span>
										  {% ELSEIF index_page_goods.IS_TOP %}
												<span class="ico-best">Хит</span>
										  {% ENDIF %}
										  {% IF index_page_goods.MAX_DISCOUNT %}
												<span class="ico-sale">Скидка</span>
										  {% ENDIF %}
										</a>

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

<a href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}" class="product-image">
							  <img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=urban{% ELSE %}{index_page_new_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_new_goods.NAME}" title="{index_page_new_goods.NAME}"  itemprop="image">
							  {% IF index_page_new_goods.IS_NEW %}
								<span class="ico-new">Новинка</span>
							  {% ELSEIF index_page_new_goods.IS_TOP %}
								<span class="ico-best">Хит</span>
							  {% ENDIF %}
							  {% IF index_page_new_goods.MAX_DISCOUNT %}
								<span class="ico-sale">Скидка</span>
							  {% ENDIF %}
							</a>

замените на:

<a href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}" class="product-image">
										   <img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{index_page_new_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_new_goods.NAME}" title="{index_page_new_goods.NAME}"  itemprop="image">
										  {% FOR images %}
												{% IF index_page_new_goods.images.length < 2 %}
												  <img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{index_page_new_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small2" alt="{index_page_new_goods.NAME}" title="{index_page_new_goods.NAME}"  itemprop="image">
												  {break}
												{% ELSEIF index_page_new_goods.images.index = 2 %}
												  <img src="{index_page_new_goods.images.MEDIUM}" class="goods-image-small goods-image-small2" alt="{index_page_new_goods.NAME}" title="{index_page_new_goods.NAME}"  itemprop="image">
												  {break}
												{% ENDIF %}
										  {% ENDFOR %}
										  {% IF index_page_new_goods.IS_NEW %}
												<span class="ico-new">Новинка</span>
										  {% ELSEIF index_page_new_goods.IS_TOP %}
												<span class="ico-best">Хит</span>
										  {% ENDIF %}
										  {% IF index_page_new_goods.MAX_DISCOUNT %}
												<span class="ico-sale">Скидка</span>
										  {% ENDIF %}
										</a>

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

<a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_favorites_goods.NAME}" class="product-image">
							  <img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=urban{% ELSE %}{index_page_favorites_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_favorites_goods.NAME}" title="{index_page_favorites_goods.NAME}"  itemprop="image">
							  {% IF index_page_favorites_goods.IS_NEW %}
								<span class="ico-new">Новинка</span>
							  {% ELSEIF index_page_favorites_goods.IS_TOP %}
								<span class="ico-best">Хит</span>
							  {% ENDIF %}
							  {% IF index_page_favorites_goods.MAX_DISCOUNT %}
								<span class="ico-sale">Скидка</span>
							  {% ENDIF %}
							</a>

замените на:

<a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_favorites_goods.NAME}" class="product-image">
										   <img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{index_page_favorites_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_favorites_goods.NAME}" title="{index_page_favorites_goods.NAME}"  itemprop="image">
										  {% FOR images %}
												{% IF index_page_favorites_goods.images.length < 2 %}
												  <img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{index_page_favorites_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small2" alt="{index_page_favorites_goods.NAME}" title="{index_page_favorites_goods.NAME}"  itemprop="image">
												  {break}
												{% ELSEIF index_page_favorites_goods.images.index = 2 %}
												  <img src="{index_page_favorites_goods.images.MEDIUM}" class="goods-image-small goods-image-small2" alt="{index_page_favorites_goods.NAME}" title="{index_page_favorites_goods.NAME}"  itemprop="image">
												  {break}
												{% ENDIF %}
										  {% ENDFOR %}
										  {% IF index_page_favorites_goods.IS_NEW %}
												<span class="ico-new">Новинка</span>
										  {% ELSEIF index_page_favorites_goods.IS_TOP %}
												<span class="ico-best">Хит</span>
										  {% ENDIF %}
										  {% IF index_page_favorites_goods.MAX_DISCOUNT %}
												<span class="ico-sale">Скидка</span>
										  {% ENDIF %}
										</a>

Наверх

#9 lelenushka

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

Пользователи
93 сообщений

Отправлено 15 January 2018 - 12:50

Добрый день, сделала вроде все как вы написали, но появилась проблемка: на главной в НОВИНКИ отображается теперь 2 фото одновременно, как исправить это? Еще почему-то не на всех товарах переключаются фотографии, от чего это зависит?

Наверх

#10 lelenushka

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

Пользователи
93 сообщений

Отправлено 22 January 2018 - 14:11

lelenushka (15 January 2018 - 12:50) писал:

Добрый день, сделала вроде все как вы написали, но появилась проблемка: на главной в НОВИНКИ отображается теперь 2 фото одновременно, как исправить это? Еще почему-то не на всех товарах переключаются фотографии, от чего это зависит?

все еще актуально :rolleyes:

жду помощи

Наверх

#11 Stasya

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

Модератоpы
4007 сообщений

Отправлено 24 January 2018 - 11:01

lelenushka (15 January 2018 - 12:50) писал:

Добрый день, сделала вроде все как вы написали, но появилась проблемка: на главной в НОВИНКИ отображается теперь 2 фото одновременно, как исправить это? Еще почему-то не на всех товарах переключаются фотографии, от чего это зависит?

Здравствуйте. Простите за длительное ожидание ответа. В файле main.css найдите код

.products-grid .item .item-inner .item-img img.goods-image-small2 {display: none;}
.products-grid .item:hover .item-inner .item-img img.goods-image-small {display: none;}
.products-grid .item:hover .item-inner .item-img img.goods-image-small2 {display: block;}

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

.products-grid .item .item-inner .item-img img.goods-image-small2,.products-grid .item .item-inner .product-image img.goods-image-small2  {display: none;}
.products-grid .item:hover .item-inner .item-img img.goods-image-small, .products-grid .item:hover .item-inner .product-image img.goods-image-small {display: none;}
.products-grid .item:hover .item-inner .item-img img.goods-image-small2, .products-grid .item:hover .item-inner .product-image img.goods-image-small2 {display: block;}

Наверх

#12 lelenushka

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

Пользователи
93 сообщений

Отправлено 24 January 2018 - 14:12

Stasya (24 January 2018 - 11:01) писал:

Здравствуйте. Простите за длительное ожидание ответа. В файле main.css найдите код

.products-grid .item .item-inner .item-img img.goods-image-small2 {display: none;}
.products-grid .item:hover .item-inner .item-img img.goods-image-small {display: none;}
.products-grid .item:hover .item-inner .item-img img.goods-image-small2 {display: block;}

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

.products-grid .item .item-inner .item-img img.goods-image-small2,.products-grid .item .item-inner .product-image img.goods-image-small2 {display: none;}
.products-grid .item:hover .item-inner .item-img img.goods-image-small, .products-grid .item:hover .item-inner .product-image img.goods-image-small {display: none;}
.products-grid .item:hover .item-inner .item-img img.goods-image-small2, .products-grid .item:hover .item-inner .product-image img.goods-image-small2 {display: block;}

Спасибо !!! :rolleyes:

Еще нашлась ошибка, если через поиск искать товар, то на странице с результатом при наведении на товар, просто белый квадратик .. как исправить ?

Наверх

#13 Stasya

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

Модератоpы
4007 сообщений

Отправлено 30 January 2018 - 13:46

lelenushka (24 January 2018 - 14:12) писал:

Спасибо !!! :rolleyes:

Еще нашлась ошибка, если через поиск искать товар, то на странице с результатом при наведении на товар, просто белый квадратик .. как исправить ?

Здравствуйте. В шаблоне Поиск, и Просмотр акции найдите код

<img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=urban{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">

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

<img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
										  {% FOR images %}
												{% IF goods.images.length < 2 %}
												  <img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small2" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
												  {break}
												{% ELSEIF goods.images.index = 2 %}
												  <img src="{goods.images.MEDIUM}" class="goods-image-small goods-image-small2" alt="{goods.NAME}" title="{goods.NAME}"  itemprop="image">
												  {break}
												{% ENDIF %}
												{% ENDFOR %}

Наверх

#14 lelenushka

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

Пользователи
93 сообщений

Отправлено 17 February 2018 - 14:24

Stasya (30 January 2018 - 13:46) писал:

Здравствуйте. В шаблоне Поиск, и Просмотр акции найдите код

<img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=urban{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{goods.NAME}" title="{goods.NAME}" itemprop="image">

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

<img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{goods.NAME}" title="{goods.NAME}" itemprop="image">
										 {% FOR images %}
											 {% IF goods.images.length < 2 %}
												 <img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=summer{% ELSE %}{goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small2" alt="{goods.NAME}" title="{goods.NAME}" itemprop="image">
												 {break}
											 {% ELSEIF goods.images.index = 2 %}
												 <img src="{goods.images.MEDIUM}" class="goods-image-small goods-image-small2" alt="{goods.NAME}" title="{goods.NAME}" itemprop="image">
												 {break}
											 {% ENDIF %}
											 {% ENDFOR %}

Спасибо, класс, все работает !!