Minishop2 Оформление заказа в модальном окне через ajax
Здравствуйте.
Пытаюсь сделать оформление заказа в модальном окне.
Пока вижу 2 большие проблемы:
1. При изменении способа доставки сумма заказа не меняется (и сумма стоимости доставки тоже не выводится)
2. Не понятно как потом выводить страницу Заказ получен (сниппет msGetOrder) — её тоже желательно выводить в новом модальном окне.
Пожалуйста, помогите кто чем может, а то я уже всю голову сломал )
Пытаюсь сделать оформление заказа в модальном окне.
Пока вижу 2 большие проблемы:
1. При изменении способа доставки сумма заказа не меняется (и сумма стоимости доставки тоже не выводится)
2. Не понятно как потом выводить страницу Заказ получен (сниппет msGetOrder) — её тоже желательно выводить в новом модальном окне.
Пожалуйста, помогите кто чем может, а то я уже всю голову сломал )
27 октября 2023, 13:38
Комментарии: 20
1) Создаёшь ресурс без шалона со сниппетом msCart
2) В чанк (как моём случае customMiniCart) вкладываешь код самой корзины, сниппет msOrder и т.п., а так же доп. скрипты
3) На миникорзину вешаешь вызов модального окна, так же такой скрипт:
Ну и напоследок: Для динамического изменения кол. товаров и при чём корректного, я использую компонент msMiniCartDynamic
2) В чанк (как моём случае customMiniCart) вкладываешь код самой корзины, сниппет msOrder и т.п., а так же доп. скрипты
3) На миникорзину вешаешь вызов модального окна, так же такой скрипт:
<script>
$(document).on('click', '.msMiniCart', function(e) {
e.preventDefault();
$.ajax({
type: "POST",
url: '[[~ID ресурса созданного при 1 пункте]]',
data: {parent: '[[*id]]'},
success: function(data) {
if (data){
$('#miniCartContainer').html(data);
miniShop2.Order.initialize();
}else{
AjaxForm.Message.error('Что-то пошло не так, попробуйте позже!');
}
}
});
});
</script>Ну и напоследок: Для динамического изменения кол. товаров и при чём корректного, я использую компонент msMiniCartDynamic
Ну, а что бы как в моём случае после оформления заказа открывалась модалка с id (в конце скрина во 2 пункте) orderSuccess, необходимо изменить js файл MiniShop2:
assets/components/minishop2/js/web/default.jscallbacks.submit.response.success = function (response) {
if (response.data['redirect']) {
document.location.href = response.data['redirect'];
}
else if (response.data['msorder']) {
$('#msMiniCart').removeClass('full');
$('#miniCart').removeClass('open');
$('body').find('.global-overlay').removeClass('overlay-open');
$.fancybox.close([{
src : '#msOrder'
}]);
$.fancybox.open([{
src : '#orderSuccess',
padding: 0
}]);
}
else {
$.fancybox.open([{
src : '#orderSuccess',
padding: 0
}]);
}
};
Ну вот же, я показал, что можно просто сделать модальное окно в модальном окне по сути, во 2 пункте у меня в коде посмотри, идёт вызов msOrder, где код опять же как модальное окно, а в корзине кнопка «оформить» это вызов этого модального окна… ну и с getOrder так же просто поступи…
Подключил скрипт минишопа default.js и тестовое сообщение в модальном окне — видно что так стоимость доставки пересчитывается (без default.js не пересчитывается), но во фронтенде так ничего и не меняется — что я мог упустить? (
<script src="/assets/components/minishop2/js/web/default.js"></script>
<script>
miniShop2.Callbacks.Order.getcost.response.success = function(response) {
var rdc = response.data['delivery_cost'];
alert(rdc);
}
</script>
Не знаю, насколько это правильно, но со стоимостью доставки вроде получилось решить таким костылем:
<script src="/assets/components/minishop2/js/web/default.js"></script>
<script>
miniShop2.Callbacks.Order.getcost.response.success = function(response) {
$('.mydeliverycost').text(miniShop2.Utils.formatPrice(response.data['delivery_cost']));
$('.myorderprice').text(miniShop2.Utils.formatPrice(response.data['cost']));
}
</script>
Пытаюсь вызвать callback на отправку из ajax формы (хочу в дальнейшем вызывать модальное окно «Заказ получен»:
miniShop2.Callbacks.Order.submit.response.success = function (response) { alert('eeeeeeee'); };miniShop2.Callbacks.Order.submit.response.error = function(response) { }
Обернул колбэк в функцию — так вроде он работает с моим аяксом…
$(document).ready(function() {
miniShop2.Callbacks.Order.submit.response.success = function (response) {
if (response.data['redirect']) {
document.location.href = response.data['redirect'];
} else if (response.data['msorder']) {
if(document.location.pathname.indexOf('checkout') == -1){
document.location.href = document.location.origin + '/getorder.html'
+ (document.location.search ? document.location.search + '&' : '?')
+ 'msorder=' + response.data['msorder'];
}
else{
document.location.href = document.location.origin + document.location.pathname
+ (document.location.search ? document.location.search + '&' : '?')
+ 'msorder=' + response.data['msorder'];
}
} else {
location.reload();
}
};
});
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
Здесь упомянуты:
| Компонент | Текущая версия | Закачки |
| miniShop2 | 4.4.2-pl от 06.10.2025 | 26 855 |
| AjaxForm | 1.2.2-pl от 17.10.2021 | 19 660 |
| msMiniCartDynamic | 1.0.11-pl от 24.04.2018 | 1 785 |
| QuickView | 2.2.2-beta от 19.10.2023 | 1 228 |
01 ноября 2025, 14:49
Очень, очень ждем =)
01 ноября 2025, 10:54
Каждое предработное утро я начинаю с чтение новостей. И первым всегда идёт MODX.pro.
От такого дайджеста на меня костюм-тройка чуть сам не налез, б...
01 ноября 2025, 10:49
Собственно переговоры прошли успешно, в понедельник передаст мне компонент, к концу месяца будет работать.
30 октября 2025, 19:01
Два дня проковырялся, пытаясь сделать по этому конфигу.
Один сайт сразу завелся, остальные вместо перехода на страницу редиректят на главную — чудо н...
30 октября 2025, 17:34
да да, могу пообедать?
28 октября 2025, 22:14
Сам себе отвечу: так как FormIt умеет только прикреплять файл к письму, для чего он файл грузит во временную директорию, надо отдельным хуком переноси...
28 октября 2025, 18:31
Не заработало((
MODX 2.8.8
26 октября 2025, 19:22
всё, спасибо.
надо было понизить версию PHP -_//
