Trouble with ajax cart poping up on page refresh

[Da9L]

Hello everyone

 

Im using a Prestashop version 1.5.5.0, with a modified theme.

 

Im using Ajax cart on the site. My problem is that once the page is loaded the cart contents popup always shows even though you aren't hovering over the cart. Once you move the mouse inside the content and out again, it dissapears, and works like normal.

 

I havent had any luck finding out what is happening.

 

Can you guys assist ?

 

I can provide a link via Private Messaging

[vekia]

hello

 

any chance to see it live? 

problems like that need inspection with browser developer tools

 

so, if it iis possible - please share url to your website

 

thanks in advance

[Da9L]

hello

 

any chance to see it live? 

problems like that need inspection with browser developer tools

 

so, if it iis possible - please share url to your website

 

thanks in advance

 

I've send you URL in private message. Thanks for your time ! 

[vekia]

thank you!

 

 

My problem is that once the page is loaded the cart contents popup always shows even though you aren't hovering over the cart. Once you move the mouse inside the content and out again, it dissapears, and works like normal.

so, basically you want to disable this cart, and want to change it to work like it works in default theme, right?

[Da9L]

thank you!

so, basically you want to disable this cart, and want to change it to work like it works in default theme, right?

 

I would like the cart content to be displayed like so:

You move the mouse over the cart and the cart content slides in under it .. If you move your mouse outside of the cart or cart content it slides away again. This is how it is right now on the site, BUT.. The cart content is shown by default once you refresh the site. If you then move the mouse inside the cart content and out again. it slides away and everything works like normal.

 

Hope you can understand me ?

[vekia]

go to: /themes/secrethost/css/modules/blockcart/blockcart.css

and change

#header #cart_block {
z-index: 9999;
xdisplay: none;
position: absolute;
right: 10px;
top: -86px;
height: auto;
width: 200px;
background: #fff;
border-left: 1px solid #4c4c4c;
border-right: 1px solid #4c4c4c;
border-bottom: 1px solid #4c4c4c;
} 

to:

#header #cart_block {
z-index: 9999;
display: none;
position: absolute;
right: 10px;
top: -86px;
height: auto;
width: 200px;
background: #fff;
border-left: 1px solid #4c4c4c;
border-right: 1px solid #4c4c4c;
border-bottom: 1px solid #4c4c4c;
}

i removed x from: xdisplay: none;

[Da9L]

go to: /themes/secrethost/css/modules/blockcart/blockcart.css

and change

#header #cart_block {
z-index: 9999;
xdisplay: none;
position: absolute;
right: 10px;
top: -86px;
height: auto;
width: 200px;
background: #fff;
border-left: 1px solid #4c4c4c;
border-right: 1px solid #4c4c4c;
border-bottom: 1px solid #4c4c4c;
} 

to:

#header #cart_block {
z-index: 9999;
display: none;
position: absolute;
right: 10px;
top: -86px;
height: auto;
width: 200px;
background: #fff;
border-left: 1px solid #4c4c4c;
border-right: 1px solid #4c4c4c;
border-bottom: 1px solid #4c4c4c;
}

i removed x from: xdisplay: none;

 

That makes the cart content never display when i hover over the cart :-(

[vekia]

even if you've got products in carT?

[Da9L]

even if you've got products in carT?

 

The customer we are making this site for decided he wanted a slightly different layout where ajax cart is no longer needed. But thanks for the help anyways!