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


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


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

#1 DenisOff2017

DenisOff2017

    Новичок

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

Отправлено 19 Декабрь 2017 - 15:54

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

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

#2 DenisOff2017

DenisOff2017

    Новичок

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

Отправлено 20 Декабрь 2017 - 16:03

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

#3 DenisOff2017

DenisOff2017

    Новичок

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

Отправлено 20 Декабрь 2017 - 18:20

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

#4 Vaccina

Vaccina

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

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

Отправлено 21 Декабрь 2017 - 06:19

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

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

#5 DenisOff2017

DenisOff2017

    Новичок

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

Отправлено 21 Декабрь 2017 - 16:26

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

#6 Vaccina

Vaccina

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

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

Отправлено 22 Декабрь 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

DenisOff2017

    Новичок

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

Отправлено 22 Декабрь 2017 - 19:07

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

#8 Vaccina

Vaccina

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

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

Отправлено 23 Декабрь 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

lelenushka

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

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

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

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

#10 lelenushka

lelenushka

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

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

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

Просмотр сообщенияlelenushka (15 Январь 2018 - 12:50) писал:

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

все еще актуально :rolleyes:  жду помощи

#11 Stasya

Stasya

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

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

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

Просмотр сообщенияlelenushka (15 Январь 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

lelenushka

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

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

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

Просмотр сообщенияStasya (24 Январь 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

Stasya

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

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

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

Просмотр сообщенияlelenushka (24 Январь 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

lelenushka

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

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

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

Просмотр сообщенияStasya (30 Январь 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 %}

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




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

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