Cart Pop-Up

-- HikaShop version -- : 2.6.0
-- Joomla version -- : 3.4.5
-- Browser(s) name and version -- : Chrome

I'm working on a site redesign and the cart pop-up when you add something to your cart...has a section that is off screen. I found where to modify the pop-up size...but no matter how I change it...it still has an option to scroll down. Please see attached image...you will see the scroll bar on the right.

How can I fix this? I'm getting close to making this my live site.

Thank you!

Hi,

You can add some css rules, but you have to add the properties in your template css file directly, and at the end of the file.
www.hikashop.com/support/documentation/s...ize-the-display.html

I'm not that experienced at this yet. I hate to ask...but can you help me with what to write?

Hi,

First I think that you should change the settings of the option 'Add to cart popup size' in Configuration > Main > Cart to use the height of "220".
Then in your file "/media/gantry5/engines/nucleus/css-compiled/nucleus.css" there is the property:

#g-page-surround {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

#g-page-surround {
    min-height: auto;
}

Ok great, thank you Xavier! I'll try adding that in later tonight to their "custom.css" file as I've already learned if I change something in the nucleus.css...if I update Gantry, it wipes out all changes!

I'll let you know if I'm successful. Thank you again and everyone else here at Hikashop. You guys are great!

Ok...did exactly what you said, and the scroll bar is now gone, but the bottom of the box itself is still going past the viewable section as shown in the image attached. Any thoughts?

can you please publish the final fixes as I am having the same issue.

Sorry for the delay, it's been a rough few days. Login information has been sent.

Ok thank you Nicolas! I'll take it up with RocketTheme.

For my Rockettheme template - the following solved the misaligned boxes:
Set the following as a CSS override (how will depend on which version of gantry you are using)
#sbox-window {
padding:0;}

Cheers
Henryk

henrykk

Thank you! That worked. I'm checking to see if anything else was effected, but the only thing I can see is that the white border is now gone. Any thoughts on how to bring that back so the pop-up isn't lost to the background colors?

Hi,

Instead of the:

#sbox-window {
padding:0;}

#sbox-window {
height:240px !important;
}

Xavier to the rescue!!! That worked! Thank you.

So...I've pushed my test site over to my live site, and ran in to a problem with this. When looking at images in HikaShop, the images are now the same size as the pop-up cart image. I've pulled the changes out of my custom.scss file (so you can't see it now...but the cart pop-up is messed up again because of it), but I wanted to check in to see if there were any thoughts on this issue.

Is there a way to separate out the changes to effect ONLY the cart pop-up and not the image pop-ups?

nicolas wrote: Hi,

The add to cart popup notice is done with mootools.
The image popup is done by default with mootools, but you can change it by changing the "Image popup mode" setting of the Display tab of the HikaShop configuration.
So that way, if you use another popup system for the images, your CSS for the add to cart popup notice won't affect the popups for the images.

Ok cool...I'll upload everything back in to the test environment & play with it a bit.

Thank you!