Jump to content

Shopping cart emerges too high (on hover)


CrossY
 Share

Recommended Posts

Hi there,

 

I'm trying to edit my shopping cart. I've switched the "Weclome - Login" with the shopping cart (vertical switch), however, the shopping cart still emerges from its original position (I think).

 

I've added a margin to #cart_block, which solved half the problem, but I can't find the correct fix to have the cart emerge from below the text "Cart 1 Product".

 

Please note the added image for clearance.

 

Thanks in advance!

 

Regards,

 

post-354569-0-26561000-1378662907_thumb.png

Share this post


Link to post
Share on other sites

use this styles for cart position:

#shopping_cart a {
clear: both;
height: 15px;
padding: 15px 0px 10px 43px;
background: url('img/icon/cart.gif') no-repeat 12px 9px #eee;
min-width: 130px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
}

(i removed text-align: right; and changed backgrund position)

 

effect:

yGl6rF2.png

Share this post


Link to post
Share on other sites

Thanks for your answer! The 404 error has to do with another topic: http://www.prestashop.com/forums/topic/273892-severe-translation-issues/?do=findComment&comment=1372776

 

As for the shopping cart, it doesnt really solve my problem (except for some small make-up problem). The block that appears on mouse-over still emerges from the top of "Cart (empty)" rather than below it..

Share this post


Link to post
Share on other sites

yes i know that, it's because this is all what i can do for you, it's because i cant add products to cart because ... i don't see them due to the 404 error. so i cant inspect cart block because there is no product in cart...

Share this post


Link to post
Share on other sites

i've noticed that you solved this issue :)

 

so i can test it ! :)

 

 

okay, so:

 

change top param in #header #cart_block to top:59px;

exactly as i show below:

#header #cart_block {
z-index: 10;
display: none;
position: absolute;
right: 0;
top: 59px;
height: auto;
width: 200px;
-moz-border-bottom-right-radius: 3px;
-moz-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
box-shadow: 0 1px 0 #C6C6C6;
background: #eee;
}

it's a part of this file: http://www.zzada.com/modules/blockcart/blockcart.css

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More