Анимация добавления товара в карзину (flyToCart)



  • Добрый день!

    Оставлял этот вопрос на прошлой версии форума, но прочитать ответ так и не успел из-за его падения.

    Подскажите, пожалуйста - чем может быть вызвана неправильная анимация полёта всплывающего окна в корзину?
    #shk_prodHelper должен лететь вверх вправо к ShopCartWrapper, но у корзины будто не определяются координаты и он летит в левый верхний угол.

    shopkeeper3-3.2.2-pl
    modx 2.3.5-pl

    shopkeeper.js :

    ...
    getShopCartWrapper: function(){
            if ( SHK.options.propertySetNum > 0 ) {
                var shopCart = $('[data-shopcart="' + SHK.options.propertySetNum + '"]');
            }else{
                var shopCart = $('[data-shopcart]').eq(0);
            }
            return shopCart;
        }, 
    ...
    toCart: function(thisForm){
    ...
    case 'helper':
    var cartPos = this.getCenterPos( $('#shk_prodHelper'), SHK.getShopCartWrapper() );
    var thisAction = function(){
            if( typeof( SHKtoCartCallback) == 'function' ){
                  if(!SHKtoCartCallback(thisForm)) return false;
             }
    
       var count = $('#shk_prodCount').size() > 0 && $('input:text','#shk_prodCount').val().length > 0 ? parseFloat( $('input:text','#shk_prodCount').val().replace(',','.') ) : '';
       $('#shk_prodHelper').animate({
           top: cartPos.y+'px',
           left: cartPos.x+'px'
       },700).fadeOut(500,function(){
                $(this).remove();
                SHK.fillCart(thisForm,count);
       });
    }
    this.showHelper( el, name, SHK.options.noCounter, thisAction );
    break;
    ...
    

  • Администраторы

    Надо обновиться на последнюю версию. Вроде там эта проблема исправлена.



  • @Andchir обновился до последней версии 3.2.4-pl, к сожалению полетели некоторые настройки (хорошо, что работаю на тестовом зеркале сайта). Изучаю документацию, чтобы исправить.

    Но проблема с анимацией #shk_prodHelper всё равно осталась.



  • у тебя с версткой что то не то, полет в корзину рассчитывается от левой границы корзины. То есть блок корзины должен быть четких размеров и не тянутся на всю ширину экрана. У меня встречалась такая проблема именно по этой причине, надеюсь помог.



  • @Pavel точно! Проблема оказалась из-за мобильной версии, у которой шапка продублирована, при этом отдельная и не отображается в desktop версии. И код этой мобильной шапки находится выше кода основной версии, в этом и была проблема. Разрабы сайта не проконтролировали эти моменты видимо.

    Большое спасибо!



Похоже, подключение к Форум | MODX Shopkeeper было разорвано, подождите, пока мы пытаемся восстановить соединение.