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

[ram222]

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

 

[rbutorin]

Воспользуйтесть firebag в firefoxe и будет вам счастье.

 

[ram222]

Воспользуйтесть firebag в firefoxe и будет вам счастье.

Не на столько же я туп.

 

[animal_x]

Тут - /catalog/view/theme/ваша-тема/template/checkout/cart.tpl
редактируйте код после <?php if ($success) { ?>

 

[bezzubtsev]

Всплывающее окно можно сделать из стандартного сообщения о покупке.
Править файл /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');
                });