How to fix this problem?

[d.crysty23]

I have a problem with "shopping_cart". Although I've done some changes in css for this segment, I've noticed that they are disadjusted and are not positioned right. I've made a printscreen to explain myself better. I really don't know where the problem could be. An even stranger thing is that this error doesn't occur all the time.. sometimes, if I refresh the page, they are alright; then if I refresh again they are not. 

Do you know what could cause this problem and how I could fix it?

 

Thanks!

http://www.3bwine.com/CRISTY/prestashop/index.php?id_product=1&controller=product

[Carolina Custom Designs]

Pretty simple fix here

 

In modules/blockcart/blockcart.css find the following:

#header #cart_block {
    background: none repeat scroll 0 0 #EEEEEE;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 1px 0 #C6C6C6;
    display: none;
    height: auto;
    position: absolute;
    right: 50px;
    top: 104px;
    width: 200px;
    z-index: 10;
}

Change your current css to that above and the placement will be fixed. Additional css adjustments will be needed for some minor elements but that should get you headed in the right direction.

 

Marty Shue

[d.crysty23]

i've replaced the code but the problem didn't go away. i've noticed that the problem only occurs only when i'm on the product page.. if i'm on any other page, everything is fine

[vekia]

take a look, this is how it looks like for me:

[d.crysty23]

 i know. that's how it looks like for me and i don't know what i've done so wrong that broke the arrangement of the elements

[Carolina Custom Designs]

i've replaced the code but the problem didn't go away. i've noticed that the problem only occurs only when i'm on the product page.. if i'm on any other page, everything is fine

 

 

Well, the main problem of the cart alignment did go away. However, I see there are additional issues. I will look at it again.

 

Marty Shue

[berka.pavel]

the problem is with <span class="price"> in cart_block_list which have in product.css on line 264 this rule

 

.price {

1. margin-top: 20px;

}

 

And that´s the way the cookie crumbles.

[Carolina Custom Designs]

Yes but this creates other problems on the page.

 

I think the solution is as follows:

#cart_block .price {
    float: right;
    margin: 0;
}

Needed to add that this is in blockcart/blockcart.css

 

 

Marty Shue

Edited February 28, 2014 by Carolina Custom Designs (see edit history)