Окно Быстрого Просмотре Товара
#1
Отправлено 05 Май 2016 - 15:07
#2
Отправлено 06 Май 2016 - 10:01
mariteks (05 Май 2016 - 15:07) писал:
Здравствуйте,
В конце main.js добавьте код:
/* Быстрый просмотр товара */ $(function() { $('.quick_view').click(function() { $.get($(this).attr('href'), function(content) { $.fancybox.close(); $.fancybox({ autoSize: true, maxWidth: 960, content: $(content).find('.product-view'), afterShow: function() { // Обновление доступности модификаций MainFunctions(); outFunctions(); goodspage(); $('.fancybox-inner .box-up-sell').hide(); $('.fancybox-inner .wrap-qty').hide(); } }); }); return (false); }); }); /* END Быстрый просмотр товара */
далее в шаблоне Товар перед кодом:
<div class="add-to-links">
добавьте код:
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" class="quick_view"><i class="fa fa-search"></i></a>
в main.css после кода:
.products-grid .item .product-hover .product-image img {max-width: 100%;display: block;margin: 0 auto;}
добавьте код:
.quick_view { position: absolute; display: none !important; color: #fff; z-index: 99 !important; top: 48%; margin: 0 2px; left: -18px; right: 0; line-height: 40px; font-weight: bold; width: 34px; height: 34px; border-radius: 50%; border: 1px solid #dddddd; margin-top: 6px; display: block; text-align: center; line-height: 32px; background-color: #ffffff; color: #747474; } .item:hover .quick_view { display: block !important; }
код:
.add-to-links .compare a:hover, .add-to-links .wishlist a:hover, .add-to-links a.added {background-color: #80b438;color: #ffffff;}
замените на код:
.add-to-links .compare a:hover, .add-to-links .wishlist a:hover, .add-to-links a.added, .quick_view:hover {background-color: #80b438;color: #ffffff;}
#3
Отправлено 06 Май 2016 - 13:16
#4
Отправлено 17 Декабрь 2016 - 13:22
А есть аналогичное решение для шаблона Хамелеон?
#6
Отправлено 28 Май 2018 - 15:34
Юля123 (06 Май 2016 - 10:01) писал:
В конце main.js добавьте код:
/* Быстрый просмотр товара */ $(function() { $('.quick_view').click(function() { $.get($(this).attr('href'), function(content) { $.fancybox.close(); $.fancybox({ autoSize: true, maxWidth: 960, content: $(content).find('.product-view'), afterShow: function() { // Обновление доступности модификаций MainFunctions(); outFunctions(); goodspage(); $('.fancybox-inner .box-up-sell').hide(); $('.fancybox-inner .wrap-qty').hide(); } }); }); return (false); }); }); /* END Быстрый просмотр товара */
далее в шаблоне Товар перед кодом:
<div class="add-to-links">
добавьте код:
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" class="quick_view"><i class="fa fa-search"></i></a>
в main.css после кода:
.products-grid .item .product-hover .product-image img {max-width: 100%;display: block;margin: 0 auto;}
добавьте код:
.quick_view { position: absolute; display: none !important; color: #fff; z-index: 99 !important; top: 48%; margin: 0 2px; left: -18px; right: 0; line-height: 40px; font-weight: bold; width: 34px; height: 34px; border-radius: 50%; border: 1px solid #dddddd; margin-top: 6px; display: block; text-align: center; line-height: 32px; background-color: #ffffff; color: #747474; } .item:hover .quick_view { display: block !important; }
код:
.add-to-links .compare a:hover, .add-to-links .wishlist a:hover, .add-to-links a.added {background-color: #80b438;color: #ffffff;}
замените на код:
.add-to-links .compare a:hover, .add-to-links .wishlist a:hover, .add-to-links a.added, .quick_view:hover {background-color: #80b438;color: #ffffff;}
#7
Отправлено 29 Май 2018 - 18:01
#8
Отправлено 30 Май 2018 - 10:53
#9
Отправлено 31 Май 2018 - 02:34
Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <div class="product-hover"> <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"> </a>
после него вставьте:
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" class="quick_view"><i class="fa fa-search"></i></a>
#10
Отправлено 01 Июнь 2018 - 19:20
Как можно сделать, чтобы при наведении на значок "быстрого просмотра" появлялась надпись "быстрый просмотр", потому что сейчас пишет только название ткани. И мне нужно, чтобы значок "быстрого просмотра" был над другими значками.
плюс появилась ошибка
#11
Отправлено 02 Июнь 2018 - 05:04
Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" class="quick_view"><i class="fa fa-search"></i></a>
замените на:
<a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="Быстрый просмотр товара '{goods.NAME}'" class="quick_view"><i class="fa fa-search"></i></a>
далее зайдите в шаблон Товар - найдите:
<button type="submit" class="add-cart button" title="Положить «{GOODS_NAME}» в корзину"/>{% IF GOODS_MOD_REST_VALUE=0 %}Заказать{% ELSE %}В корзину{% ENDIF %}</button> <button type="submit" class="add-cart quick button" title="Положить «{GOODS_NAME}» в корзину"/>Быстрый заказ</button>
замените на:
<button type="submit" class="add-cart button" title="Положить «{GOODS_NAME}» в корзину">{% IF GOODS_MOD_REST_VALUE=0 %}Заказать{% ELSE %}В корзину{% ENDIF %}</button> <button type="submit" class="add-cart quick button" title="Положить «{GOODS_NAME}» в корзину">Быстрый заказ</button>
#12
Отправлено 02 Июнь 2018 - 05:34
#13
Отправлено 02 Июнь 2018 - 06:15
Задала вам уточняющий вопрос в указанной теме.
#15
Отправлено 05 Июнь 2018 - 20:24
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных