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

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

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

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

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

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

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

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

upd 21.08.14. обновление функционала — смена параметров товара в корзине. Совместимость с msOptionsPrice

Володя

10 июля 2014, 11:24

7 175

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

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

Дмитрий Кондаков Старожил

10 июля 2014, 16:14

Прикольно, а реально сделать при клике на «быстрый просмотр» краткий вывод всех связанных товаров с ним?

Володя Эксперт

10 июля 2014, 16:37

а почему нет то?
в чанке делайте вызов и пожалуйста...

Андрей Сухомозгий Проверенный

10 июля 2014, 21:11

а как у себя поставить можно? будет в магазине доступно?

Володя Эксперт

10 июля 2014, 21:53

я еще сам не понял как что в репу попадает.
Наверно будет доступно как одобрят…

Андрей Сухомозгий Проверенный

10 июля 2014, 21:55

ну, в любом случае спасибо за работу) и жду в магазине)

Володя Эксперт

11 июля 2014, 09:59

Думаю сюда же еще и виджет корзины прикрутить. Ну в один пакет. Или лучше раздельно сделать?

Алексей Проверенный

11 июля 2014, 10:14

Получается с этим дополнением можно сделать магазин на MODx — полный аналог магазина на bitrix. Там такая же фишка есть с предпросмотром товаров. Как купить? стоимость?

Виталий Проверенный

11 июля 2014, 10:18

Володя, привет!

Присылай пакет, ценник, описание и документацию на почту — проверим и разместим.

Володя Эксперт

11 июля 2014, 11:14

виджет корзины сейчас прикручу еще и пришлю )

Володя Эксперт

11 июля 2014, 15:02

Добавил виджет корзины.

отправил пакет тебе…
пример тут — s6123.test.modx.pro/index.php?id=4

Николай Проверенный

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. Спасибо!

Василий Наумкин Администратор

13 июля 2014, 07:54

На здоровье!

Николай Проверенный

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

Да абсолютно без разницы, что у вас и какая верстка…
Есть селектор запроса — клик по нему активирует загрузку контента, есть селектор загрузки — куда подгружается контент…

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

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

Володя Эксперт

11 августа 2014, 11:36

сделал гостевой доступ в админку
пользователь: user
пароль: 00000000

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

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

Павел Левин Проверенный

14 августа 2014, 12:07

Есть такая штука.
Она всемогущая =)

Володя Эксперт

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
(с привязкой гугл-карты и вычисления маршрута)
тут же куплю)

Володя Эксперт

03 июля 2015, 08:31

modstore.pro/packages/integration/mscdistance

Илья Старожил

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?
В нём так же есть выбор размера и цвета в корзине?

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

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

Job Piper собирает IT заказы со всего Интернета.

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