Cart products popup. With too many items, doesn't look good

Hi,

When I have two or more products in my shopping cart and I hit the Cart image to check those items, the list of the products plus the attributes doesn't fit in the screen, so the popup window expands down to the buttom.
The problem is that there is no option to scroll down in that popup windows,in consequence, the action buttons as Checkout, does not appear.

Do you know about it? Any ideas to fix it?

Hi

Please tell me an exact url to Your site, so I'll check it.

Hi!

Sending you the info via email

Hi

I'm afraid that cart was not prepared for as many customfields informations as You have I would advice to hide them in cart module by using this code:

Code: Select all

.vm-customfield-mod { display: none; }


Or add a scroll, but it will not look very nice:

Code: Select all

#vmCartModule {
height: 350px;
overflow-y: scroll;
}


Hi!

I found out that it looks nicer if the scroll code is inserted here:

Code: Select all

.gkPopupWrap {
overflow-y: auto;
height: 365px;
}

Thanks again for looking into this

- Mauricio

This is a better solution

Code: Select all

#gkPopupCart {
position: absolute;
}

Hi

Ok, but I think popup got this css value already. Are You sure it's just not because of using both this solutions?

Hi,


The default value that I have is

Code: Select all

#gkPopupCart {
position: fixed;
}

The bad thing with my solution, is that the popup windows always shows on the top of the page, so, if I am at the bottom and hit the cart icon, I would have to scroll up to see the popup window..

Hi

Yes. Position "absolute" is refering to site and "fixed" to window. I think that the best solution would be to set it back to "fixed" and reduce the space the single product informations takes in cart box. I would advice to use smaller fonts, remove some spaces between text or remove some unnecessary informations. Do You want me to help You with any of this propositions ?

Hi!

Yes, please!
Can you please make the changes in the Custom CSS code box in the template settings in order to keep track of the changes?

Thanks

Hi

Right now You have a default template awaiting inspecton for this cart plugin bug, so I will not touch it. Let me know when You will be ready to get back to our template so I'll make some changes to it.

Hi Teitbite,

Can you please try now?

Thanks!

Hi

To resize the space needed for custom fields I would propose this css code:

Code: Select all

#vmCartModule
.vm-customfield-mod {
    font-size: 10px;
    margin: -15px 0;
}