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

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

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

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

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

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