login boxes in header!?

[bonnit]

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?

[joyjoy]

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!

[stevesh]

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.

[joyjoy]

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!

[joyjoy]

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

[gjh42]

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

[balihr]

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...

[bonnit]

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

[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!

[Kim]

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