[QuickView] - быстрый просмотр ресурсов

Переписан пакет [msQuickView] — быстрый просмотр товаров.
[QuickView] — быстрый просмотр товара, покупка, возможность вывести любой ресурс в модальном окне.
Возможность перемещаться между товарами «Предыдущий» «Следующий» в уже открытом модальном окне.

ссылка на тестовый сайт quickview.vgrish.ru/

QuickView для каталога товаров с mFilter2

В шаблоне продукта вызов сниппета QuickView

[[!QuickView?
    &id=`[[+id]]`
    &title=`заголовок`
    &parentSelector=`#mse2_results`
    &bootstrapJsCss=`0`
]]

QuickView для показа корзины msCart

В чанке Navbar вызов сниппета QuickView

[[!QuickView?
  &chunk=`tpl.QuickView.msCart`
  &form=`form.QuickView.msCart`
  &title=`Корзина`
  &closable=`1`
  &withNeighbors=`0`
  &bootstrapDialogSize=`size-wide`
  &objectName=`quickviewcart`
  &frontendJs=`/assets/components/quickview/js/defaultcart.js`
  &parentSelector=`li`
  &bootstrapModalJsCss=`0`
  &findhandlersJs=`1`
  &onshownCustomJs=`(findEventHandlers("change", miniShop2.Cart.cart + ' ' + miniShop2.Cart.countInput).length == 0) ? miniShop2.Cart.initialize() : ''`
]]

QuickView параметры вызова сниппета

id Идентификатор ресурса
chunk Чанк, который будет использован для обработки
form Чанк с формой для отправки запроса
frontendCss Файл с css стилями для подключения на фронтенде
frontendJs Файл с javascript для подключения на фронтенде
actionUrl Коннектор для обработки ajax запросов
selector Имя CSS класса, который будеи использован как jQuery селектор для инициализации формы. По умолчанию «quickview»
parentSelector Имя CSS класса, который будеи использован как jQuery селектор при выборе контейнера с соседними ресурсами
withNeighbors Показывать ссылки на соседние ресурсы
mainJsCss Подключить файлы библиотек
bootstrapJsCss Подключить файлы bootstrap
bootstrapModalJsCss Подключить файлы bootstrap-modal
bootstrapDialogJsCss Подключить файлы bootstrap-dialog
bootstrapDialogSize Размер bootstrap-dialog
objectName Имя объекта для инициализации в подключаемом javascript. По умолчанию «quickview»
getResource Ключ кэша сниппета. Если пустое — кэширование результатов будет отключено
cacheResourceKey Ключ кэша ресурса. Если пуст — кэширование ресурса будет отключено
cacheKey Ключ кэша чанка. Если пуст — кэширование результата будет отключено
findhandlersjsJs Файл с findhandlersjs.js для подключения на фронтенде
bootstrapModalJs Файл с bootstrap-modal.js для подключения на фронтенде
bootstrapModalCss Файл с bootstrap-modal.css для подключения на фронтенде
bootstrapDialogJs Файл с bootstrap-dialog.js для подключения на фронтенде
bootstrapDialogCss Файл с bootstrap-dialog.css для подключения на фронтенде
jqueryJs Файл с jquery.js для подключения на фронтенде

Володя

14 сентября 2015, 15:52

8 096

Поблагодарить автора Отправить деньги

Комментарии: 34

Павел Ширяев

14 сентября 2015, 23:10

Как же это прекрасно! MS2 хорошеет день ото дня за счет таких вот дополнений!

Для товаров еще сценариев использования не придумал, а вот корзина в модальном окне — очень круто! Надо будет прикупить.

Павел Гвоздь

15 сентября 2015, 07:23

Жму на 2 или 3 товар, далее на «следующий» переключаю, а он мне на 1 переключает.

Володя

15 сентября 2015, 09:25

да, спасибо. Уже сам заметил этот косяк.
Хотел схитрить и обойтись одним кодом на несколько вызовов… Видимо не судьба.

Поправил…

Николай

15 сентября 2015, 10:14

а к шопкиперу с товарами в Migx можно прикрутить?

Володя

15 сентября 2015, 10:18

при вызове сниппета QuickView указать идентификатор товара в Migx, далее он будет передан в чанк, в чанке ваш сниппет который по идентификатору выведет товар, а затем все это выводится в модальное окно.
так что да, можно

Алексей Андреев

16 сентября 2015, 17:15

Достойное продолжение msQuickView :) ждём в магазине

Володя

17 сентября 2015, 13:34

Отправил в магазин. Скоро будет.

Илья

19 сентября 2015, 10:37

p.s. Хотелось выложить в магазин на замену [msQuickView] с сохранением покупок. Сейчас уточняется этот вопрос.

Всё таки нужно покупать?

Илья

06 октября 2015, 12:23

Володя подскажите, эта версия работает только с MS2?

Володя

06 октября 2015, 12:36

Работает с любым ресурсом, MS2 не обязателен.

Сергей Самусев

15 октября 2015, 11:03

Не открываются модалки ни товаров ни корзины. Нужно ли дополнительно подключать бутстраповские скрипты.
http://upgrade.aykasan.com/catalog/pizza/

Володя

15 октября 2015, 11:08

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

&bootstrapModalJsCss=`1`

в вызове сниппета QuickView

Сергей Самусев

15 октября 2015, 13:18

В чанке tpl.msProducts.row прописано в месте вывода кнопки быстрого просмотра

[[!QuickView? &id=`[[+id]]` &title=`заголовок` &parentSelector=`.item` &bootstrapJsCss=`1` &bootstrapModalJsCss=`1`]]

Но модалка всё равно не подгружается

Володя

15 октября 2015, 13:19

сделайте это modx.pro/components/6501-quickview-quick-view-resources/#comment-47715

Володя

15 октября 2015, 11:11

а теперь раскомментируйте в .htaccess

php_flag register_globals Off

Сергей Самусев

15 октября 2015, 13:37

PHP 5.6.13 (cli) (built: Sep 3 2015 14:08:58)
Copyright © 1997-2015 The PHP Group
Zend Engine v2.6.0, Copyright © 1998-2015 Zend Technologies

Данная возможность была помечена УСТАРЕВШЕЙ начиная с версии PHP 5.3.0 и была УДАЛЕНА в версии PHP 5.4.0.

~~Антон Левиц~~

02 ноября 2015, 12:50

Можно ли вызывать всплывающую корзину при добавление товара в корзину?

Володя

02 ноября 2015, 13:09

добавьте код

/* событие на добавление товара в корзину */
miniShop2.Callbacks.Cart.add.response.success = function(response) {
	$('.nav').find('.quickview-view').slice(0, 1).trigger('click');
}
/*
.nav - селектор родителя контейнера со снипппетом quickview для корзины
.quickview-view - селектор активного элемента 
*/

~~Антон Левиц~~

02 ноября 2015, 14:44

спасибо, вот это очень полезно

Николай

28 апреля 2016, 21:14

Уважаемый создатель, тут quickview.vgrish.ru/ у вас фильтр очень интересный.

Это что, mSearch за 2000 руб. Или что-то другое, по-дешевле и по-проще?

Здоров Александр

28 апреля 2016, 21:17

да это msearch2 за 1990.
рекомендую, однозначно крутая и полезная вещь, главное разобраться, включив голову

Николай

28 апреля 2016, 22:01

спасибо, надо брать

Николай Хохлунов

10 августа 2016, 19:52

Внутри #mse2_results не появляется модалки, при этом JSON приходит

Виктор

22 августа 2016, 11:47

Странно, но bootstrapDialogSize просто увеличивает шрифт (quickview-1.1.3-beta).

Володя

22 августа 2016, 13:07

стилей не хватало, поправил, обновляйтесь.

Евгений Webinmd

10 декабря 2016, 00:49

Володя, добрый вечер
тут заказчик купил этот модуль, поставил, вывели у товара, кнопка появилась, но при нажатии в консоль такое вот сообщение вылезло:

jquery.min.js:4 Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check xhr.spec.whatwg.org/.send
@ jquery.min.js:4ajax
@ jquery.min.js:4getResponse
@ default2.js:110(anonymous function)
@ default2.js:45dispatch
@ jquery.min.js:3q.handle
@ jquery.min.js:3
bootstrap.min.js:6 Uncaught TypeError: Cannot call a class as a function(…)

default2.js — это я уже скопировал скрипт на всякий случай, но еще не ковырял его, он идентичен оригиналу
Есть подозрения что это из-за того что в верстке используется bootstrap 4 (хотя его полностью убирал) но всё равно непонятно.

Собственно вопрос, не тестировался ли компонент с новой версией bootstrap или не сталкивался ли с такой вот проблемой?

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

Евгений Webinmd

12 декабря 2016, 16:02

Решение для моей ситуации (QuickView + bootstrap 4): Обновить bootstrap-dialog.min.js
Новый код взял отсюда:
github

Oleg Pimanov

14 марта 2017, 16:18

Добрый день! Прописал вызов вида в tpl.msProducts.row, но при нажатии ничего не срабатывает и к тому же перестала срабатывать кнопка купить.

[[!QuickView?
    &id=`[[+id]]`
    &title=`заголовок`
    &parentSelector=`#mse2_results`
    &bootstrapJsCss=`0`
]]

Володя

14 марта 2017, 16:21

Добрый вечер.
В ТП пожалуйста

Владимир

11 апреля 2017, 12:37

Возможность перемещаться между товарами «Предыдущий» «Следующий» в уже открытом модальном окне.

Володь, подскажи, работает QuickView сейчас не с товарами? С обычными ресурсами и тикетами?

Володя

11 апреля 2017, 13:56

Володь, подскажи, работает QuickView сейчас не с товарами? С обычными ресурсами и тикетами?

да, конечно работает. Там нужно сменить в шаблоне вывода сниппет по умолчанию msProduct на pdoResources например.

Планирую вообще кардинально обновить этот компонент по ряду причин… Чтоб было попроще.

Владимир

11 апреля 2017, 13:59

Спасибо! Помню, что когда-то не он работал без Минишопа, но видать это было очень давно.

Илья

14 апреля 2017, 21:10

Подскажите, возможно ли использовать только bootstrap-modal без bootstrap-dialog?
Использую собственный стиль bootstrap-modal, а bootstrap-dialog меняет стиль модального окна, и вообще, не хочется вызывать лишние файлы при уже имеющимся собственном bootstrap-modal.

Володя

19 апреля 2017, 15:48

да, в новой версии будет можно.
анонс — s6200.h3.modhost.pro/quickview.html

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.

Здесь упомянуты:

Компонент	Текущая версия	Закачки
QuickView	2.2.2-beta от 19.10.2023	1 207
mSearch2	1.14.11-pl от 02.05.2023	18 904
miniShop2	4.4.0-pl от 06.08.2024	26 100
pdoTools	2.13.2-pl от 02.09.2021	54 170