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.3.0-pl от 02.07.2023 | 25 497 |
| AjaxForm | 1.2.2-pl от 17.10.2021 | 19 343 |
| msMiniCartDynamic | 1.0.11-pl от 24.04.2018 | 1 742 |
| QuickView | 2.2.2-beta от 19.10.2023 | 1 182 |
02 мая 2024, 19:40
Решил переустановкой Minishop2
02 мая 2024, 15:27
Есть у кого-то идеи? или в данном случае через плагин и событие пробовать, или мсинк тупо всё обрезает?
02 мая 2024, 12:15
воротите, что хотите. Вплоть до удаления исходников сайта, это уже на ваше усмотрение.
Это определённо очень важная возможность 😊
02 мая 2024, 11:30
Управляя настройками mysql, можно задать параметр sql_mode пустым значением (после чего все заработает), но хостер такую возможность не дает… Есть ли ...
02 мая 2024, 10:27
<?php
$id = $modx->getOption('id', $scriptProperties, $modx->resource->id);
$field = $modx->getOption('field', $scriptProperties);
$tpl...
01 мая 2024, 21:40
$pdoTools = $modx->getParser()->pdoTools;
$data['count_products'] = count($data['products']);
$renderedHtml = $pdoTools->get...
01 мая 2024, 15:18
Пардон, плохо смотрел