Последние темы


shopkeeper 3 ajax Всплывающее окно корзины с товаром не открывает

  • После добавления в корзину товара, вверху по нажатию на корзину не открывает всплывающее окно cartRowTpl - шаблон строки корзины
    Как можно исправить подскажите

  • <a class="cart-link" href="#" data-shopcart="1"> вот твоя проблема - " href="#" " ты тыкаеш на ссылку и она отправляет тебя на главную, соответственно row tpl (которыху тебя почемуто аж два одновременно появляется) не успевает сработать, поскольку ты переходиш по ссылке. сделай его дивом и будет тебе щастье, а если ты хотел курсор ручкой то cursor: pointer; тебе в помощ

  • Обернул в див, так ? а толк

    <div data-shopcart="1">
                  <a class="cart-link" href="#">
                    <span class="text">Корзина</span>
                    <div class="mini-cart-wr" >
                        <div class="mini-cart-bl">
                            <span class="ms2_total_count">[[+items_total]]</span>
                        </div>
    
                    </div>
                </a>  
    
     <div class="js-goods"><div class="ddown-bl" style="display: none;">
                    <div id="miniCart">
    [[+inner]]
    
                        <div class="footer clearfix">
                            <div class="grid-60 grid-parent all-price">
                                <strong>Итого:</strong>
                                <strong class="ms2_total_cost">[[+price_total]] <small>[[+shk_currency]]</small></strong>
                            </div>
                            <a class="grid-40 grid-parent pr-check" href="[[~29]]">оформить</a>
                        </div>
                    </div>
                </div></div> 
    </div>
    
  • Участник @doa2030 написал в shopkeeper 3 ajax Всплывающее окно корзины с товаром не открывает:

    После добавления в корзину товара, вверху по нажатию на корзину не открывает всплывающее окно cartRowTpl - шаблон строки корзины
    Как можно исправить подскажите

    Прочитай для начала про обновление DOM элемента, там есть евент DOMSubtreeModified
    Обработчик твой нем может найти обьект, т.к. он динамически изменился!
    Вот тебе пример:

    /*Отследить событие  изменение содержимого в DOM у класса div.header_new_data_cart*/
            $(".header_new_data_cart").on('DOMSubtreeModified', function () { 
                var dataBlock = $(this);
                console.log(dataBlock);//А тут у каждого своя фантазия
            });
    
  • Пожалуйста более конкретно если не трудно)
    Код запуска) Спасибо)

    $(".cart-link").click(function(e) {
    		e.preventDefault();
    		$(".ddown-bl").slideToggle('fast');
    		$(this).parent().toggleClass('active');
    		$(this).parents().siblings().removeClass('active').find(".ddown-bl").hide();
    	});
    
  • @doa2030

    /*Отследить событие  изменение содержимого в DOM у класса div.cart-link*/
            $(".cart-link").on('DOMSubtreeModified', function () { 
                $(this).click(function(e) {
    		e.preventDefault();
    		$(".ddown-bl").slideToggle('fast');
    		$(this).parent().toggleClass('active');
    		$(this).parents().siblings().removeClass('active').find(".ddown-bl").hide();
    	   });
            });
    
  • Толку нет чего то, стары код пробовал убирать, так не открывает вообще, пробовал вместе -тоже нет толку, в чанке shopcart обертку див ставил убирал.

  • @doa2030 на, проверил у тебя на сайте все пашет, при обновлении корзины DOM обновляет div..mini-cart-bl-wr смотри скрин.0_1504943454359_cart.png

    /*Отследить событие  изменение содержимого в DOM у класса div.cart-link*/
    $(".mini-cart-bl-wr").on('DOMSubtreeModified', function () { 
    		$('.cart-link').click(function(e) {
    		e.preventDefault();
    		$(".ddown-bl").slideToggle('fast');
    		$(this).parent().toggleClass('active');
    		$(this).parents().siblings().removeClass('active').find(".ddown-bl").hide();
    	});
    });
    
  • Большое спасибо.

  • А не подскажите в Mozila Firefox зацикливает из за скрипта и прыгает туда сюда. Остальные браузеры нормально работают

 

Последние комментарии

  • @Andchir Спасибо огромное... Сделал как Вы сказали всё получилось... Рабаотает :))) +100500 Вам к карме)))

    Читать далее
  • @Andchir Спасибо попробую...☺

    Читать далее
  • Он реагирует на событие изменения способа доставки, а у меня цена формируется при изменении города...

    Вы может сделать так: Выбираете город, ставите сессию свою внутреннюю, не связанную с Шопкипером. Потом вызываете JS-функцию:

    SHK.selectDelivery('Доставка транспортной компанией');

    которая сделает запрос, где вызовется плагин. В этом плагине вы можете прочитать вашу сессию или куку, которую установили при выборе города. Далее достаете цену и возвращаете значение плагина. В коде Шопкипера ничего менять не нужно.

    Читать далее
  • @Andchir Да про плагин я знаю, но к сожалению он мне не подходит... Он реагирует на событие изменения способа доставки, а у меня цена формируется при изменении города... В этом то и проблема в принципе... В любом случае спасибо большое за ответы... Буду дальше ковыряться...

    Читать далее