Single Column Layout with 100% width header and footer

[justinl]

I'm about to start implementing my own custom PrestaShop theme that has the layout of the attached image. The black bar along the top and bottom span the width of the whole browser (this is an aesthetic treatment) similar to something like 8tracks.com has.

My question to those more experienced, is that at the top of my layout, I have a thin black bar that has the cart and account information, that sort of acts as a second header.

Would you, as developers, create another HOOK to put stuff in there (e.g. have a HEADER1, HEADER2)? Or would you just cram everything into the existing HEADER HOOK?

Thanks

[justinl]

Wow, ok this was actually pretty straight forward to implement. I ended up creating a new hook for the little top bit which gave me everything I needed (and it's a lot easier than I thought to create a new hook!). Then I put the newly created hook and the footer hook outside of the main #page div, which allowed me to give them widths of 100% that would span the screen.

[sguy]

Hi,

Did you finish that theme? I'm curious to see it :-)

[justinl]

Most of the major stuff is finished, however I'm implementing some custom modules for the front page so those aren't finished yet. I'll post back when the site is complete. The theme doesn't really look like PrestaShop anymore.

[sguy]

Interesting, I look forward to seeing the final result