[Помогите] добавить код на кнопку "купить"

Dotrox · 23 мар 2016

sonicking сказал(а): ↑

куда не вставляю - в метрике по нулям
Нажмите, чтобы раскрыть...

Надо не в метрике смотреть, а на сетевой вкладке в инструментах разработчика в браузере. Если код установлен правильно, после клика на кнопку должен быть сразу запрос с передачей события.

sonicking сказал(а): ↑

поставил так, вроде работает
в common2.js и product.tpl
Нажмите, чтобы раскрыть...

Ну, так именно так и надо было.

sonicking сказал(а): ↑

я так понимаю, что код так же можно вставить в скрипты от модуля, но просмотрев все файлы модуля со скриптами и попробовав по аналогии с другими файлами вставить код цели в эти файлы - понял, что я ничего не понял :о))
Нажмите, чтобы раскрыть...

В инструментах разработчика в Мозилле можно легко увидеть все обработчики, которые навешены на тег и не нужно лопатить файлы (в Хроме это тоже есть, но там сложней разобраться).

В файле /catalog/view/javascript/ocdev_smart_checkout/ocdev_smart_checkout.js строка 49 - 51:
Код:
$( document ).on( 'click', '.smch_call_button', function () {
  $( ".smch_call_button" ).attr( 'disabled' );
});

sonicking · 25 апр 2016

потребовалось повесить ещё событие на кнопку "Отправить заказ" в форме быстрого заказа
по Вашему совету Dotrox пытался отследит события через инструмент разработчика, но единственное что я понял (и то если правильно), что для этого в Метрики надо ставить не JavaScript событие, а посещение страницы...

Dotrox · 25 апр 2016

sonicking сказал(а): ↑

в Метрики надо ставить не JavaScript событие, а посещение страницы...
Нажмите, чтобы раскрыть...

Нюансов Метрики я не знаю, но в случае с предыдущим событием, запрос к Яндексу отправлялся при каждом его срабатывании.

sonicking · 25 апр 2016

спасибо за ответ. с предыдущим - это вы имеете ввиду вызов формы быстрого заказ?
может я всё таки не там смотрю в инструменте разработчика?
до этого вставляли код в этот файл /catalog/view/javascript/ocdev_smart_checkout/ocdev_smart_checkout.js
в нём есть секция function sendOrder() { которая, на сколько я понял, как раз и отвечает за отправку заказа из Быстрого заказа, но вот по аналогии с предыдущими вставками, настроить не получается...

Dotrox · 25 апр 2016

sonicking сказал(а): ↑

в нём есть секция function sendOrder() { которая, на сколько я понял, как раз и отвечает за отправку заказа из Быстрого заказа, но вот по аналогии с предыдущими вставками, настроить не получается...
Нажмите, чтобы раскрыть...

Ну, это очень легко проверить. Добавьте в это место
Код:
console.log('1');
И смотрите консоль браузера. Если это правильное место, после отправки заказа в консоли будет 1.

sonicking · 26 апр 2016

поставил
console.log('1');
сразу после
function sendOrder() {
консоль выдала 1

поставил цель так (четвёртая строка кода)

Спойлер

Код:

function sendOrder() { 
  var $button_send = $( '#smch_modal_body .bottom > input' ); 
  $button_send.attr( "disabled", true ); 
  yaCounterXXXXXXXX.reachGoal('QOSubmit');  /*цель метрики*/ 
  maskElement( '#check_data', true ); 
 
  $.ajax({ 
 
      type: 'post', 
      url: 'index.php?route=module/ocdev_smart_checkout/sendOrder', 
      dataType: 'json', 
      data: $( '#smch_modal_data input[type=\'text\'], #smch_modal_data input[type=\'hidden\'], #smch_modal_data input[type=\'radio\']:checked, #smch_modal_data input[type=\'checkbox\']:checked, #smch_modal_data textarea, #smch_modal_data select' ), 
      success: function( json ) { 
 
        if ( json['error'] ) { 
          $( '.field_error' ).remove(); 
          $( '.option_error' ).remove(); 
          $( '.ocdev_smart_checkout_fields input, .ocdev_smart_checkout_fields textarea, .ocdev_smart_checkout_fields select, .smch_methods_table' ).removeClass('error_style error_style_table'); 
          $( '.option' ).removeClass('error_style_table_option'); 
          if ( json['error']['field'] ) { 
            maskElement( '#check_data', false ); 
            $.each( json['error']['field'], function( i, val ) { 
                if ( i == 'shipping_method' ) { 
                  $( '#smch_shipping_table' ).addClass( 'error_style_table' ).after( '<span class="error_text_table field_error">' + val + '</span>' ); 
                } else if ( i == 'payment_method' ) { 
                  $( '#smch_payment_table' ).addClass( 'error_style_table' ).after( '<span class="error_text_table field_error">' + val + '</span>' ); 
                } else { 
                  $( '[name="' + i + '"]' ).addClass( 'error_style' ).after( '<span class="error_text field_error">' + val + '</span>' ); 
                } 
                                  
            }); 
          }; 
          if ( json['error']['option'] ) { 
            maskElement( '#check_data', false ); 
            $.each( json['error']['option'], function( i, val ) { 
                $( '#smch_option-' + i ).addClass( 'error_style_table_option' ).after( '<span class="error_text_table_option option_error">' + val + '</span>' ); 
            }); 
          }; 
          $button_send.attr( "disabled", false ); 
        } else { 
 
          if ( json['transfer_payments_selector'] ) { 
            $( '#payment_html' ).html( json['payment_html'] ); 
            $( '#payment_html' ).find( json['transfer_payments_selector'] ).click(); 
            json['output'] = false; 
          } 
 
          if ( json['output'] ) { 
            maskElement( '#check_data', false ); 
            $( '#smch_modal_body .slide_description, #smch_modal_body .slide_informer, #smch_modal_body .slide_attributes, #smch_modal_body .bottom > .totals' ).remove(); 
            $button_send.attr( {'value': json['button_close_text'], "disabled": false, 'class': 'close_button_bottom' } ).removeAttr('onclick').on( 'click', this, function() { 
                closeModal(); 
            }); 
            $('.close_button_bottom').attr( 'title', $smch_close.attr('title') ); 
            $( '#smch_modal_data' ).html( json['output'] ); 
            rePositionModal(); 
          } 
 
          if ( json['google_analytics'] ) { 
            ga( 'require', 'ecommerce' ); 
            ga( 'ecommerce:addTransaction', { 
              'id': json['google_analytics']['transaction_id'], 
              'affiliation': json['google_analytics']['affiliation'], 
              'revenue': json['google_analytics']['revenue'], 
              'shipping': json['google_analytics']['shipping'], 
              'tax': json['google_analytics']['tax'], 
              'currency': json['google_analytics']['currency'] 
            }); 
            ga( 'ecommerce:addItem', { 
              'id': json['google_analytics']['product_id'], 
              'name': json['google_analytics']['name'], 
              'sku': json['google_analytics']['sku'], 
              'price': json['google_analytics']['price'], 
              'quantity': json['google_analytics']['quantity'] 
            }); 
            ga( 'ecommerce:send' ); 
          } 
 
          if ( json['google_event'] ) { 
            ga( 'send', 'event', json['google_event']['сategory'], json['google_event']['action'], json['google_event']['name'], json['google_event']['product_id'] ); 
          } 
        } 
      } 
  }); 
}

в консоли вроде событие появляется, надо попробовать на живую, сработает ли

Войти или зарегистрироваться

[Помогите] добавить код на кнопку "купить"

Dotrox Команда форума

sonicking

Dotrox Команда форума

sonicking

Dotrox Команда форума

sonicking