The Item list stretch out when oder too many products

Hi Gavick,
I use yourshop V1.0.4 with J15 (http://hoatay.net)
A customer awared me today that the item list is stretch down all over the screen when she ordered more than 10 items. The list covers the page and customers can not shopping any more. I try by myself and the same problem occured, as you can see in the attachment.
Help please!

hoatay.jpg

Hi,
please go to js/gk.scripts.js and find

Code: Select all

// popup cart
   var cart_over = false;
    var cart_opened = false;
   if(document.id('gkItems')){
      var cart_fx = new Fx.Tween(document.id('gkCart'), {property: 'top', duration:350}).set(-600);
      
      document.id('gkItems').addEvent('click', function() {
            cart_fx.start((cart_opened) ? -600 : 38);
            cart_opened = !cart_opened;
        });
      
      document.id('gkCart').addEvent('mouseenter',function(){cart_over = true;});
      document.id('gkCart').addEvent('mouseleave',function(){cart_over = false;});
      
      $(document.body).addEvent('click', function(){
            if(cart_opened && !cart_over) cart_fx.start(-600);
        });
   }


and change it to:

Code: Select all

// popup cart
   var cart_over = false;
    var cart_opened = false;
   if(document.id('gkItems')){
      var cart_fx = new Fx.Tween(document.id('gkCart'), {property: 'top', duration:350}).set(-1600);
      
      document.id('gkItems').addEvent('click', function() {
            cart_fx.start((cart_opened) ? -1600 : 38);
            cart_opened = !cart_opened;
        });
      
      document.id('gkCart').addEvent('mouseenter',function(){cart_over = true;});
      document.id('gkCart').addEvent('mouseleave',function(){cart_over = false;});
      
      $(document.body).addEvent('click', function(){
            if(cart_opened && !cart_over) cart_fx.start(-1600);
        });
   }


then please go to gk_stuff.css find

Code: Select all

#gk-cart {
display: block;
width: 400px;
background: white;
border: 1px solid #D1D1D1;
position: absolute;
top: -600px;
left: 50%;
margin-left: -220px;
z-index: 20000;
padding: 20px;
}


and change to:

Code: Select all

#gk-cart {
display: block;
width: 400px;
background: white;
border: 1px solid #D1D1D1;
position: absolute;
top: -1600px;
left: 50%;
margin-left: -220px;
z-index: 20000;
padding: 20px;
}


This should fix your issue.

Thank you, Konrad.
I'll try and let you know.

I can not see that code in the file you mentioned. May be because of the different version of template. But I just find the "-600px" parameter and replace them with a higher value, and it works!
Thank you very much!