Помогите пожалуйста сделать так что бы при наведении на товар показывался второй товар по списку. Обыскал уже все и перипробывал не получается. Пример скидываю как должно быть Заранее спасибо!
https://kengyry.com....sumki/portmone/
0
Работа С Товарами
Автор DenisOff2017, 19 дек. 2017 15:54
Сообщений в теме: 13
#2
DenisOff2017
-
- Пользователи
-
- 9 сообщений
Новичок
Отправлено 20 Декабрь 2017 - 16:03
Помогите пожалуйста сам не справлюсь!
#4
Vaccina
-
- Модераторы
-
- 24 369 сообщений
Активный участник
Отправлено 21 Декабрь 2017 - 06:19
Здравствуйте.
Инструкции по реализации:
https://forum.storel...ии/#entry213597
https://forum.storel...едении-на-това/
Инструкции по реализации:
https://forum.storel...ии/#entry213597
https://forum.storel...едении-на-това/
#5
DenisOff2017
-
- Пользователи
-
- 9 сообщений
Новичок
Отправлено 21 Декабрь 2017 - 16:26
Не понятно!
Можно именно для Шаблона ГОРОД а то от Лето вроде не подходит
Пожалуйста очень надо я не разберусь сам.
Можно именно для Шаблона ГОРОД а то от Лето вроде не подходит
Пожалуйста очень надо я не разберусь сам.
#6
Vaccina
-
- Модераторы
-
- 24 369 сообщений
Активный участник
Отправлено 22 Декабрь 2017 - 06:31
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
замените на:
Далее зайдите в main.css - найдите:
после него попишите:
Изменения вы можете пронаблюдать у товаров в категориях, например "Кошельки мужские"
Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<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 Декабрь 2017 - 19:07
Спасибо!!! Только теперь на главной ХИТЫ ПРОДАЖ при наведении просто пустой квадрат Как исправить?
#8
Vaccina
-
- Модераторы
-
- 24 369 сообщений
Активный участник
Отправлено 23 Декабрь 2017 - 05:35
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - 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 Январь 2018 - 12:50
Добрый день, сделала вроде все как вы написали, но появилась проблемка: на главной в НОВИНКИ отображается теперь 2 фото одновременно, как исправить это? Еще почему-то не на всех товарах переключаются фотографии, от чего это зависит?
#10
lelenushka
-
- Пользователи
-
- 93 сообщений
Продвинутый пользователь
Отправлено 22 Январь 2018 - 14:11
lelenushka (15 Январь 2018 - 12:50) писал:
Добрый день, сделала вроде все как вы написали, но появилась проблемка: на главной в НОВИНКИ отображается теперь 2 фото одновременно, как исправить это? Еще почему-то не на всех товарах переключаются фотографии, от чего это зависит?
все еще актуально
жду помощи
#11
Stasya
-
- Модератоpы
-
- 4 007 сообщений
Активный участник
Отправлено 24 Январь 2018 - 11:01
lelenushka (15 Январь 2018 - 12:50) писал:
Добрый день, сделала вроде все как вы написали, но появилась проблемка: на главной в НОВИНКИ отображается теперь 2 фото одновременно, как исправить это? Еще почему-то не на всех товарах переключаются фотографии, от чего это зависит?
.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 Январь 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;}
Спасибо !!!
Еще нашлась ошибка, если через поиск искать товар, то на странице с результатом при наведении на товар, просто белый квадратик .. как исправить ?
#13
Stasya
-
- Модератоpы
-
- 4 007 сообщений
Активный участник
Отправлено 30 Январь 2018 - 13:46
lelenushka (24 Январь 2018 - 14:12) писал:
Спасибо !!! Еще нашлась ошибка, если через поиск искать товар, то на странице с результатом при наведении на товар, просто белый квадратик .. как исправить ?
Еще нашлась ошибка, если через поиск искать товар, то на странице с результатом при наведении на товар, просто белый квадратик .. как исправить ?
<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 Февраль 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 анонимных
