sign in sidebox

Is it possible to have a separate Side Box for SIGN IN?

Many customers claim they don’t see the fine text and/or would rather be able to just sign in straight away without having to click.

I have tried to use the ADD BLOCK section in ADMIN- DESIGN.

But I assume that I would have to create my own somehow within


Has someone already done this, I have searched the forums with no luck so far.

Or is it a Skin Template design issue as well?

Example Image

Thanks :slight_smile:

Where I work, we just placed the HTML of the login fomr in a custom HTML block.

Generally works for us.

Use the standard “My Account” sidebox and place it in an obvious location (like upper right column).

This doesn’t really have a sign in form in it, though. Why don’t we have a block like this?

Thanks gginorio I’ll look into that :slight_smile:

tbirnseth the “My Account” is already in a prominent position, it’s the LOGIN/SIGN IN section I want to make into a block and have it stand out :slight_smile:

OK :slight_smile:

I grabbed the raw source code from the page view and extracted this code.

Which I made into a HTML custom block

  1. It doesn’t work (it doesn’t actually sign in)
  2. The fields/boxes make the column widen out. (see screenshot)

    So can anyone suggest what Code or info I am missing and where I would add the dimensions to reduce the field/box sizes.





Remember me



OK :slight_smile:

It works now … just kept adding code that it needed.

Created a HTML Block

NOW … how can I adjust the size of the boxes so it fits the right hand column?


Sign in



Remember me

Forgot your password?


It’s Hacky McSnappy, but it functions. Feel free to add inline CSS to solve any formatting issues as well.

Hi gginorio

Yeah it works, but it’s not elegant :slight_smile:

I have no idea about inline CSS, I’ll do some research!

OK …

"Inline CSS has the highest priority out of external, internal, and inline CSS. This means that you can override styles that are defined in external or internal by using inline CSS. However, inline CSS detracts from the true purpose of CSS, so use it sparingly. "

So I see where you are heading. If I use inline CSS, it will overide the sizes etc of the login fields, so I can make changes JUST in the HTML code box and leave everything else ‘clean’.

I just have to find the CSS code for sizes and insert them into the HTML code for the login boxes (as a general concept)

I’ve tried all kinds of things, but to no avail!

I’ve reduced size details to existing lines ;

I’ve added extra code or lines in various places ;

width=“15” / maxlength=“50” / length=“15”

Or percentages or info with DIV tags;

ect etc. Nothing seems to work? Generic sites haven't been helpful so far.

I suppose I'll have to look into the CSS "form-field" for more detail, but I don't want to change that as it may affect the whole site.

I guess I could copy/create a new "form-field" class and use it for the Login box, but I still don't know how to make it fit.

This is like a poorly understood language to me. I can see the words I just can't put them together properly.

Any help would be appreciated. Thanks :)

OK … I’ve been away, but I’m back to this Sign In /Login block.

Does anyone know the CSS code or have any suggestions on making the Name and Password boxes smaller - so that match the right hand column dimensions?


OK … got it working.

Just kept at it!

Had to tweak styles.base.css a little, but it works :slight_smile:

Thanks for the help and idea “gginorio”


I was playing around with the site and checking bits and pieces as you do.

I noticed something rather critical with the HTML coded Design box “SIGN IN” addon I cobbled together.


This way of signing in seems to bypass the security page?

It works, but it never activates HTTPS

So … is there a way to make the main landing page


I really don’t want users names and passwords entered on a non secure page.

Thx :slight_smile:

Modifying your .htaccess file in the root of your cs-cart install and adding the lines below will force your cart to always use https.

RewriteEngine On

RewriteCond %{SERVER_PORT} 80

RewriteRule ^(.*)$$1 [R,L]

Another thing that may work is in your config.local.php there is a location for http and http links to your site. If you put https prefixes for both it may accomplish this as well but I have never tested that.

Thanks John :slight_smile:

Will these changes just affect the landing/main page, or the whole website?

Those changes would be for the whole website. Do you only have that signin right nav on the homepage? If not then you would want it on the whole site. If it is only on the homepage then you can just do a rewrite rule for that one page.

Something like this:

RewriteEngine On

RewriteCond %{HTTPS} on

RewriteCond %{REQUEST_URI} !index.php

RewriteRule ^(.*)$ http://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

The only thing is if you don’t have SEO friendly url’s for all pages you could have issues as all of the dynamic url’s are index.php?dispatch…

I thought this was a pretty nifty idea so I took a break from beta testing addons and made the hack. It works with image verification and disappears when logged in, check it out:

Thank you so much for everyone’s feedback and help here :slight_smile:

I have been busy for the past day or so, but will be addressing this soon!

Nice snorocket :slight_smile:

But it doesn’t use HTTPS.

My site seems to have slowed down a bit of late, so I am not going to make it all HTTPS. But I have simply removed the sign in sidebox for now.