Moving Account Options into sc_logo section at the top of the page

[dymaxionfm]

Hello,

I'd like to move the Account login information to the top of the page (#sc_logo in the CSS) where the logo image resides.

Is that possible? If so, how would I do this?

Thanks!

T

[Jamie]

Anything is possible.

1. First, you need to locate the PHP code that displays the login form. You can find that in the Content field for the built in "Account Options" Navigation Block.
example1.png

2. Remove that navigation block from your store page if you haven't already:
http://squirrelcart.com/help/?Nav_Bl...torefront.html
example2.png

3. Put the code from #1 in the store_main.tpl.php template file.
http://squirrelcart.com/help/?Modify...Templates.html
example3.png

When you save that and load your storefront page, it will look like crap. Something like this:
example4.png

4. At this point, everything left to do is standard web design - CSS and HTML.

For starters, I'd recommend wrapping the code that outputs the login form in a <div /> with an id like "login_top". You can then add this CSS to the bottom of your style_main.css.php stylesheet to fix most of the display issues:

#login_top input {
    display: inline;
}
#login_top {
    text-align: right;
}

#login_top .login_btn {
    float: right;
}

You will probably then want to move that div inside the div in store_main.tpl.php that has an id set to sc_inner so the login form lines up with your content.

You will still have work to do beyond what I explained, but that should get you started.

[dymaxionfm]

Thanks, Jamie!