Post by jh3rman » Tue Feb 18, 2014 11:26 am

I need help with the alignment of options, info and description on my product pages for my site. If you go to a product:

http://www.shop-xpress-graphics.com/ind ... duct_id=43

you can see that all of the info is pushed down, creating way too much white space on that page. How can I fix this?

Also, on the product page, the footer doesn't go all the way accross the bottom like it does on all other pages. How can I fix this also?

Newbie

Posts

Joined
Tue Sep 10, 2013 10:28 am

Post by billynoah » Tue Feb 18, 2014 11:35 am

take out stylesheet line 1005: margin-left: 265px;

Image


Active Member

Posts

Joined
Tue Jan 15, 2013 12:46 pm

Post by jh3rman » Tue Feb 18, 2014 11:52 am

Works perfectly, THANKS!!!

Any idea on how to fix the footer issues?

Newbie

Posts

Joined
Tue Sep 10, 2013 10:28 am

Post by jh3rman » Wed Feb 19, 2014 9:08 pm

Can anybody shed some light on my footer issues?

Newbie

Posts

Joined
Tue Sep 10, 2013 10:28 am

Post by stokeyblokey » Wed Feb 19, 2014 10:34 pm

Looks like it might be something to do with the 2 column layout on the product pages....but not sure, sorry.

Stokey


User avatar
Active Member

Posts

Joined
Sat Aug 31, 2013 10:19 pm

Post by jh3rman » Thu Feb 20, 2014 3:22 am

Is that within the product.tpl file or a different one?

Newbie

Posts

Joined
Tue Sep 10, 2013 10:28 am

Post by stokeyblokey » Thu Feb 20, 2014 7:47 am

Quick way to test this (I think): in your Opencart Admin panel go to SYSTEM>DESIGN>LAYOUTS

Click EDIT on the product one.

In the Route: section change product/product to product/category (we now the category page layout works with the full width footer) and then save.

Check the page again and see if the footer is still messed up - if it is then you know it is something to do with the product layout itself.

Stokey


User avatar
Active Member

Posts

Joined
Sat Aug 31, 2013 10:19 pm

Post by jh3rman » Thu Feb 20, 2014 8:22 am

I tried your suggestion and the only thing it appears to do is remove my "Category" links from the left of the product details. The footer is still messed up.

Newbie

Posts

Joined
Tue Sep 10, 2013 10:28 am

Post by stokeyblokey » Thu Feb 20, 2014 8:58 am

In that case I am stumped...have you tried contacting the theme developer for assistance? If billynoah comes back to this thread he may also be able to help.

Stokey

Stokey


User avatar
Active Member

Posts

Joined
Sat Aug 31, 2013 10:19 pm

Post by billynoah » Thu Feb 20, 2014 9:08 am

your footer is inside the container div which has a width of 940px set. if you want it to span the full window you need to move it outside of that div.

Image


Active Member

Posts

Joined
Tue Jan 15, 2013 12:46 pm

Post by jh3rman » Thu Feb 20, 2014 9:50 am

Is that on the product.tpl file within /catalog/view/theme/"MY_THEME"/template/product? If so, it appears to be outside of all divs. Here is a screen shot of the file.

Attachments

Screen shot 2014-02-19 at 8.49.38 PM.png

Screen shot 2014-02-19 at 8.49.38 PM.png (23.18 KiB) Viewed 1664 times


Newbie

Posts

Joined
Tue Sep 10, 2013 10:28 am

Post by billynoah » Thu Feb 20, 2014 10:11 am

it isn't. if you want, inbox you're site details and I'll customize it for you to your satisfaction as paid support.

Image


Active Member

Posts

Joined
Tue Jan 15, 2013 12:46 pm

Post by stokeyblokey » Fri Apr 18, 2014 9:20 pm

Just wanted to say that I had a similar issue today on some extra pages I had added, and this post tickled my memory - luckily enough it was the not-closed <div id="content"> tag on the relevant template files and I worked it out thanks to remembering billynoah's advice on this thread.

If your footer starts "squashing" up then view page source and look to see if you have a </body> tag in red - if you do then you need to add a </div> somewhere above the footer to close that div off!

Cheers,

Stokey

Stokey


User avatar
Active Member

Posts

Joined
Sat Aug 31, 2013 10:19 pm

Post by Evans » Fri Aug 29, 2014 9:43 pm

So glad I found this thread! Thanks for suggesting looking for an unclosed <div> tag. I couldn't see it anywhere in the file so I just added a closing tag and it worked!

New member

Posts

Joined
Sat Jun 19, 2010 4:14 am

Post by billynoah » Fri Aug 29, 2014 10:04 pm

The default theme deliberately leaves the container div unclosed until the end of the footer. If you check the footer.tpl you'll notice an extra closing </div> at the end which is opened on line 52 <div id="container"> of the header.tpl (in 1.5.6.4). If you close it earlier as you've indicated you might want to adjust the structure so as not to leave an extra closing tag at the end. But then - an extra closing tag isn't really the end of the world either.

Image


Active Member

Posts

Joined
Tue Jan 15, 2013 12:46 pm
Who is online

Users browsing this forum: edkny and 128 guests