Сообщений в теме: 8

[Victor Slimer]

Здравствуйте!
Реально ли сделать быстрый предпросмотр товара, например как здесь: http://www.wildberri.../novelties.aspx

В вебвизоре прекрасно видно, что людям лень открывать новую страницу и поэтому просматривают товары по фотографиям мизерного размера, а мы стараемся, делаем крутые фотки с хорошей детализацией. А если урезанная карточка товара будет открываться на этой же странице, без перезагрузки, то это будет большим плюсом и для нас и для покупателей.

[tega4]

Victor Slimer (21 Апрель 2014 - 13:20) писал:

Здравствуйте!
Реально ли сделать быстрый предпросмотр товара, например как здесь: http://www.wildberri.../novelties.aspx

В вебвизоре прекрасно видно, что людям лень открывать новую страницу и поэтому просматривают товары по фотографиям мизерного размера, а мы стараемся, делаем крутые фотки с хорошей детализацией. А если урезанная карточка товара будет открываться на этой же странице, без перезагрузки, то это будет большим плюсом и для нас и для покупателей.

есть вариант следующий с инструкцией здесь,  пример у меня в подписи,вторая ссылка.

[Victor Slimer]

О! http://steep-toys.ru/ - вот здесь примерно то, что надо! Только не сразу заметна ссылка на быстрый предпросмотр.  Это реально сделать по инструкции из ссылки?

[Victor Slimer]

Блин, не работает...
Мне кажется чего-то не хватает.

<!-- arcticModal -->
<script src="{ASSETS_JS_PATH}jquery.arcticmodal-0.3.min.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}jquery.arcticmodal-0.3.css">
<!-- arcticModal theme -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}simple.css">

это подключил, всё работает, т.е. как минимум загружается, если нажать на ссылку из кода страницы,

<p style="margin-top: 20px" class="text-center">
<a href="{goods.URL}" onClick="QuickLook('{goods.URL}'); return false;" class="ajax pt-sans font-size-16">БЫСТРЫЙ ПРОСМОТР &raquo;</a>
</p>

вот это тоже прописал в разделе товары, но по ссылке открывается как обычно, а не в окошке.

[tega4]

Victor Slimer (21 Апрель 2014 - 16:17) писал:

Блин, не работает...
Мне кажется чего-то не хватает.

<!-- arcticModal -->
<script src="{ASSETS_JS_PATH}jquery.arcticmodal-0.3.min.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}jquery.arcticmodal-0.3.css">
<!-- arcticModal theme -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}simple.css">

это подключил, всё работает, т.е. как минимум загружается, если нажать на ссылку из кода страницы,

<p style="margin-top: 20px" class="text-center">
<a href="{goods.URL}" onClick="QuickLook('{goods.URL}'); return false;" class="ajax pt-sans font-size-16">БЫСТРЫЙ ПРОСМОТР &raquo;</a>
</p>

вот это тоже прописал в разделе товары, но по ссылке открывается как обычно, а не в окошке.

добавьте в конец main.js

Цитата

function QuickLook(url)
{
jQuery.ajax({
  type : 'POST',
  cache: false,
  url: url,
                data: {only_body : 1},
  success: function(data)
  {
                  var c = $('<div class="box-modal" />');
                  c.html(data);
                  c.prepend('<div class="box-modal_close arcticmodal-close">X</div>');
                  insertDateOrder©;
                  $.arcticmodal({content: c});

   }
  });
}
$(function() {
  insertDateOrder($('body'));
});

[keadis]

Подниму тему. Шаблон Снег.
Категория http://posterof.ru/catalog/Zhivotnye

Вылезает ошибка. (Uncaught ReferenceError: QuickLook is not defined .....)
Скрипты и стили arcticmodal подключил, они работают.
В main.js указанный в цитате код тоже вставил.
Кнопку тоже добавил

<a href="{goods.URL}" onClick="QuickLook('{goods.URL}'); return false;" class="ajax pt-sans font-size-16">БЫСТРЫЙ ПРОСМОТР &raquo;</a>

Но не работает.

P.S.
В шаблоне "Лазурь" для быстрого просмотра в файле main.js используется конструкция

/* Быстрый просмотр товара */
(function() {
$(document).on('click', '.fast-quick', function() {
$.get($(this).attr('href'), function(content) {
$.fancybox.close();
$.fancybox({
autoSize: true,
maxWidth: 960,
content: $(content).getColumnContent(),
afterShow: function() {
// Обновление доступности модификаций
MainFunctions();
outFunctions();
goodspage();
$('.fancybox-inner .box-up-sell').show();
$('.fancybox-inner .wrap-qty').hide();
}
});
});
return (false);
});
})();
/* END Быстрый просмотр товара */

Но в шаблоне "Снег" она не работает. Нужно подключить ещё какие-то скрипты, чтобы она заработала?


В общем буду рад любому решению и подсказке. Спасибо.

[Юля123]

keadis (07 Июнь 2016 - 16:21) писал:

Подниму тему. Шаблон Снег.
Категория http://posterof.ru/catalog/Zhivotnye

Вылезает ошибка. (Uncaught ReferenceError: QuickLook is not defined .....)
Скрипты и стили arcticmodal подключил, они работают.
В main.js указанный в цитате код тоже вставил.
Кнопку тоже добавил

<a href="{goods.URL}" onClick="QuickLook('{goods.URL}'); return false;" class="ajax pt-sans font-size-16">БЫСТРЫЙ ПРОСМОТР &raquo;</a>

Но не работает.

P.S.
В шаблоне "Лазурь" для быстрого просмотра в файле main.js используется конструкция

/* Быстрый просмотр товара */
(function() {
$(document).on('click', '.fast-quick', function() {
$.get($(this).attr('href'), function(content) {
$.fancybox.close();
$.fancybox({
autoSize: true,
maxWidth: 960,
content: $(content).getColumnContent(),
afterShow: function() {
// Обновление доступности модификаций
MainFunctions();
outFunctions();
goodspage();
$('.fancybox-inner .box-up-sell').show();
$('.fancybox-inner .wrap-qty').hide();
}
});
});
return (false);
});
})();
/* END Быстрый просмотр товара */

Но в шаблоне "Снег" она не работает. Нужно подключить ещё какие-то скрипты, чтобы она заработала?


В общем буду рад любому решению и подсказке. Спасибо.

Здравствуйте, скорее всего проблема заключается в том, что не подключена библиотека для всплывающих окон, попробуйте перед кодом:

	 <!-- arcticModal -->

добавить код:

  <link rel="stylesheet" type="text/css" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css">
  <script type="text/javascript" src="{FORALL_STYLES_PATH}fancybox/2.1.5/jquery.fancybox.js"></script>

[keadis]

Юля123 (07 Июнь 2016 - 17:24) писал:

Здравствуйте, скорее всего проблема заключается в том, что не подключена библиотека для всплывающих окон, попробуйте перед кодом:

	 <!-- arcticModal -->

добавить код:

<link rel="stylesheet" type="text/css" href="{FORALL_STYLES_PATH}fancybox/2.1.4/jquery.fancybox.css">
<script type="text/javascript" src="{FORALL_STYLES_PATH}fancybox/2.1.5/jquery.fancybox.js"></script>

Т.е. делаем через fancybox..  Ok.

Добавил указанный вами код в head (закомментировал arcticModal, он ведь нам не понадобится, верно?)

Также вставил в main.js такой код

/* Получение центральной разметки страницы */
(function() {
$.fn.getColumnContent = function() {
return ($(this).size() ? $(this).find('#main') : $('#main'));
};
})();
/* END Получение центральной разметки страницы */
/* Быстрый просмотр товара */
(function() {
$(document).on('click', '.fast-quick', function() {
	 $.get($(this).attr('href'), function(content) {
	 $.fancybox.close();
	 $.fancybox({
		 autoSize: true,
		 maxWidth: 960,
		 content: $(content).getColumnContent(),
		 afterShow: function() {
		 // Обновление доступности модификаций
		 MainFunctions();
		 outFunctions();
		 goodspage();
		 $('.fancybox-inner .box-up-sell').show();
		 $('.fancybox-inner .wrap-qty').hide();
		 }
	 });
	 });
	 return (false);
});
})();
/* END Быстрый просмотр товара */

Кнопка в шаблоне "Товары" выглядит так (строка 491)

<a class="sns-btn-quickview fast-quick" href="{goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр &laquo;{goods.NAME}&raquo;"></a>

(делаю на примере темы "Лазурь")

Не работает. Ошибка та же "Uncaught ReferenceError: QuickLook is not defined"
И просто происходит переход на страницу товара.

[keadis]

Точнее ошибка сейчас другая (обновил кеш браузера)
Вылезает окно "The requested content cannot be loaded. Please try again later."