Related products module overlaps with main product photo

[elenichee]

Hi all,

 

I'm hoping that you could help me with my issue below... tried asking the developer whom I bought my PS1.5 theme from but he was not willing to help, so I had to make the changes on my own.

 

Basically, this is the end result I am hoping to get on my product page (the "you might also like" and "most popular picks" located side by side):

http://www.staging.fashionurges.com/13-metallic-peep-toe-heels.html

 

Unfortunately, when there is no “most popular picks” (=also purchased products) hooked to the page, the “you might also like” (=related products) module shifts to the top and overlaps with the main product photo... If I try to push it to the bottom by changing the {margin-top:-200px} css code, it affects the other working page as well.

http://www.staging.fashionurges.com/12-studded-boots.html

 

This is my first time using Prestashop and I'm not familiar with CSS, so hope this is not a silly question... If anyone has any idea how to fix this, would you care to share the solution with me?

 

Thanks so much in advance for your help.

[CartExpert.net]

Hi.

 

The first problem is they are both located in the #pb-left-column DIV. You need to move them out of there to give them more space.

Then remove the clearfix class and set both DIV's (#crossselling , .blockproductscategory) to float left.

 

Regards.

 

Robin.

 

The CartExpert Team

[elenichee]

Hi Robin,

 

Thank you very much for your help! I tried your solution but it didn't quite work (I must be doing something wrong) but it did give an idea on how to resolve the issue.

 

Thank you again for your time and advice - you rock!

 

Cheers!

[pankaj123]

Hi all,

 

I'm hoping that you could help me with my issue below... tried asking the developer whom I bought my PS1.5 theme from but he was not willing to help, so I had to make the changes on my own.

 

Basically, this is the end result I am hoping to get on my product page (the "you might also like" and "most popular picks" located side by side):

http://www.staging.f...-toe-heels.html

 

Unfortunately, when there is no “most popular picks” (=also purchased products) hooked to the page, the “you might also like” (=related products) module shifts to the top and overlaps with the main product photo... If I try to push it to the bottom by changing the {margin-top:-200px} css code, it affects the other working page as well.

http://www.staging.f...dded-boots.html

 

This is my first time using Prestashop and I'm not familiar with CSS, so hope this is not a silly question... If anyone has any idea how to fix this, would you care to share the solution with me?

 

Thanks so much in advance for your help.