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

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

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

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


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


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

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

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

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

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

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

      Присылай пакет, ценник, описание и документацию на почту — проверим и разместим.
        Володя
        11 июля 2014, 11:14
        0
        виджет корзины сейчас прикручу еще и пришлю )
          Володя
          11 июля 2014, 15:02
          0
          Добавил виджет корзины.

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

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

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

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

                    ваш код
                    <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
                    0
                    ответ на
                    Не нашел как на сайте 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
                      0
                      )) я имел ввиду что верстка у меня — не «голый» zurb foundation. Это всего лишь фреймворк, на котором можно сверстать красивый шаблон. Жаль что нет доступа в админку.
                        Володя
                        25 июля 2014, 08:38
                        0
                        Да абсолютно без разницы, что у вас и какая верстка…
                        Есть селектор запроса — клик по нему активирует загрузку контента, есть селектор загрузки — куда подгружается контент…

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

                        Доступ сделаю позже, но реально он в данном случае ни к чему…
                    Rootiys
                    27 июля 2014, 23:53
                    0
                    Владимир! В шаблоне 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
                      0
                      Ведь по сути это запрос на страницу и вывод содержимого объекта?

                      Пример:


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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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


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