Отображение Товаров В Каталогах
#1
Отправлено 19 Май 2016 - 12:28
1) Как опустить кнопку "В корзину" под цену;
2) При наведении курсора мыши на товар (на картинку/ на текст) нужно что бы товар не затемнялся как сейчас, а "подсвечивался" по периметру;
3) При наведении курсора мыши на товар (на картинку/ на текст) нужно что бы вместо основной картинки товара показывалась вторая по списку из карточки товара;
картинку как сейчас и пример как нужно прикрепляю:
#2
Отправлено 19 Май 2016 - 21:27
#3
Отправлено 20 Май 2016 - 12:05
#4
Отправлено 20 Май 2016 - 13:09
Decor Help (19 Май 2016 - 12:28) писал:
1) Как опустить кнопку "В корзину" под цену;
2) При наведении курсора мыши на товар (на картинку/ на текст) нужно что бы товар не затемнялся как сейчас, а "подсвечивался" по периметру;
3) При наведении курсора мыши на товар (на картинку/ на текст) нужно что бы вместо основной картинки товара показывалась вторая по списку из карточки товара;
картинку как сейчас и пример как нужно прикрепляю:
Здравствуйте, извините за ожидание, в шаблоне Товары найдите код:
<div class="actions"> <!--a class="add-cart quick" title="Быстро оформить заказ"><span class="label">{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>Быстрый заказ{% ENDIF %}</span></a--> <a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF goods.IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="Убрать из сравнения" title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ELSE %} <a class="add-compare" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="В Сравнение" title="Добавить «{goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div>
удалите его и вставьте перед кодом:
</div> </form> </div> </div> {% ENDFOR %} </div> {% ELSE %} <!-- Вывод товаров Списком -->
В main.css найдите код:
.products-grid .item .item-inner .item-img .actions a {display: inline-block;position: absolute;background: rgba(0,0,0,0.5);color: #ffffff;font-weight: normal;height: 48px;line-height: 48px;bottom: 0;text-align: center;text-shadow: none;text-transform: uppercase;white-space: nowrap;border: 0;cursor: pointer;} .products-grid .item .item-inner .item-img .actions a:hover, .products-grid .item .item-inner .item-img .actions a.added {background: #ff0551;color: #fff;} .products-grid .item .item-inner .item-img .actions .add-cart {padding: 0;width: 300px;left: 0;} .products-grid .item .item-inner .item-img .actions .add-cart span {display: inline-block;overflow: hidden;transition: all 300ms ease-in-out 0s;-webkit-transition: all 300ms ease-in-out 0s;-ms-transition: all 300ms ease-in-out 0s;} .products-grid .item .item-inner .item-img .actions .add-cart i {margin-right: 10px;vertical-align: inherit;height: 48px;line-height: 48px;display: inline-block;font-size: 20px;} .products-grid .item .item-inner .item-img .actions .add-cart .wrap_text {display: inline-block;font-size: 0.9em;text-align: left;vertical-align: top;white-space: nowrap;} .products-grid .item .item-inner .item-img .actions a i {display: inline-block;height: 48px;line-height: 48px;font-size: 16px;} .products-grid .item .item-inner .item-img .actions a.add-wishlist, .products-grid .item .item-inner .item-img .actions a.add-compare {padding: 0;width: 55px;margin-left: 1px;} .products-grid .item .item-inner .item-img .actions a.add-wishlist {right: -54px;} .products-grid .item .item-inner .item-img .actions a.add-compare {right: -110px;}
и замените на код:
.actions {margin-top: 10px;} .actions a {display: inline-block;background: rgba(0,0,0,0.5);color: #ffffff;font-weight: normal;height: 48px;line-height: 48px;bottom: 0;text-align: center;text-shadow: none;text-transform: uppercase;white-space: nowrap;border: 0;cursor: pointer;} .actions a:hover, .products-grid .item .item-inner .item-img .actions a.added {background: #ff0551;color: #fff;} .actions .add-cart {padding: 0;width: 100%;left: 0;} .actions .add-cart span {display: inline-block;overflow: hidden;transition: all 300ms ease-in-out 0s;-webkit-transition: all 300ms ease-in-out 0s;-ms-transition: all 300ms ease-in-out 0s;} .actions .add-cart i {margin-right: 10px;vertical-align: inherit;height: 48px;line-height: 48px;display: inline-block;font-size: 20px;} .add-cart .wrap_text {display: inline-block;font-size: 0.9em;text-align: left;vertical-align: top;white-space: nowrap;} .actions a i {display: inline-block;height: 48px;line-height: 48px;font-size: 16px;} .actions a.add-wishlist, .products-grid .item .item-inner .item-img .actions a.add-compare {padding: 0;width: 55px;margin-left: 1px;} .actions a.add-wishlist {right: -54px;} .actions a.add-compare {right: -110px;}
Далее в шаблоне HTML найдите код:
<div class="actions"> <!--a class="add-cart quick" title="Быстро оформить заказ"><span class="label">{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>Быстрый заказ{% ENDIF %}</span></a--> <a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_goods.NAME}» из списка сравнения с другими товарами" data-prodname="{index_page_goods.NAME}" data-produrl="{index_page_goods.URL}" data-id="{index_page_goods.ID}" data-mod-id="{index_page_goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="Убрать из сравнения" title="Убрать «{index_page_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&from={index_page_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ELSE %} <a class="add-compare" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_goods.NAME}» из списка сравнения с другими товарами" data-prodname="{index_page_goods.NAME}" data-produrl="{index_page_goods.URL}" data-id="{index_page_goods.ID}" data-mod-id="{index_page_goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="В Сравнение" title="Добавить «{index_page_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&from={index_page_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div>
и переместите его перед кодом:
</div> </form> </div> </li> {% ENDFOR %} {% FOR index_page_new_goods %}
далее код:
<div class="actions"> <!--a class="add-cart quick" title="Быстро оформить заказ"><span class="label">{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_new_goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>Быстрый заказ{% ENDIF %}</span></a--> <a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_new_goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" data-prodname="{index_page_new_goods.NAME}" data-produrl="{index_page_new_goods.URL}" data-id="{index_page_new_goods.ID}" data-mod-id="{index_page_new_goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="Убрать из сравнения" title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ELSE %} <a class="add-compare" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_new_goods.NAME}» из списка сравнения с другими товарами" data-prodname="{index_page_new_goods.NAME}" data-produrl="{index_page_new_goods.URL}" data-id="{index_page_new_goods.ID}" data-mod-id="{index_page_new_goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="В Сравнение" title="Добавить «{index_page_new_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&from={index_page_new_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div>
переместите перед кодом:
</div> </form> </div> </li> {% ENDFOR %} {% FOR index_page_favorites_goods %}
и код:
<div class="actions"> <!--a class="add-cart quick" title="Быстро оформить заказ"><span class="label">{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_favorites_goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>Быстрый заказ{% ENDIF %}</span></a--> <a class="add-cart" title="В корзину" data-tooltip="В корзину"><span class="label">{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_favorites_goods.MAX_REST_VALUE=0 %}Нет в наличии{% ELSE %}<i class="fa fa-shopping-cart"></i>В корзину{% ENDIF %}</span></a> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF index_page_favorites_goods.IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_favorites_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_favorites_goods.NAME}» из списка сравнения с другими товарами" data-prodname="{index_page_favorites_goods.NAME}" data-produrl="{index_page_favorites_goods.URL}" data-id="{index_page_favorites_goods.ID}" data-mod-id="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="Убрать из сравнения" title="Убрать «{index_page_favorites_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&from={index_page_favorites_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ELSE %} <a class="add-compare" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{index_page_favorites_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_favorites_goods.NAME}» из списка сравнения с другими товарами" data-prodname="{index_page_favorites_goods.NAME}" data-produrl="{index_page_favorites_goods.URL}" data-id="{index_page_favorites_goods.ID}" data-mod-id="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" data-add-tooltip="В Сравнение" data-del-tooltip="Убрать из сравнения" data-tooltip="В Сравнение" title="Добавить «{index_page_favorites_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&from={index_page_favorites_goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><i class="fa fa-retweet"></i></a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div>
переместите перед кодом:
</div> </form> </div> </li> {% ENDFOR %} <li class="item grid-sizer"></li>
2) Если так сделать, то не будет виден рейтинг, Вы уверены, что нужно именно так сделать? "Подсвечиваться" должен весь товар или только картинка?
#5
Отправлено 20 Май 2016 - 16:42
Да, отображение рейтинга тут не принципиально. Желательно подсветить весь товар как на прикрепленном скрине выше
#6
Отправлено 20 Май 2016 - 16:52
Decor Help (20 Май 2016 - 16:42) писал:
Да, отображение рейтинга тут не принципиально. Желательно подсветить весь товар как на прикрепленном скрине выше
В main.css код:
.products-grid .item .item-inner .item-img:hover > a:before {position: absolute;background-color: rgba(0,0,0,0.3);content: "";height: 100%;left: 0;margin: auto;top: 0;width: 100%;}
замените на код:
.products-grid .item .item-inner:hover { box-shadow: 0 0 30px rgba(201, 156, 195, 0.7); }
#8
Отправлено 23 Май 2016 - 12:21
Decor Help (20 Май 2016 - 17:28) писал:
и как убрать серый отступ сверху и снизу картинки (уменьшить высоту блока)
Как исправить обрезанную подсветку на главной?
и как реализовать:
3) При наведении курсора мыши на товар (на картинку/ на текст) нужно что бы вместо основной картинки товара показывалась вторая по списку из карточки товара;
#9
Отправлено 23 Май 2016 - 17:35
Decor Help (23 Май 2016 - 12:21) писал:
и как реализовать:
3) При наведении курсора мыши на товар (на картинку/ на текст) нужно что бы вместо основной картинки товара показывалась вторая по списку из карточки товара;
Найдите в шаблоне Товары код
<div class="products-grid row"> {% FOR goods %} <div class="item col-md-4 col-sm-6 col-xs-12"> <div class="item-inner" itemscope itemtype="http://schema.org/Product"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <div class="item-img">замените на
<div class="products-grid row"> {% FOR goods %} <div class="item col-md-4 col-sm-6 col-xs-12"> <div class="item-inner" itemscope itemtype="http://schema.org/Product"> <div class="catphoto"> {% FOR images %} <div> <img class="image" data-rel="{goods.images.SMALL}" src="{goods.images.SMALL}" alt="{goods.images.NAME}" /></div> {% ENDFOR %}</div> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <div class="item-img big_image">в конец main.js добавьте
function previewInit(){ $('.catphoto img').hover(function() { var image = $(this).attr("data-rel"); $(this).closest('.item-inner').find('.big_image a img').attr('src',image); return false; }); } $(document).ready(function(){ previewInit(); });в конец файла main.css добавьте
.catphoto { position: absolute; left: -98px; z-index: 99; background: #fff; opacity: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; } .catphoto img { width: 100px; }
#10
Отправлено 23 Май 2016 - 20:45
Ирина345 (23 Май 2016 - 17:35) писал:
Найдите в шаблоне Товары код
<div class="products-grid row"> {% FOR goods %} <div class="item col-md-4 col-sm-6 col-xs-12"> <div class="item-inner" itemscope itemtype="http://schema.org/Product"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <div class="item-img">замените на
<div class="products-grid row"> {% FOR goods %} <div class="item col-md-4 col-sm-6 col-xs-12"> <div class="item-inner" itemscope itemtype="http://schema.org/Product"> <div class="catphoto"> {% FOR images %} <div> <img class="image" data-rel="{goods.images.SMALL}" src="{goods.images.SMALL}" alt="{goods.images.NAME}" /></div> {% ENDFOR %}</div> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{goods.MIN_PRICE_NOW_ID} goodsListForm"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <div class="item-img big_image">в конец main.js добавьте
function previewInit(){ $('.catphoto img').hover(function() { var image = $(this).attr("data-rel"); $(this).closest('.item-inner').find('.big_image a img').attr('src',image); return false; }); } $(document).ready(function(){ previewInit(); });в конец файла main.css добавьте
.catphoto { position: absolute; left: -98px; z-index: 99; background: #fff; opacity: 0; transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; } .catphoto img { width: 100px; }
изменение на другом сайте Аккаунт SL-329810
#11
Отправлено 23 Май 2016 - 20:53
#12
Отправлено 24 Май 2016 - 13:41
Decor Help (23 Май 2016 - 20:53) писал:
#producttabs .pdt-content { width: 100%; overflow: hidden; text-align: center; }
замените на
#producttabs .pdt-content { width: 100%; /* overflow: hidden;*/ text-align: center; }
далее в конец файла main.css добавьте
.products-grid .item .item-inner:hover .catphoto { opacity: 1; }
#13
Отправлено 25 Май 2016 - 00:36
При наведении на товар вылезает сбоку превьюшка всех фотографий из карточки товара
Фото товара меняется но как то не адекватно раз через раз и обратно не восстанавливается + после второй встает третья потом четвертая и тд фотографии ...
НУЖНО
навел курсор фото "аватар" товара поменялся на вторую по счету в карточке товара ( отображает вторую только пока наведен курсор , аналогично выделению / затемнению )
как только мы убираем курсор с товара все показывается как и прежде - отображается исходный фото "аватар" товара
пример как на этом сайте : http://www.lamoda.ru.../bags-ryukzaki/
#14
Отправлено 25 Май 2016 - 03:09
http://forum.storela...-при-наведении/
#15
Отправлено 25 Май 2016 - 09:29
Vaccina (25 Май 2016 - 03:09) писал:
http://forum.storela...-при-наведении/
Эта инструкция не подходит тк УВЕЛИЧЕНИЕ фото при наведении НЕ нужно !!!!
#16
Отправлено 25 Май 2016 - 17:43
Decor Help (25 Май 2016 - 00:36) писал:
При наведении на товар вылезает сбоку превьюшка всех фотографий из карточки товара
Фото товара меняется но как то не адекватно раз через раз и обратно не восстанавливается + после второй встает третья потом четвертая и тд фотографии ...
НУЖНО
навел курсор фото "аватар" товара поменялся на вторую по счету в карточке товара ( отображает вторую только пока наведен курсор , аналогично выделению / затемнению )
как только мы убираем курсор с товара все показывается как и прежде - отображается исходный фото "аватар" товара
пример как на этом сайте : http://www.lamoda.ru.../bags-ryukzaki/
Подскажите как реализовать
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных