2
Быстрый Предпросмотр Товара
Автор Victor Slimer, 21 апр. 2014 13:20
Сообщений в теме: 8
#1
Отправлено 21 Апрель 2014 - 13:20
Здравствуйте!
Реально ли сделать быстрый предпросмотр товара, например как здесь: http://www.wildberri.../novelties.aspx
В вебвизоре прекрасно видно, что людям лень открывать новую страницу и поэтому просматривают товары по фотографиям мизерного размера, а мы стараемся, делаем крутые фотки с хорошей детализацией. А если урезанная карточка товара будет открываться на этой же странице, без перезагрузки, то это будет большим плюсом и для нас и для покупателей.
Реально ли сделать быстрый предпросмотр товара, например как здесь: http://www.wildberri.../novelties.aspx
В вебвизоре прекрасно видно, что людям лень открывать новую страницу и поэтому просматривают товары по фотографиям мизерного размера, а мы стараемся, делаем крутые фотки с хорошей детализацией. А если урезанная карточка товара будет открываться на этой же странице, без перезагрузки, то это будет большим плюсом и для нас и для покупателей.
#2
Отправлено 21 Апрель 2014 - 13:47
Victor Slimer (21 Апрель 2014 - 13:20) писал:
Здравствуйте!
Реально ли сделать быстрый предпросмотр товара, например как здесь: http://www.wildberri.../novelties.aspx
В вебвизоре прекрасно видно, что людям лень открывать новую страницу и поэтому просматривают товары по фотографиям мизерного размера, а мы стараемся, делаем крутые фотки с хорошей детализацией. А если урезанная карточка товара будет открываться на этой же странице, без перезагрузки, то это будет большим плюсом и для нас и для покупателей.
Реально ли сделать быстрый предпросмотр товара, например как здесь: http://www.wildberri.../novelties.aspx
В вебвизоре прекрасно видно, что людям лень открывать новую страницу и поэтому просматривают товары по фотографиям мизерного размера, а мы стараемся, делаем крутые фотки с хорошей детализацией. А если урезанная карточка товара будет открываться на этой же странице, без перезагрузки, то это будет большим плюсом и для нас и для покупателей.
есть вариант следующий с инструкцией здесь, пример у меня в подписи,вторая ссылка.
#3
Отправлено 21 Апрель 2014 - 14:50
О! http://steep-toys.ru/ - вот здесь примерно то, что надо! Только не сразу заметна ссылка на быстрый предпросмотр. Это реально сделать по инструкции из ссылки?
#4
Отправлено 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">БЫСТРЫЙ ПРОСМОТР »</a> </p>
вот это тоже прописал в разделе товары, но по ссылке открывается как обычно, а не в окошке.
#5
Отправлено 21 Апрель 2014 - 21:07
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">БЫСТРЫЙ ПРОСМОТР »</a> </p>
вот это тоже прописал в разделе товары, но по ссылке открывается как обычно, а не в окошке.
Цитата
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'));
});
{
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'));
});
#6
Отправлено 07 Июнь 2016 - 16:21
Подниму тему. Шаблон Снег.
Категория http://posterof.ru/catalog/Zhivotnye
Вылезает ошибка. (Uncaught ReferenceError: QuickLook is not defined .....)
Скрипты и стили arcticmodal подключил, они работают.
В main.js указанный в цитате код тоже вставил.
Кнопку тоже добавил
P.S.
В шаблоне "Лазурь" для быстрого просмотра в файле main.js используется конструкция
Но в шаблоне "Снег" она не работает. Нужно подключить ещё какие-то скрипты, чтобы она заработала?
В общем буду рад любому решению и подсказке. Спасибо.
Категория 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">БЫСТРЫЙ ПРОСМОТР »</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 Быстрый просмотр товара */
Но в шаблоне "Снег" она не работает. Нужно подключить ещё какие-то скрипты, чтобы она заработала?
В общем буду рад любому решению и подсказке. Спасибо.
#7
Отправлено 07 Июнь 2016 - 17:24
keadis (07 Июнь 2016 - 16:21) писал:
Подниму тему. Шаблон Снег.
Категория http://posterof.ru/catalog/Zhivotnye
Вылезает ошибка. (Uncaught ReferenceError: QuickLook is not defined .....)
Скрипты и стили arcticmodal подключил, они работают.
В main.js указанный в цитате код тоже вставил.
Кнопку тоже добавил
P.S.
В шаблоне "Лазурь" для быстрого просмотра в файле main.js используется конструкция
Но в шаблоне "Снег" она не работает. Нужно подключить ещё какие-то скрипты, чтобы она заработала?
В общем буду рад любому решению и подсказке. Спасибо.
Категория 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">БЫСТРЫЙ ПРОСМОТР »</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>
#8
Отправлено 07 Июнь 2016 - 18:03
Юля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="Быстрый просмотр «{goods.NAME}»"></a>
(делаю на примере темы "Лазурь")
Не работает. Ошибка та же "Uncaught ReferenceError: QuickLook is not defined"
И просто происходит переход на страницу товара.
#9
Отправлено 07 Июнь 2016 - 18:20
Точнее ошибка сейчас другая (обновил кеш браузера)
Вылезает окно "The requested content cannot be loaded. Please try again later."
Вылезает окно "The requested content cannot be loaded. Please try again later."
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных