Всплывающее окно после нажантия купить

Подскажите пожалуйста как это реализовать я новичек в этой системе
Владислав
Владислав
18 апреля 2016, 05:36
modx.pro
5 277

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

mekirile
mekirile
18 апреля 2016, 09:43
В карточке товара вешаешь функцию показа модального окна при клике на Добавить в корзину (ну или купить, у кого как называется):

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>
Ну и стили надо указать само собой.
    Владислав
    Владислав
    18 апреля 2016, 09:45
    Спасибо большое
      Владислав
      Владислав
      18 апреля 2016, 09:47
      miniShop2.Callbacks.Cart.add.response.success = function() это тоже да в самом чанке нужно вешать функцию?
      mekirile
      mekirile
      18 апреля 2016, 09:48
      Это должно быть внутри 
      <script></script>
      в шаблоне карточки товара.
        Владислав
        Владислав
        18 апреля 2016, 09:50
        А на сетке товаров тоже самое получается?
          mekirile
          mekirile
          18 апреля 2016, 09:54
          а вы попробуйте)
            Владислав
            Владислав
            18 апреля 2016, 10:00
            немного не понятно модально окно выводить в этом же чанке?
          Владислав
          Владислав
          18 апреля 2016, 10:17
          Вот как мне тут разместить код 
          <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>
            mekirile
            mekirile
            18 апреля 2016, 15:58
            Мне кажется вам стоит разместить тему в раздел «Объявления о работе». Все темы, которые вы создаете элементарно закрываются за 5 минут и не имеют никакого отношения к конкретно MODX

            Опишите в теме все свои задачи и вам за несколько тысяч рублей всё сделают. Сэкономите кучу времени.
          Евгений Дубровин
          Евгений Дубровин
          14 января 2019, 12:56
          Здравствууйте!
          если кому надо решение (не нашёл в Интернете, поэтому потратил пару недель на реализацию самостоятельно), работающее не только в карточке товара, но и на остальных страницах сайта, обращайтесь dubrovin3w@gmailcom (платно). вот сайт, где сделал cornu.ru/
            Павел Гвоздь
            Павел Гвоздь
            14 января 2019, 13:01
            потратил пару недель
            На что? На модальное окошко после добавление в корзину?
              Евгений Дубровин
              Евгений Дубровин
              14 января 2019, 13:12
              нет, сложность была конечно не с окном, а с передачей в него названия и картинки товара, когда дело происходит не в карточке товара.
              всех, кто хоть как-то связан с Минишопом успел опросить, результата не было.
              modx.pro/users/3071 пробовал помочь, но получилось только в карточке (как и описано здесь).
              сам накопал решение, когда данные передаются через атрибуты data (data-productId="[[+menutitle:empty=`[[+pagetitle]]`]]" data-productImage="[[+750x666:empty=`images/style/no-photo.jpg`]]"), но привести его здесь полностью не смог бы, извиняюсь.
                Андрей
                Андрей
                14 января 2019, 14:05
                Чего там делать то, берешь id товара и по нему получаешь все данные, загружаешь аяксом в окно, либо через data атрибуты, если на странице товара.
                  Евгений Дубровин
                  Евгений Дубровин
                  14 января 2019, 14:12
                  возможно это действительно не сложно, но мне никто не смог помочь (деньги предлагал), обращался много к кому, вт.ч. здесь web-revenue.ru/modx-revo/minishop2-vsplyivayushhee-okno-posle-nazhatiya-na-knopku
                  кстати, если на странице товара, то атрибуты data как раз не нужны, а вот на других страницах — это оптимальный вариант передачи данных, без всяких аяксов.
                    Руслан Сафин
                    Руслан Сафин
                    14 января 2019, 14:28
                    Там делов то на 15 минут, через дата атрибут передаешь.
                    Либо вариант совсем простой генерируешь разметку под модалку под каждый товар, по колбеку минишопа делаешь его видимым
          Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
          18