Всплывающее окно после нажантия купить
Подскажите пожалуйста как это реализовать я новичек в этой системе
Комментарии: 18
В карточке товара вешаешь функцию показа модального окна при клике на Добавить в корзину (ну или купить, у кого как называется):
miniShop2.Callbacks.Cart.add.response.success = function() {
// показываем модальное окно
$( "#modal_cart" ).show();
// если "продолжить покупки закрываем"
$('#btnclose').click(function(){
$('#modal_cart').hide();
});
// если клик не по окну тоже закрываем"
$(document).click(function(event) {
if ($(event.target).closest(".modal_cart_inside").length) return;
$("#modal_cart").hide("slow");
event.stopPropagation();
});
}
Ну и содержимое модального окна, например:<div id="modal_cart">
<div id="modal_cart_inside">
<h2>Товар [[*pagetitle]] добавлен в корзину</h2>
</br>
<button class="btn red" onclick="document.location = '/cart.html'"> Оформить заказ</button>
</br>
или
</br>
<button class="btn close" id="btnclose" > Продолжить покупки</button>
</div>
</div>
Ну и стили надо указать само собой.
Спасибо большое
miniShop2.Callbacks.Cart.add.response.success = function() это тоже да в самом чанке нужно вешать функцию?
Это должно быть внутри
<script></script>
в шаблоне карточки товара.
А на сетке товаров тоже самое получается?
а вы попробуйте)
немного не понятно модально окно выводить в этом же чанке?
Вот как мне тут разместить код
<div class="form-group">
<div class="col-sm-3">
<button type="submit" data-toggle="modal" class="order" name="ms2_action" value="cart/add" onclick="yaCounter33649769.reachGoal('add_cart'); return true;">Купить</button>
</div>
</div>
Мне кажется вам стоит разместить тему в раздел «Объявления о работе». Все темы, которые вы создаете элементарно закрываются за 5 минут и не имеют никакого отношения к конкретно MODX
Опишите в теме все свои задачи и вам за несколько тысяч рублей всё сделают. Сэкономите кучу времени.
Опишите в теме все свои задачи и вам за несколько тысяч рублей всё сделают. Сэкономите кучу времени.
Здравствууйте!
если кому надо решение (не нашёл в Интернете, поэтому потратил пару недель на реализацию самостоятельно), работающее не только в карточке товара, но и на остальных страницах сайта, обращайтесь dubrovin3w@gmailcom (платно). вот сайт, где сделал cornu.ru/
если кому надо решение (не нашёл в Интернете, поэтому потратил пару недель на реализацию самостоятельно), работающее не только в карточке товара, но и на остальных страницах сайта, обращайтесь dubrovin3w@gmailcom (платно). вот сайт, где сделал cornu.ru/
потратил пару недельНа что? На модальное окошко после добавление в корзину?
нет, сложность была конечно не с окном, а с передачей в него названия и картинки товара, когда дело происходит не в карточке товара.
всех, кто хоть как-то связан с Минишопом успел опросить, результата не было.
modx.pro/users/3071 пробовал помочь, но получилось только в карточке (как и описано здесь).
сам накопал решение, когда данные передаются через атрибуты data (data-productId="[[+menutitle:empty=`[[+pagetitle]]`]]" data-productImage="[[+750x666:empty=`images/style/no-photo.jpg`]]"), но привести его здесь полностью не смог бы, извиняюсь.
всех, кто хоть как-то связан с Минишопом успел опросить, результата не было.
modx.pro/users/3071 пробовал помочь, но получилось только в карточке (как и описано здесь).
сам накопал решение, когда данные передаются через атрибуты data (data-productId="[[+menutitle:empty=`[[+pagetitle]]`]]" data-productImage="[[+750x666:empty=`images/style/no-photo.jpg`]]"), но привести его здесь полностью не смог бы, извиняюсь.
Чего там делать то, берешь id товара и по нему получаешь все данные, загружаешь аяксом в окно, либо через data атрибуты, если на странице товара.
возможно это действительно не сложно, но мне никто не смог помочь (деньги предлагал), обращался много к кому, вт.ч. здесь web-revenue.ru/modx-revo/minishop2-vsplyivayushhee-okno-posle-nazhatiya-na-knopku
кстати, если на странице товара, то атрибуты data как раз не нужны, а вот на других страницах — это оптимальный вариант передачи данных, без всяких аяксов.
кстати, если на странице товара, то атрибуты data как раз не нужны, а вот на других страницах — это оптимальный вариант передачи данных, без всяких аяксов.
Там делов то на 15 минут, через дата атрибут передаешь.
Либо вариант совсем простой генерируешь разметку под модалку под каждый товар, по колбеку минишопа делаешь его видимым
Либо вариант совсем простой генерируешь разметку под модалку под каждый товар, по колбеку минишопа делаешь его видимым
блин, где вы все раньше то были? :)
Гугл на тему отдаёт всего две адекватных страницы. эту и web-revenue.ru/modx-revo/minishop2-vsplyivayushhee-okno-posle-nazhatiya-na-knopku
у меня с Минишопом не так много опыта (хотя в целом в php и js разбираюсь), поэтому деньги предлагал, но никто не взялся помочь.
Гугл на тему отдаёт всего две адекватных страницы. эту и web-revenue.ru/modx-revo/minishop2-vsplyivayushhee-okno-posle-nazhatiya-na-knopku
у меня с Минишопом не так много опыта (хотя в целом в php и js разбираюсь), поэтому деньги предлагал, но никто не взялся помочь.
Modx то тут причем? Этот подход в любом сайте можно использовать
разробрался, там класс у мобильной кнопки другой.
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.