login boxes in header!?

i am currently using zencart 1.3.8a and a number of mods including the login sidebox mod.

this is working great but i am considering resizing my header and adding a div on the left hand side with login/password input boxes to sign in directly form the header. i have installed the login_header mod but it seems to disagree with any mods i already have, and it doesnt seem to place within the header it just adds a bar at the bottom much like the ezpages nav bar.

just wondering if theres an easier way of doing this by perhaps using another mod or using the sidebox coding i already have installed?

Hi guys! I'm trying to find out how I would be able to get a "sidebox" in the header of my page vs being in the colums below the nav bars.

Thank you!

The only way I know to actually place a sidebox in the header is to use the position:absolute; tag in the stylesheet.

A little more info about what you're trying to accomplish woul help.

I want to get a sidebox in the header of the page where I can place items within. I'm thinking of doing a "subscribe" form for newsletters or "login/password" there. Thanks!

So if I use what you're suggesting, I could add a blank sidebox then set the absolute positioning? That would work?

Yes, it would, as long as you have #mainWrapper {position: relative;} in your stylesheet so there is a reliable positioning reference.

Thanks. I'll give this a try.

Okay, I don't know where/how to give this a try...

In the stylesheet I have made this addition, #mainWrapper {position: relative;}. But I don't know how to actually position the sidebox...?

#blanksidebox {position: absolute; top: 23px; right: 23px;}

Use the id of your sidebox, and adjust the values as required.

Thank you soooo much! I appreciate it!

Try adding a div in the header and put this code inside it:

<div id="log_in_header">
<?php echo zen_draw_form('loginheader', zen_href_link(FILENAME_LOGIN, 'action=process', 'SSL')); ?>
<label class="inputLabel" for="login-email-address"><?php echo ENTRY_EMAIL_ADDRESS; ?></label>
<?php echo zen_draw_input_field('email_address', '', 'size="18" id="login-email-address"'); ?>
<br class="clearBoth" />
<label class="inputLabel" for="login-password"><?php echo ENTRY_PASSWORD; ?></label>
<?php echo zen_draw_password_field('password', '', 'size="18" id="login-password"'); ?>
<?php echo zen_draw_hidden_field('securityToken', $_SESSION['securityToken']); ?>
<?php echo zen_image_submit(BUTTON_IMAGE_LOGIN, BUTTON_LOGIN_ALT); ?>
<br class="clearBoth" />
<div class="buttonRow back important"><?php echo '<a href="' . zen_href_link(FILENAME_CREATE_ACCOUNT, '', 'SSL') . '">' . TEXT_CREATE_ACCOUNT_HEADER . '</a>'; ?></div>
<div class="buttonRow back important"><?php echo '<a href="' . zen_href_link(FILENAME_PASSWORD_FORGOTTEN, '', 'SSL') . '">' . TEXT_PASSWORD_FORGOTTEN_HEADER . '</a>'; ?></div>
</form>
<br class="clearBoth" />
</div>

I'm not 100% sure it will work, but you can try it and let us all know if it works... :smile:

yep works fine, after floating one left and one right and a little tweaking of the logo wrapper width and my logo width it works a treat, slightly misaligned but nothing that cant be sorted with a little css.

thanks your a star:clap:

Help again please...I have uploaded the a new sidebox and renamed it. I have inserted the position tag into my #mainwrapper and have also inserted the postion tag for the sidebox into my stylesheet...It's messing up my page. By bottom nav bar has disappeared. I don't know what I'm doing wrong. =(

https://www.funh.com/shop

Thank you.

Hi Bonnie, where exactly did you place that div code to create the login box in your header? I've been trying to figure this out. But I'm stuck. Thank you!

Moderator's note: two threads on the same topic have been merged. Please continue in this thread.

joyjoy:

Hi Bonnie, where exactly did you place that div code to create the login box in your header? I've been trying to figure this out. But I'm stuck. Thank you!

i put the div box in just before my logo wrapper, but i have heavily customised mine so this may be different for yours?

Hi,

I finally got around to doing the positioning of the login box. But it changes position with different browsers. Is there a way to get the positioning fixed? It should remain to the right edge of the screen in the header.

Thank you.

Can we see the site? The link in post 13 doesn't work right now.

I think it works now. It was lagging for some reason.

I removed the login box and tried to add login header as a suggestion from another post.

So the one that is on the page right now is the login header add on.

Should I stick to this one or should I go back to login box?

Sorry, here, https://www.funhn.com/shop