Jump to content

Shopping cart emerges too high (on hover)


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!





Link to comment
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)




Link to comment
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..

Link to comment
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

Link to comment
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
  • Create New...