Помощь Всплывающее окно после покупки

Тема в разделе "Opencart", создана пользователем ram222, 20 май 2015.

Информация :
Внимание форумчане! При создании тем, или выкладывании какой-либо информации проверьте в какой ветке форума вы находитесь! Не путайте Opencart и Opencart2. При несоблюдении данного условия выносится соответствующее наказание! И потом не говорите что вас НЕ ПРЕДУПРЕЖДАЛИ! По возможности используйте обменники mail, yandex, google, dropbox, rghost Дабы избежать просьб перезалить и проблем с рекламой!
Модераторы: ZiX
  1. ram222

    ram222 Da Vinci

    Регистр.:
    27 апр 2009
    Сообщения:
    761
    Симпатии:
    76
    Есть шаблон Mattimeo.
    После нажатия "КУПИТЬ" всплывает окно с текстом:
    "Такой то товар добавлен в корзину".
    Где отредактировать это окно в "Mattimeo" и в дефолтном шаблоне?
    Хочу добавить туда ссылку "Оформить заказ" и ещё что нибудь.
    Я так понял если добавить всплывающий модуль корзины то могут быть конфликты с шаблоном.
     
  2. rbutorin

    rbutorin Постоялец

    Регистр.:
    18 май 2015
    Сообщения:
    87
    Симпатии:
    17
    Воспользуйтесть firebag в firefoxe и будет вам счастье.
     
  3. ram222

    ram222 Da Vinci

    Регистр.:
    27 апр 2009
    Сообщения:
    761
    Симпатии:
    76
    Не на столько же я туп.
     
  4. animal_x

    animal_x

    Регистр.:
    22 июн 2012
    Сообщения:
    404
    Симпатии:
    134
    Тут - /catalog/view/theme/ваша-тема/template/checkout/cart.tpl
    редактируйте код после <?php if ($success) { ?>
     
  5. bezzubtsev

    bezzubtsev

    Регистр.:
    14 май 2015
    Сообщения:
    258
    Симпатии:
    75
    Всплывающее окно можно сделать из стандартного сообщения о покупке.
    Править файл /catalog/view/theme/ваша-тема/template/product/product.tpl
    Найти строку "if (json['success']) {"
    И заменить блок кода примерно следующим

    Код:
    if (json['success']) {
             $('#notification').html('<div class="div-fon"><div class="success" style="display: none;"><img src="catalog/view/theme/ваша-тема/image/close.png" alt="" class="close" />' + json['success'] + '<div class="but1"><div class="continue"><a>Продолжить покупки</a></div><div class="checkout"><a href="/checkout">Оформить заказ</a></div></div></div></div>');
              
             $('.success').fadeIn('slow');
              
             $('#cart-total').html(json['total']);
            
             //$('html, body').animate({ scrollTop: 0 }, 'slow');  
    
            
           }  
    В стилях CSS настраивается под ваш дизайн. Основные моменты, чтобы окно выглядело всплывающим:
    Код:
    .div-fon {
      overflow: hidden;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1273;
      -webkit-overflow-scrolling: touch;
      outline: 0;
      background: rgba(51, 51, 51, 0.5);
    }
    .product-info .success {
      clear: both;
      display: block;
      position: fixed;
      width: 400px;
      top: 36%;
      left: 42%;
      -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.9);
      -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.9);
      box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.9);
      border-radius: 7px;
      min-height: 50px;
      background: rgba(255, 255, 255, 1);
      border: 0px dashed #545454;
      z-index: 9999;
      padding-top: 21px;
    }
    
    И ниже перед тегом "//--></script>" ещё изменить код событий во время нажатия на кнопку "продолжить" или крестик (закрытие окна:(
    Код:
    $('#notification .continue a').live('click', function() {
                        $('.success').fadeOut('slow');
                        $('.div-fon').fadeOut('slow');
                    });
    $('#notification .close').live('click', function() {
                        $('.success').fadeOut('slow');
                        $('.div-fon').fadeOut('slow');
                    });
            
     
    ram222 нравится это.