Changing the vertical order of my header elements

15 Dec 2008, 6:08 PM

#1

bigsash

New Zenner

Join Date:: Nov 2008
Posts:: 17
Plugin Contributions:: 0

Changing the vertical order of my header elements

Can someone please help me, sorry if this is n00bish.

My store is as the following address: http://www.shainsware.com/site/

I'd simply like to change the order of things, I want the Logo row to be at the very top, then my custom navbar underneath the logo row, then the "Log in" and "shop" and cart links to appear underneath the navbar.

Does anyone know an easy trick to change that stuff around?

17 Dec 2008, 1:42 AM

#2

dbltoe

Totally Zenned

Join Date:: Jan 2004
Location:: N of San Antonio TX
Posts:: 9,867
Plugin Contributions:: 19

Re: Changing the vertical order of my header elements

Sure see a lot of tables there.
Version?
Upgrade?

Normally you would use the Developers Tool Kit under Tools in the admin to find the page containing the divs that make it up. You will need to find the tables, trs, or tds that work and swap their order on the page.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

18 Dec 2008, 10:34 PM

#3

bigsash

New Zenner

Join Date:: Nov 2008
Posts:: 17
Plugin Contributions:: 0

Re: Changing the vertical order of my header elements

dbltoe:

Sure see a lot of tables there.
Version?
Upgrade?

Normally you would use the Developers Tool Kit under Tools in the admin to find the page containing the divs that make it up. You will need to find the tables, trs, or tds that work and swap their order on the page.

I'm running 1.3.7. Can you elaborate on what you meant by "lots of tables there" where? which tables?

18 Dec 2008, 10:56 PM

#4

bigsash

New Zenner

Join Date:: Nov 2008
Posts:: 17
Plugin Contributions:: 0

Re: Changing the vertical order of my header elements

I see what you were saying, my design has lots of tables. Yes I'd really love to eliminate some. Any suggestions?

Any idea how to make the "Featured Products" section header stretch across the entire main content area? I can't seem to keep it from having side margins.

Any other suggestions for design improvements to simplify and clean up all the table lines?

thanks

18 Dec 2008, 11:45 PM

#5

dbltoe

Totally Zenned

Join Date:: Jan 2004
Location:: N of San Antonio TX
Posts:: 9,867
Plugin Contributions:: 19

Re: Changing the vertical order of my header elements

Give things a rest until the holidays are over (and, if you're in LA, you know that's mid January).
Take the time to upgrade to 1.3.8a using the override system. That will eliminate a lot of the tables and better prepare you for the future.
For now...
Tables are set up:

<table> <tr> <td>Column information</td> <td>2nd Cloumn Information</td> </tr> </table> Tables and things inside tables are easily moved as long as you follow the structure. If I wanted to change the column information items, I'd just make sure that I grabbed the info AND the surrounding code.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

19 Dec 2008, 12:02 AM

#6

dbltoe

Totally Zenned

Join Date:: Jan 2004
Location:: N of San Antonio TX
Posts:: 9,867
Plugin Contributions:: 19

Re: Changing the vertical order of my header elements

the new products width is controlled along with the centerColumn call in the stylesheet.

around line 407, you'll want to remove the padding.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

19 Dec 2008, 7:13 AM

#7

bigsash

New Zenner

Join Date:: Nov 2008
Posts:: 17
Plugin Contributions:: 0

Re: Changing the vertical order of my header elements

dbltoe:

the new products width is controlled along with the centerColumn call in the stylesheet.

around line 407, you'll want to remove the padding.

Thanks, I found it before I saw your reply, should have looked harder.

I made a few changes and I think it's looking a lot cleaner now.

Thanks again.