Сообщений в теме: 11

[isay777]

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

 

Всякие "приблуды" типа полета в корзину довольно трудоёмки и иногда работают криво, особенно на мобильных устройствах. 

Но теперь у нас есть вшитый sweet alert  и нам теперь легко можно сделать всплывающие окно с сообщением о попадании товара в корзину.

 

Приступим

==============================================

Идем в js отвечающий за кнопки 

jbuniversal/cart-elements/price/buttons/assets/js/buttons.js

нам нужна эта строка 

 

Пишем свой код для окна по образцам на сайте свит алерт, я сделал так 

swal( {title: "Товар добвлен в корзину!",type:"success", timer: 2000,   showConfirmButton: false });

Теперь вставляем его в js 

должно получиться примерно так 

'click .jsAddToCart': function (e, $this) {
 
                var jbPrice = $this.price.data('JBZooPrice'),
                    quantity = $this.get('quantity', 1),
                    input = $(this);
                swal( {title: "Товар добвлен в корзину!",type:"success", timer: 2000,   showConfirmButton: false });

И вот что у нас выходит. 

 

 

[andrey.koch]

Отличненько   После перехода на 220 обязательно воспользуюсь рецептом. Спасибо.

[laRus]

Спасибо, isay777! Стильно и есть возможность для экспериментов. 

[Save Tibet]

А разве по-умолчанию в 220v не внедрено сообщение о добавлении? И судя по скриншоту с кодом, в том куске уже есть какое-то упоминание модального окна? Или я не прав?

[isay777]

ну...

Сообщение отредактировал isay777: 28 May 2015 - 23:45

[SmetDenis]

По просьбам наших читателей в следующем выпуске вы увидите.





Ваша редакция.

[Save Tibet]

Отлично! Спасибо, денис!

[isay777]

Круто! 

[Yastroitel]

Добрый день!

А как такое реализовать на 2.1.5 ?

 

Ну то есть - я смогу сам подключить sweet alert

 

А вот где поправить такой код для кнопки добавления?

Спасибо!

[SmetDenis]

Yastroitel сказал(а) 10 Июн 2015 - 13:58:

А как такое реализовать на 2.1.5 ?

Переименуйте
в папке jbuniversal\assets\js\
jquery.jbzootools.orig.js -> jquery.jbzootools.min.js с заменой

Свой код выполнить тут