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

[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>

 

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

 

Змінено 15 квітня 2017 користувачем mario512

[unknown]

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

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

Quote

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

 

[mario512]

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

[mario512]

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

[unknown]

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

 

В 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

 

[unknown]

32 minutes ago, mario512 said:

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

 

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

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

Змінено 15 квітня 2017 користувачем unknown

[fanatic]

                $(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');
                    }
                });

 

[mario512]

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

[mario512]

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

ocmodcardbuton.ocmod.xml