Кнопка «Купить» в Opencart?

Question

[Илья Филонов]

Добрый день.

В карточке товара в интернет-магазине сделал кнопку "Купить". Даже не сделал, а стилизовал и методом проб и ошибок подогнал под свою верстку. Делал это в category.twig, но поглядывал на один товар, его страницу без конца обновлял. В итоге добился, чтобы по нажатию кнопки страница скролилась вверх и в счетчик товаров в корзине добавлялся +1

Довольный до жопы пошел потыкать на других товарах, но НЕТ. Больше нигде не работает функционал. А на странице того товара работает.

Как так? Помогите

Comments

[lazuren]

1.

В карточке товара в интернет-магазине сделал кнопку "Купить".

Как вам это удалось 0_0 если карточка товара это файл вида product.twig?
2. Мне, мягко говоря, сложно представить ваш код, который вы наваяли, по этому не плохо было бы его добавить к вопросу. Только пожалуйста не скринами)))
Так же можно ссылку на сайт.

[Илья Филонов]

Вот так выглядит кнопка в коде файла product.twig, да!

<div class="form-group" id="product">
      <input type="hidden" name="product_id" value="{{ product_id }}" />
      <button type="button" id="button-cart1" data-loading-text="{{ text_loading }}"  class="add_to_bag">{{ button_cart }}</button> 
    </div>

Вот такой к ней есть скрипт

<script type="text/javascript">
  $('#button-cart1').on('click', function() {
    $.ajax({
      url: 'index.php?route=checkout/cart/add',
      type: 'post',
      data: $('#product input[type=\'text\'], #product input[type=\'hidden\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea'),
      dataType: 'json',
      // beforeSend: function() {
      //   $('#button-cart').button('loading');
      // },
      // complete: function() {
      //   $('#button-cart').button('reset');
      // },
      success: function(json) {
        $('.alert-dismissible, .text-danger').remove();
        $('.form-group').removeClass('has-error');

        if (json['error']) {
          if (json['error']['option']) {
            for (i in json['error']['option']) {
              var element = $('#input-option' + i.replace('_', '-'));

              if (element.parent().hasClass('input-group')) {
                element.parent().after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
              } else {
                element.after('<div class="text-danger">' + json['error']['option'][i] + '</div>');
              }
            }
          }

          if (json['error']['recurring']) {
            $('select[name=\'recurring_id\']').after('<div class="text-danger">' + json['error']['recurring'] + '</div>');
          }

          // Highlight any found errors
          $('.text-danger').parent().addClass('has-error');
        }

        if (json['success']) {
          $('.breadcrumb').after('<div class="alert alert-success alert-dismissible">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');

          $('#cart > button').html('<span id="cart-total"><i class="fa fa-shopping-cart"></i> ' + json['total'] + '</span>');

          $('html, body').animate({ scrollTop: 0 }, 'slow');

          $('#cart > ul').load('index.php?route=common/cart/info ul li');
        }
      },
          error: function(xhr, ajaxOptions, thrownError) {
              alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
          }
    });
  });

И эта связка работает на 2 товарах, выполняет описанный в вопросе алгоритм. А на других двух - нет(

[Валерий Витальевич]

Илья Филонов, Чем отличаются товары? Опции есть?

[Илья Филонов]

Валерий Витальевич, тоже так предположил после последнего своего комментария. Поэтому полез в опции, никаких принципиальных отличий не нашел и просто удалили проблемные товары - их там не так много, к счастью.

И все, на каждый новый товар кнопка работает. Жалко, что проблему не нашел, но радует, что решил. Спасибо!