msQuickView — быстрый просмотр товара, покупка...

msQuickView
Купить msQuickView в магазине дополнений Simple Dream.
--

Привет.
Иногда требуется быстрый просмотр товара из каталога или с другой страницы с возможностью отправить товар сразу в корзину.

Выбираете сниппет вывода, указывате чанк вывода, ставите селектор загрузки и вроде все…


простой пример как выглядит


Оформление модального окна вы занимаетесь сами, плагин работает просто — при клике берет id товара, вызывает ваш сниппет, все это дело оформляется в ваш чанк и выводится там где вы указали…

Есть на демо сайте — тут

Всем спасибо!)

upd 21.08.14. обновление функционала — смена параметров товара в корзине. Совместимость с msOptionsPrice
Володя
Володя
10 июля 2014, 11:24
modx.pro
6 791
Поблагодарить автора Отправить деньги

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

Дмитрий Кондаков
10 июля 2014, 16:14
Прикольно, а реально сделать при клике на «быстрый просмотр» краткий вывод всех связанных товаров с ним?
Андрей Сухомозгий
10 июля 2014, 21:11
а как у себя поставить можно? будет в магазине доступно?
    Володя
    10 июля 2014, 21:53
    я еще сам не понял как что в репу попадает.
    Наверно будет доступно как одобрят…
Володя
11 июля 2014, 09:59
Думаю сюда же еще и виджет корзины прикрутить. Ну в один пакет. Или лучше раздельно сделать?
    Алексей
    11 июля 2014, 10:14
    Получается с этим дополнением можно сделать магазин на MODx — полный аналог магазина на bitrix. Там такая же фишка есть с предпросмотром товаров. Как купить? стоимость?
      Виталий
      11 июля 2014, 10:18
      Володя, привет!

      Присылай пакет, ценник, описание и документацию на почту — проверим и разместим.
      Николай
      11 июля 2014, 15:19
      Дак это же делается достаточно просто без плагинов, все штатными средствами. Или я чего то не понял?
        Володя
        11 июля 2014, 15:27
        Да кто бы спорил… на MODX вообще все просто, правда от 'прокачки' зависит.
        Предложите решение с данным функционалом, и настройкой за пару минут…
          Николай
          11 июля 2014, 16:16
          Нет ну не за пару… Верстку нужно править, все дела.
          s6124.test.modx.pro/index.php?id=4
          Но делается подобное достаточно просто.
            Володя
            11 июля 2014, 17:05
            Ну вы в контент страницы все это напихали и просто показываете… Я не спорю — так тоже можно.
            Но, в моей реализации все подгружается по запросу, меняется количество товара…
            Ну и с корзиной так же… весь функционал рабочий.
            И все это просто установив пакет. Удобно?
              Николай
              11 июля 2014, 18:56
              Я не спорю, удобно. Вы попросили у меня решение, я показал его.
        Дмитрий Минчук
        11 июля 2014, 23:28
        Здравствуйте, Владимир! Отличная вещь, этот ваш компонент!
        Я как раз собираюсь сделать магазин с подобным фунционалом! Мне нужно будет реализовать быстрый просмотр товара и отправку в корзину из быстрого просмотра. Скоро лазение по страницам уйдет в прошлое. Пользователи смогут решать свои вопросы и потребности на одной странице! Это здорово, что Вы пишите подобные компоненты! Когда выйдет релиз подобного я обязательно куплю его у Вас.
        Вы, всем коллективном идете к разработке мощьнейшего движка для интернет коммерции. Подобное я видел реализовано у такого интернет гиганта маркетинга, как www.wildberries.ru
        Еще будет замечательным решением если Вы сделаете боковые 2 стрелочки у товара, чтобы была возможность листать следующий товар без перезагрузки страницы кликаньем мыши. ТОесть вот этот лайтбокс окно при клике на стрелочку вправо вызывает подгрузку следующего товара!

        Желаю Вам успеха в Ваших начинаниях и жду релиза! Рад буду видеть новые Ваши работы. Спасибо Вам и конечно-же Василию Наумкину! Без Вас ребята я бы все еще копался в интернете и делал бесполезную и долгую и муторную хрень на джумле 1.5… С чего я и начинал. С новыми возможностями MODx я вижу, что не зная php вообще, я вполне могу сделать свой сайт хорошим и мощьным. Зная дизайн и css. Спасибо!
        Николай
        12 июля 2014, 17:19
        Василий, предлагаю рассмотреть техническую возможность создания тестового сайта длиннее чем на сутки. Например неделя. Сейчас не моего, не сайта автора уже нету, а кто то может только сейчас сюда попал, соответственно «потыкать» он сайты уже не может.
          Василий Наумкин
          13 июля 2014, 07:53
          Сейчас у меня в среднем 10 тестовых сайтов одновременно. Если увеличить срок хранения в 7 раз, то их будет 70 — придется покупать более дорогой сервер.

          Да и вообще, тестовые сайты предназначены для знакомства с MODX и тестирования\проверки дополнений из репозитория. Они не предназначены выступать демо-сайтами для ваших разработок. Даже если продлить срок жизни — сайт всё равно будет удалён, и кто-то его всё равно не увидит, пускай и через неделю.

          Так что, предлагаю рассмотреть возможность покупки сайта за 50 рублей в месяц на нашем хостинге, который никуда не пропадёт и все смогут ознакомиться с вашим творчеством.
          Алексей
          18 июля 2014, 13:28
          Как его купить? В магазине адрес store.simpledream.ru/packages/ecommerce/msquickview.html — не доступен.
          Как обычно пощелкать и посмотреть тут...
          — Сайт похоже уже удалился (там ограничение стоит, по-моему на 1 сутки), если не трудно, создай пожалуйста еще раз.
            Володя
            18 июля 2014, 14:41
            да в магазине ссылка битая. Демо сделаю и тут отпишу
              Алексей
              18 июля 2014, 19:37
              по-моему была такая славная традиция первому покупателю дополнения делать скидку, поскольку на его плечи ложится первое боевое тестирование компонента.
                Alexei
                18 июля 2014, 20:53
                он и так ничего не стоит по сути )
                  Алексей
                  18 июля 2014, 21:37
                  да кому как — купив компонент, я сэкономлю кучу времени на разработку подобного функционала самостоятельно. Вообще прихожу к тому что время — деньги
              Володя
              18 июля 2014, 22:13
              Сделал демо тут
              Rootiys
              19 июля 2014, 20:29
              У меня модальные окна очень быстро появляются, не плавно. Когда жмешь на один товар (быстрый просмотр), потом на другой — то в модальном окне на доли секунды показываются данные от предыдущего товара.
              Пример на почту выслал.
                Володя
                19 июля 2014, 21:17
                У вас модальные окна рисуются раньше чем ответ прриходит.

                ваш код
                <div data-href="[[+id]]" class="msquickview b-bookingButton">
                	<a onclick="openFeedBackCount('Заказ товара', this)">ЗАКАЗАТЬ</a>
                </div>
                можно сделать так
                <div data-href="[[+id]]" class="msquickview b-bookingButton">
                	<!--a onclick="openFeedBackCount('Заказ товара', this)">ЗАКАЗАТЬ</a  - ЭТО ВЫКИНУТЬ-->
                	<a>ЗАКАЗАТЬ</a>
                </div>
                скопировать дефолтный js пакета.
                и в нем вставить вызов openFeedBackCount('Заказ товара', this) тут
                if (typeof response.output !== "undefined") {
                                $(msquickview.load).html(response.output);
                
                                openFeedBackCount('Заказ товара', this);
                
                            }
                        }, "json");
                и все будет красиво
                Володя
                23 июля 2014, 22:59
                ответ на
                Не нашел как на сайте demo.vgrish.ru/ зайти в админку, не могу понять, хватит ли навыков разобраться с msQuickView под Zurb Foundation. На стандартном тестовом сайте для MODX — это расширение не доступно для установки.
                в шаблоне товара
                <div class="msquickview" data-href="[[+id]]">Быстрый просмотр</div>
                под foundation код модалки вставите на страницу
                <div id="myModal" class="reveal-modal" data-reveal>
                  <h2>заголовок</h2>
                	<div class="loadview"></div>
                  <a class="close-reveal-modal">×</a>
                </div>
                и в дефолтном js
                добавите одну строчку
                $('#myModal').foundation('reveal', 'open');
                  Алексей
                  25 июля 2014, 01:19
                  )) я имел ввиду что верстка у меня — не «голый» zurb foundation. Это всего лишь фреймворк, на котором можно сверстать красивый шаблон. Жаль что нет доступа в админку.
                    Володя
                    25 июля 2014, 08:38
                    Да абсолютно без разницы, что у вас и какая верстка…
                    Есть селектор запроса — клик по нему активирует загрузку контента, есть селектор загрузки — куда подгружается контент…

                    Нужно указать селектор запроса, селектор загрузки и все…

                    Доступ сделаю позже, но реально он в данном случае ни к чему…
                Rootiys
                27 июля 2014, 23:53
                Владимир! В шаблоне tpl.msQuickView.item не выводится [[+old_price]].
                Заменил
                [[!+old_price:gt=`0`:then=`<span class="old_price">[[+old_price]] [[%ms2_frontend_currency]]</span>`:else=``]]
                на
                [[+old_price]]
                <!--minishop2_old_price <span class="old_price">[[+old_price]] [[%ms2_frontend_currency]]</span>-->
                и стало все ок.
                  Павел Левин
                  11 августа 2014, 14:43
                  Ведь по сути это запрос на страницу и вывод содержимого объекта?

                  Пример:


                  Никаких плагинов и прочего.
                  Обычный и простой jquery скрипт.

                  Какова разница?
                    Володя
                    12 августа 2014, 07:49
                    По сути все по ту сторону экрана 0 и 1. В чем вопрос то?
                      Павел Левин
                      12 августа 2014, 11:08
                      Ну в чем разница между моим примером и вашим платным плагином)?
                        Василий Наумкин
                        12 августа 2014, 11:30
                        В том, что твой пример нельзя взять и установить на любой сайт в 3 клика?
                          Павел Левин
                          12 августа 2014, 13:01
                          Возможно это единственное =) значит поставлю себе задачу, сделать подобное на досуге, ведь все данные есть нужно подучиться в сборке.

                          Была бы цель)
                            Василий Наумкин
                            12 августа 2014, 13:32
                            А потом не забудь сделать демо-сайт, написать инструкцию по работе, начать оказывать всем желающим бесплатную техподдержку и регулярно выпускать обновления.

                            Именно этим занимаются авторы платных дополнений в нашем репозитории, и именно за это берутся деньги, а не «тяп-ляп, можно устанавливать!»
                              Павел Левин
                              12 августа 2014, 14:06
                              Ключевое словое "платное" =), а это будет "бесплатное" =) достаточно комментариев, ведь всё решается в комментах.

                              Благодаря уведомлениям, это можно делать оперативно!

                              Пример уведомления на почте gmail:

                                Виктор
                                12 августа 2014, 14:36
                                это так стилизуется тег pre =)

                                Пользуясь случаем, ага, попросим Василия добавить к нему style=«font-size: 15px;» хоть не так глаза ломать, чтоб комментарий можно было прочитать на почте ;)
                                  Василий Наумкин
                                  12 августа 2014, 17:02
                                  Василий передаёт привет дизайнерам гуглопочты.
                                    Виктор
                                    12 августа 2014, 17:36
                                    Где то грустит сотрудник яндекса, там pre имеет размер 10.4px. По крайне мере в деловом стиле.


                                    Да, действительно, потыкал оформление, только в деловом стиле такая шляпа;)
                                  Василий Наумкин
                                  12 августа 2014, 17:00
                                  Ключевое слово «490 рублей», вместо геморроя на весь день.

                                  У людей, открывающих магазины обычно есть деньги, но нет лишнего времени. Но в любом случае — удачи тебе в твоих начинаниях.
                            Володя
                            12 августа 2014, 11:31
                            Павел, диалог ни о чем… продолжать не собираюсь
                        Максим
                        12 августа 2014, 05:24
                        Владимир спасибо за компонент, все отлично работает. Нет ли у вас в планах сделать компонент позволяющий сделать быструю покупку? допустим покупатель хочет быстро оформить заказ и вводит только адрес и номер телефона
                          Володя
                          12 августа 2014, 07:48
                          Пожалуйста… Пока нет.
                            Павел Левин
                            12 августа 2014, 11:11
                            Быстрая покупка это Имя и Телефон =) остальное все узнает оператор.

                            По сути это можно реализовать самостоятельно,форма отправки письма, на почту придет письмо и оператор сам оформит заказ на стороне админки или софта 1С и т.п.
                              Володя
                              12 августа 2014, 11:31
                              Не был бы так самоуверен… ВОзможно Максим видит все немного по другому.
                              И видится ему кнопка например с надписью — 'покупка в 1 клик'. И посетитель кликнув на нее сможет выбрать тот вариант оплаты что ему необходим, введет те данные что хочет от него получить менеджер и что введены в настройках minishop2. И далее на почту клиенту придет подтверждение о покупке, а покупка автоматически отобразится в покупках minishop2… и тд…
                              Возможно это имеет ввиду Максим.
                                Павел Левин
                                12 августа 2014, 13:07
                                Возможно, суть такой фишки в том, чтоб отжать необходимые данные, соответственно оплата — это нал при получении. Оператор должен предложить, что-то дополнительное или спросить у клиента "не желаете заказать еще что-то?" т.к. как правило доставка платная, а списка товаров в быстром заказе может и не быть.

                                По крайней мере так мы делали на bambiniya.ru/ и klubkrasoti.ru/ соответственно. Заказы росли как на дрожжах и приходилось отрубать эту кнопку т.к. call-центр не справлялся.

                                По сути это простая фишка, которая порой делает финальный клик). За такое будут платить $)

                                Пример:
                                  Максим
                                  12 августа 2014, 15:36
                                  Да вы все верно поняли, клиент кладет в корзину товар и покупает его в один клик и заполняет не все поля как обычно а только адрес доставки и телефон. После этого корзина очищается как при обычной покупке. Это реализовано на этом сайте okidokivl.ru/
                                    Павел Левин
                                    12 августа 2014, 17:14
                                    Ну… там странная логика работы и она не работает.


                                    В моём примере даж нет привязки к корзине, ток к товару, быстрый заказ идет по одному товару, далее оператор докладывает необходимое =) хотя и не много делов делать и по всей корзине.
                                      Максим
                                      12 августа 2014, 17:26
                                      Вот это у них бывает что цена не совпадает, только после обновления страницы все верно показывает. Все же я думаю это достаточно удобно, особенно для тех кто не хочет заполнять кучу полей.
                            Володя
                            21 августа 2014, 14:29
                            Добавлен новый функционал — смена параметров товара в корзине

                            обновление стоимости товара, общей стоимости, стоимости доставки, совместимо с msOptionsPrice
                            Пощупать на демо сайте — demo.vgrish.ru/
                              Илья
                              24 ноября 2014, 18:27
                              Владимир, этот компонент работает только с ресурсами MS. С обычными ресурсами он работает?
                                Володя
                                24 ноября 2014, 20:33
                                по идее должен работать и с обычными ресурсами… не проверял.
                                зы. Имеется ввиду показ ресурса в модальном окне… конечно корзина только для minishop2.
                                  Дмитрий Аюпов
                                  Дмитрий Аюпов
                                  28 мая 2015, 15:56


                                  Не обновляется цена в корзине при смене параметров.
                                    Александр Москвин
                                    02 июля 2015, 16:05
                                    А в этом компоненте можно реализовать не только корзину, но и сразу оформить заказ.
                                    Типа по клику на корзину, выскакивала сразу корзина с оформлением через всплывающее окно?
                                      Володя
                                      02 июля 2015, 17:30
                                      включил в шаблон корзины [[!msOrder?]]
                                      Работать то она работает, но скорее всего не совсем корректно… Проверьте тут demo.vgrish.ru/
                                        Александр Москвин
                                        03 июля 2015, 00:13
                                        Отлично протестую, полезный дополнительный функционал.
                                        Для заказов на сайтах лендингах )
                                  Алексей
                                  03 июля 2015, 08:13
                                  Интересует на каком компоненте реализована «Доставка по городу» ?? в корзине — demo.vgrish.ru/cart.html
                                  (с привязкой гугл-карты и вычисления маршрута)
                                  тут же куплю)
                                Илья
                                13 июля 2015, 11:12
                                Владимир, привет!
                                Подскажите, использую msQuickView с фильтрацией mFilter2, и столкнулся с проблемой — после фильтрации по тегам или по сумме msQuickView не работает. Т.е., как только ссылка в строке браузера меняется на значения фильтра (например /?limit=25, или /?msoption|otdelka=тег&limit=25), перестаёт работать быстрый просмотр товара и корзины.
                                Не подскажите, в чём причина и что править?
                                  Володя
                                  13 июля 2015, 11:15
                                  заново инициализировать msQuickView после фильтрации. Напишите в ТП, все сделаем.
                                    Ilya Ev
                                    31 августа 2015, 18:03
                                    Такая же проблема) как поправить? Скачал подледную версию не помогло.
                                  Дмитрий
                                  02 августа 2015, 11:02
                                  Отличный модуль. А можно при выводе окна сразу подставлять нужный размер в опции? Например, вывожу окно c быстрым просмотром товара по ссылке на размер «A» с value=A и в окне уже выбран размер А и перейдет в корзину при заказе.
                                    Володя
                                    03 августа 2015, 09:00
                                    ну это все можно сделать дописав js. Напишите в ТП и там же скиньте адрес сайта. Все сделаем…
                                    Роман Л.
                                    31 августа 2015, 18:00
                                    Подскажите а можно ли как то к этому компоненту прикрутить возможность перемещаться между товарами
                                    "< Предыдущий" «Следующий >» в уже открытом модальном окне брав соседей по списку с этой категории товаров. Желательно конечно чтобы эти стрелки были ajax запросами, т.к. если использовать в карточке товара [[pdoNeighbors]] то он будет перемещаться только в основной категории где расположен товар
                                      Володя
                                      13 сентября 2015, 09:19
                                      дописывал данный функционал, в итоге переписал весь пакет. В начале неделю обновлю в магазине.
                                      Виктор
                                      05 марта 2021, 16:53
                                      Этот модуль уже удален, я так понимаю? И вот это его новый аналог — modstore.pro/packages/ecommerce/quickview?
                                      В нём так же есть выбор размера и цвета в корзине?
                                        Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
                                        70