Перейти к содержанию
mario512

Помогите решить задачу с кнопкой корзины.

Рекомендуемые сообщения

С наступающим всех Форумчан! Помогите с реализацией идеи. Есть кнопка, которая должна появляться при условии что корзина не пуста. вот код:

<script type="text/javascript"><!--
                $(document).on( 'scroll', function(){
                    
                    if ($(window).scrollTop() > 400) {
                        
                        Условие ЕслиКорзинаПустая = 0 тогда  показать
                        
                        $('.scroll-call-wrapper').addClass('show');
                        
                        Иначе Если пустая то скрыть 
                    } else {
                        $('.scroll-top-wrapper').removeClass('show');
                    }
                        
                    
                });
                function viewCart() {  Функция, которая срабатыват при нажатии на кнопку
                
              При нажатии на кнопку перейти по ссылке:  location.href="https://www.caseroom.in.ua/checkout/"    
                
                };
                //--></script>

 

Буду очень признателен!!!

 

Изменено пользователем mario512

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Какой текст у вас отображается в корзине?

Стандартный?

Quote

0 товар(ов) - 0.00 р.

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 0 товар(ов) - 0.00грн   Так!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Уловил ход ваних мыслей! Но как это реализовать в скрипте? Знаний и опыта нет.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Я вам дам сырой код, допилите и выложите сюда, когда заработает, чтобы людям было, ок?

 

В footer

Стили для кнопки:

<style type="text/css">
  .show {
    display: block;
  }
  .scroll-call-wrapper {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 40px;
    background-color: red;
    width: 100px;
    height: 50px;
  }

</style>

Кнопка:

<div class="scroll-call-wrapper" onclick="viewCart(); return false;">
</div>

Скрипт:

<script type="text/javascript">
                $(document).on( 'scroll', function(){
                  // Узнаем кол-во товаров в корзине НАЧАЛО
                    
                    // длина ненужного хвоста
                    length_trash=0;

                    // получаем значение #cart-total, весь текст
                    cart_total_amount=$('#cart-total').text();

                    // убираем ненужные элементы
                    cart_total_amount=cart_total_amount.replace(/ /g,'');

                    // отрубаем хвост, длина зависит от length_trash
                    cart_total_amount=cart_total_amount.substring(0,cart_total_amount.length-length_trash);

                  // Узнаем кол-во товаров в корзине КОНЕЦ
                    if ($(window).scrollTop() > 400 && cart_total_amount > 0) 
                        
                       /* Условие ЕслиКорзинаПустая = 0 тогда  показать*/
                        
                        $('.scroll-call-wrapper').addClass('show');
                        
                      /*  Иначе Если пустая то скрыть */
                   
                        
                    
                });
                function viewCart() { 
                  location.href="https://www.caseroom.in.ua/checkout/";
                
                };
                </script> 

 

Важно!

 

// убираем ненужные элементы
cart_total_amount=cart_total_amount.replace(/ /g,'');

Тут вы должны определить какие символы вам нужно убрать.

Посмотрите какой текст в корзине и погуглите как его заменить.

Данный вариант убирает пробел, скрипт предназначался для цен с разделителем тысяч вида

1 999

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
32 minutes ago, mario512 said:

Уловил ход ваних мыслей! Но как это реализовать в скрипте? Знаний и опыта нет.

 

Кооперируйтесь с поисковиками.

Кто ищет, тот ..

Изменено пользователем unknown

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
                $(document).on('scroll', function () {
                    if ($(window).scrollTop() > 400) {
                        var str = $('#cart-total').text();
                        var s = str.trim().substr(0, 1);
                        if (+s > 0) {
                            $('.scroll-call-wrapper').addClass('show');
                        } else {
                            $('.scroll-top-wrapper').removeClass('show');
                        }
                    } else {
                        $('.scroll-top-wrapper').removeClass('show');
                    }
                });

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо, попробую!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

unknown, fanatic,  Спасибо вам за помощь. Все работает. Готовая кнопка в виде ocmod.

ocmodcardbuton.ocmod.xml

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.