Иконка Корзины то есть то нет

[Gamburg]

Добрый день, появилась проблема - есть изображение корзины, рядом вывод количества в кружке (рис.1), после добавления товара, изображение корзины пропадает, кружок с количеством виден и обновился до единицы (рис.2), после перезагрузки, появляется изображение корзины, кружок с единицей тоже виден (рис.3).

Нажимаем на изображение корзины открывается маленькое окно с добавленным товаром, удаляем товар, пропадает изображение корзины, кружок с количеством виден и обновился до нуля (рис.4), перезагружаем страницу, видим изображение корзины, кружок с количеством нуль тоже виден (рис.1).

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

1) 

2) 

3) 

4) 

[spectre]

в сторону js смотреть который обновляет корзину

[Gamburg]

4 minutes ago, spectre said:

в сторону js смотреть который обновляет корзину

common.js?

 

[sasha3337774]

7 минут назад, Gamburg сказал:

common.js?

 

да

[sasha3337774]

скорее всего нужно смотреть, что там происходит при добавлении товара в корзину ( add - при добавлении товара в корзину) и при обновлении (update) 

Змінено 16 лютого 2021 користувачем sasha3337774

[Gamburg]

Вот HTML код корзины:

  <button type="button" data-toggle="dropdown" data-loading-text="Загрузка..." class="btn btn-inverse btn-block btn-lg dropdown-toggle">
    <span id="cart-total">0</span>
    <span class="cart-icon"></span>
  </button>

 

где:

<span class="cart-icon"></span>

изображение корзины

 

после добавления товара:

  <button type="button" data-toggle="dropdown" data-loading-text="Загрузка..." class="btn btn-inverse btn-block btn-lg dropdown-toggle">
    <span id="cart-total">0</span>
  </button>

 

т.е. <span class="cart-icon"></span> 

отсутствует

---------------------------------------------------

common.js

// Cart add remove functions
var cart = {
    'add': function(product_id, quantity) {
        $.ajax({
            url: 'index.php?route=checkout/cart/add',
            type: 'post',
            data: 'product_id=' + product_id + '&quantity=' + (typeof(quantity) != 'undefined' ? quantity : 1),
            dataType: 'json',
            success: function(json) {
                if (json['redirect']) {
                    location = json['redirect'];
                }

                if (json['success']) {
                     $.notify({
                         message: json['success'],
                         target: '_blank'
                     },{
                         // settings
                         element: 'body',
                         position: null,
                         type: "info",
                         allow_dismiss: true,
                         newest_on_top: false,
                         placement: {
                             from: "top",
                             align: "center"
                         },
                         offset: 0,
                         spacing: 10,
                         z_index: 2031,
                         delay: 5000,
                         timer: 1000,
                         url_target: '_blank',
                         mouse_over: null,
                         animate: {
                             enter: 'animated fadeInDown'
                             //exit: 'animated fadeOutUp'
                         },
                         onShow: null,
                         onShown: null,
                         onClose: null,
                         onClosed: null,
                         icon_type: 'class',
                         template: '<div data-notify="container" class="col-xs-11 col-sm-3 alert alert-success" role="alert">' +
                             '<button type="button" aria-hidden="true" class="close" data-notify="dismiss">&nbsp;&times;</button>' +
                             '<span data-notify="message"><i class="fa fa-check-circle"></i>&nbsp; {2}</span>' +
                             '<div class="progress" data-notify="progressbar">' +
                                 '<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div>' +
                             '</div>' +
                             '<a href="{3}" target="{4}" data-notify="url"></a>' +
                         '</div>' 
                     });

                    $('#cart > ul').load('index.php?route=common/cart/info ul li');
                          $('#cart > button').html('<span id="cart-total">' + json['total'] + '</span>');
                        
                }
            }
        });
    },
    'update': function(key, quantity) {
        $.ajax({
            url: 'index.php?route=checkout/cart/edit',
            type: 'post',
            data: 'key=' + key + '&quantity=' + (typeof(quantity) != 'undefined' ? quantity : 1),
            dataType: 'json',
            success: function(json) {
                if (getURLVar('route') == 'checkout/cart' || getURLVar('route') == 'checkout/checkout') {
                    location = 'index.php?route=checkout/cart';
                } else {
                    $('#cart > ul').load('index.php?route=common/cart/info cart_prod');
                                        $('#cart > button').html('<span id="cart-total">' + json['total'] + '</span>');
                }
            }
        });
    },

 

Змінено 16 лютого 2021 користувачем Gamburg

[Gamburg]

Как я понимаю здесь:

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

 

конкретно

' + json['total'] + '

Добавляет количество

 

может надо добавить здесь изображение корзины

<span class="cart-icon"></span> 

 

к примеру:

 

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

Змінено 16 лютого 2021 користувачем Gamburg

[sasha3337774]

вот пример с иконкой fa-fa:

Спойлер

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

по идеи нужно сделать по аналогии с картинкой, но это не точно 

[Gamburg]

1 hour ago, sasha3337774 said:

вот пример с иконкой fa-fa:

  Reveal hidden contents

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

по идеи нужно сделать по аналогии с картинкой, но это не точно 

 

К сожалению без изменений

[Gamburg]

Может в контроллере?

 

[sasha3337774]

15 минут назад, Gamburg сказал:

К сожалению без изменений

можно ссылку на сайт?

[Gamburg]

1 hour ago, sasha3337774 said:

можно ссылку на сайт?

Скинул в личку

 

[Gamburg]

Спасибо всем, всё заработало

 

Добавил в common.js

в add,

в update.

в remote

<span class="cart-icon"></span>  

изображение корзины

 

далее в product.twig

нашёл похожую конструкцию как в common.js

и тоже добавил 

<span class="cart-icon"></span>  

изображение корзины

 

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!