Баг корзины

[coder0x7b]

Здравствуйте, Уважаемые форумчане, столкнулся с такой проблемой впервые, дело в том, что на сайте корзина работает через раз, а точнее кнопки, которые должны добавлять в корзину товары. К примеру, зайдя на сайт, открыв карточку товара, всё добавляется, но после того как товар в корзине и страница обновлена, либо открыт уже другой товар, кнопка не реагирует. Смотрел в консоли, там тишина, никаких  запросов нет при нажатии. Подскажите куда копать.
Подопытный

в OC не особо силён

Змінено 22 вересня 2020 користувачем coder0x7b
Проблема решена

[thentru]

проблема в #button-cart
при непустой корзине повторяется несколько раз

[coder0x7b]

1 минуту назад, thentru сказал:

проблема в #button-cart
при непустой корзине повторяется несколько раз

Можно подробнее? Где много #button-cart и что с ними делать?

[Blast]

10 минут назад, coder0x7b сказал:

Здравствуйте, Уважаемые форумчане, столкнулся с такой проблемой впервые, дело в том, что на сайте корзина работает через раз, а точнее кнопки, которые должны добавлять в корзину товары. К примеру, зайдя на сайт, открыв карточку товара, всё добавляется, но после того как товар в корзине и страница обновлена, либо открыт уже другой товар, кнопка не реагирует. Смотрел в консоли, там тишина, никаких  запросов нет при нажатии. Подскажите куда копать.
Подопытный

в OC не особо силён

у вас на странице 2 кнопки <button id="button-cart">

в результате событие клика (на #button-cart) навешивается только на первую - а это блок всплывающей корзины.

Естественно этого блока нет, когда ни одного товара в корзине нет, но как только что-то туда добавляете, то появляется баг.

Поправьте шаблон всплывающей корзины, задав другой id для кнопки "Оформить заказ"

[coder0x7b]

14 минут назад, Blast сказал:

у вас на странице 2 кнопки <button id="button-cart">

в результате событие клика (на #button-cart) навешивается только на первую - а это блок всплывающей корзины.

Естественно этого блока нет, когда ни одного товара в корзине нет, но как только что-то туда добавляете, то появляется баг.

Поправьте шаблон всплывающей корзины, задав другой id для кнопки "Оформить заказ"

 

17 минут назад, thentru сказал:

проблема в #button-cart
при непустой корзине повторяется несколько раз

Вы были правы, спасибо, поправил, теперь всё работает.

Змінено 22 вересня 2020 користувачем coder0x7b

[coder0x7b]

UPD.
На мобильной версии появился баг. Счётчик товаров в корзине не обновляется в реальном времени, как поправить?

 

[Blast]

4 часа назад, coder0x7b сказал:

UPD.
На мобильной версии появился баг. Счётчик товаров в корзине не обновляется в реальном времени, как поправить?

 

так проблема ровно такая же

дублируется id="cart-total"

нужно назначить class="cart-total" и в catalog/view/theme/optom/js/main.js заменить

$('#cart-total').html(json['total']);

на

$('.cart-total').html(json['total']);

[coder0x7b]

@Blast Спасибо большое! Поправил, работает, сейчас думаю как сделать на мобильной хоть какой-то отклик, что товар добавлен, кроме счётчика

Змінено 24 вересня 2020 користувачем coder0x7b

[Blast]

1 час назад, coder0x7b сказал:

@Blast Спасибо большое! Поправил, работает, сейчас думаю как сделать на мобильной хоть какой-то отклик, что товар добавлен, кроме счётчика

ну в дефолтном шаблоне выдается стандартный бустраповский alert, достаточно будет просто скопировать кусок кода из файла common.js

если хотите что-то другое, то, как пример, уведомления из шаблона ultrastore

https://ultrastore.octemplates.net/apple-ru/iphone-ru/smartfon-apple-iphone-x-256gb-silver-ru

 

[S1mple]

26 минут назад, Blast сказал:

ну в дефолтном шаблоне выдается стандартный бустраповский alert, достаточно будет просто скопировать кусок кода из файла common.js

если хотите что-то другое, то, как пример, уведомления из шаблона ultrastore

https://ultrastore.octemplates.net/apple-ru/iphone-ru/smartfon-apple-iphone-x-256gb-silver-ru

 

Везде успеваешь)))

[coder0x7b]

5 часов назад, Blast сказал:

ну в дефолтном шаблоне выдается стандартный бустраповский alert, достаточно будет просто скопировать кусок кода из файла common.js

если хотите что-то другое, то, как пример, уведомления из шаблона ultrastore

https://ultrastore.octemplates.net/apple-ru/iphone-ru/smartfon-apple-iphone-x-256gb-silver-ru

 

как выглядит код этого алерта для мобилы?

[Blast]

10 часов назад, coder0x7b сказал:

как выглядит код этого алерта для мобилы?

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

в catalog/view/theme/optom/css/style.css

удалите код

.alert-success {
	display: none!important;
}