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.0-pl от 06.08.2024 | 26 134 |
| AjaxForm | 1.2.2-pl от 17.10.2021 | 19 479 |
| msMiniCartDynamic | 1.0.11-pl от 24.04.2018 | 1 765 |
| QuickView | 2.2.2-beta от 19.10.2023 | 1 209 |
27 декабря 2024, 15:56
Ух, класс! Вот так работает:
$array = array(111, 112);
if(in_array($modx->controller->resource->get('id'), $array)) {
$modx->regC...
27 декабря 2024, 13:50
Огромнейшее спасибо! Работает.
26 декабря 2024, 12:43
А как вы в шаблоне письма вывели имя пользователя? У меня просто в шаблоне отрабатывает. А в письме нет.
[[$user.name]]
[[$us...
26 декабря 2024, 11:10
Слышу эту песню про программирование — уже с лет 20 точно.
Но пока «мы» даже сверстать макет не можем автоматически, чтобы можно было в продакшен о...
25 декабря 2024, 14:13
В итоге переписала сама. Не знаю можно ли вставлять сюда столько текста, так что чистый JS код, если кому надо, можно найти по ссылке
24 декабря 2024, 21:46
Это не косяк, это осознанное изменение. Я считаю, что нет смысла показывать «Форма содержит ошибки» и ещё сами ошибки. Однако само сообщение в ответе ...
23 декабря 2024, 18:04
Для версии 3 лучше конечно иметь типа minishop3.
Да для всего этого нужно свободное время конечно же.
