Inconsistent layout on product info page

I need help trying to make the product info page layout consistent. Currently on some product pages the 'also purchased' section is at the top of the page and on others it's at the bottom. I want it to be consistent with 'also purchased' section always being on the bottom and the product image, description, and add to cart at the top. I've have tried adding clearBoth class to sections on the template, changing css, and it's not working. Does the product image size have to always be consistent for this to work? I'm not a php person, nor a zen-cart guru. Any suggestions would be greatly appreciated.

You can view the store (link below) and switching from product to product, changes the layout.
http://ooidacalltoaction.com/OOIDAGear/

Can you be more specific which products? because I (and others), am not going to search through each product on your site.

And welcome to the community :smile:

Definitely agree need some more detailed information. Believe I did just cycle through all the product, and did not find a case where the also purchased information appeared at the top of the page... Of course a lot of the top of the page is white. But didn't see any cases of anything changing location up to or above the previous, category listing, next buttons...

Having a link to a problem page and an acceptable page would help requested by Design75.

Here is one product where the 'also purchased' section appears before the product itself. Also, if you hit refresh, it reorders the section putting the 'also purchased' at the bottom again. see image
http://ooidacalltoaction.com/OOIDAGear/index.php?main_page=product_info&cPath=6&products_id=36

It seems like if I click on a category and then a product the page layout is consistent, but if I click on a product from the 'also purchased' section, that is when the page moves the product below the 'also purchased' section.

I can't seem to reproduce this. I used Chrome and Firefox, but in both the page showed just fine. Maybe it is a cache problem. Try to empty the cache and retry.

I have deleted cache and reloaded page. That is what is strange, that most times it displays fine and other times it seems to display backwards. There is no consistency so it's hard to figure out what is causing it.

Can you click on this product and while on this page go to the bottom and click on the 'safety vest' from the 'also purchased' section. Does the page not flip sections.
http://ooidacalltoaction.com/OOIDAGear/index.php?main_page=product_info&products_id=26

It does not flip for me...

kobra:

It does not flip for me... same here

No problems here either.

Perhaps a screenshot of what you are seeing may help?

oops, cancel that I see you already did.

Cheers
RodG

Which browser, and operating system are you using?

No problems here either.

I jumped from one to other products, for quite some products, both from product list, and also purchased box, all fine.

RodG:

No problems here either

FWIW, not long after posting this I did actually manage to see the problem - I was even able to semi-randomly reproduce it. (I was/am using Chrome).

Unfortunately, I wasn't able to identify the cause - I tried viewing the page source a number of times, but these cause a page refresh, and the refreshed page(s) were all showing the non troublesome outputs.

If it were a consistant issue, I'd be looking at things like a missing <div> - or perhaps a <div> where there shouldn't be one, and/or possibly something amiss with the .css - possibly a 'width' value that is to large for the space available.

I did try adding/deleting a few of the divs and changing various .css values (using developers tools), and although I got some weird and wonderful effects/results, I wasn't able to replicate what I was seeing. Not that I really expected to, but thought it worth a shot.

So, to sum up, yes, I can confirm that the problem is 'real' - and not something unique to the OP, but that is all I really know for sure.

Cheers
RodG