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


Окно Быстрого Просмотре Товара


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

#1 mariteks

mariteks

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

  • Пользователи
  • PipPipPip
  • 150 сообщений
  • ГородКиров

Отправлено 05 Май 2016 - 15:07

Здравствуйте, подскажите как сделать быстрый просмотр в каталоге товаров в шаблоне Лето.  Аккаунт SL-312601

#2 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 06 Май 2016 - 10:01

Просмотр сообщенияmariteks (05 Май 2016 - 15:07) писал:

Здравствуйте, подскажите как сделать быстрый просмотр в каталоге товаров в шаблоне Лето.  Аккаунт SL-312601

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

В конце 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 mariteks

mariteks

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

  • Пользователи
  • PipPipPip
  • 150 сообщений
  • ГородКиров

Отправлено 06 Май 2016 - 13:16

спасибо

#4 Beauty

Beauty

    Пользователь

  • Пользователи
  • PipPip
  • 29 сообщений
  • ГородМосква

Отправлено 17 Декабрь 2016 - 13:22

Добрый день!
А есть аналогичное решение для шаблона Хамелеон?

#5 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 28 Декабрь 2016 - 14:53

Просмотр сообщенияBeauty (17 Декабрь 2016 - 13:22) писал:

Добрый день!
А есть аналогичное решение для шаблона Хамелеон?
Здравствуйте, извините за долгий ответ, но быстрый просмотр у Вас в магазине уже реализован.

#6 Mashenka

Mashenka

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

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

Отправлено 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;}
Здравствуйте. Все сделала по инструкции, но не работает быстрый просмотр. Аккаунт нт SL-388736

#7 Mashenka

Mashenka

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

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

Отправлено 29 Май 2018 - 18:01

Ответьте мне пожалуйста

#8 Mashenka

Mashenka

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

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

Отправлено 30 Май 2018 - 10:53

кто-нибудь?

#9 Vaccina

Vaccina

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

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

Отправлено 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>
				
Распродажа.png

Распродажа(1).png

#10 Mashenka

Mashenka

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

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

Отправлено 01 Июнь 2018 - 19:20

корзины.png Подскажите, почему в окне быстрого просмотра 2 кнопки "корзина"? Как исправить?

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

ошибка.png плюс появилась ошибка

#11 Vaccina

Vaccina

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

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

Отправлено 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="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>{% IF GOODS_MOD_REST_VALUE=0 %}Заказать{% ELSE %}В корзину{% ENDIF %}</button>
		  <button type="submit" class="add-cart quick button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>Быстрый заказ</button>

замените на:
		  <button type="submit" class="add-cart button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">{% IF GOODS_MOD_REST_VALUE=0 %}Заказать{% ELSE %}В корзину{% ENDIF %}</button>
		  <button type="submit" class="add-cart quick button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">Быстрый заказ</button>


#12 Mashenka

Mashenka

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

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

Отправлено 02 Июнь 2018 - 05:34

Спасибо. Подскажите, мне кто-нибудь ответит на вопрос по модификациям, или я зря жду ответ https://forum.storel...фикации-товара/

#13 Vaccina

Vaccina

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

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

Отправлено 02 Июнь 2018 - 06:15

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

Задала вам уточняющий вопрос в указанной теме.

#14 Mashenka

Mashenka

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

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

Отправлено 03 Июнь 2018 - 11:43

банни.png Здравствуйте. Значок быстрый просмотр можно сделать крупнее и поставить первым сверху? И нужно, чтобы значок увеличение товара показывался постоянно, а не при наведении курсора

#15 Mashenka

Mashenka

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

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

Отправлено 05 Июнь 2018 - 20:24

Мне помощи ждать?




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

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