Jump to content

Related products module overlaps with main product photo


Recommended Posts

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. :)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites
  • 1 month later...

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. :)

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
×
×
  • Create New...

Important Information

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