Online Store Sign In - how to move/remove

  • 2
  • Question
  • Updated 4 years ago
  • Answered
Hi,

I've added an online store to my site. The store has two root categories with subcategories. When I add the online store to my site, I noticed the Sign In link is there for customers to create accounts. How do I move that sign in or shopping cart link to the menu on the top of the page? Or if I want to remove account creation, how do I remove that all together.

Thanks so much for the help in advance.
Photo of amegahed

amegahed

  • 10 Posts
  • 0 Reply Likes

Posted 6 years ago

  • 2
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
To move the sign in:

To move the “Sign in” link above the categories please add the following rule to your CSS theme (Ecwid control panel -> System Settings -> Design -> CSS Themes):

Quote:
div.ecwid-ProductBrowser-auth-anonim, div.ecwid-ProductBrowser-auth-logged {
margin-top: -7em;
}
Click “Save (Ctrl+S)” and check the storefront for the changes applied.

Please note that may need to adjust the margin value for your site (i.e. they will not necessarily be and -7em).


To remove the sign in:

Use this custom CSS rule:

div.ecwid-productBrowser-auth { display: none; }

This code will remove the "sign in" link.

If you also want to remove all elements, that allows signing into your store, use this code:

div.ecwid-productBrowser-auth { display: none; }
table.ecwid-Checkout-blockTitle button, div.ecwid-Checkout-PasswordBlock {
display:none;
}
div.ecwid-Checkout-blockTitle button.gwt-Button{
display: none;
}

Then edit the labels that states "Enter your shipping address or .." and "Enter your e-mail or .." on the checkout pages.
Photo of amegahed

amegahed

  • 10 Posts
  • 0 Reply Likes
Thanks for the response. What if I want to move sign in above the menu where it says Contact Us? Will it show up on my home page where there is no online store widget?

See screenshot

Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
No you can't do this from within the store CSS as this is outside the store wrapper. There may be anther solution but would require a workaround at a fairly sophisticated level. There are commercial developers shown on the Ecwid site that you may like to contact?

Suggest that you add this to the ideas section on Ecwid. This is a voting page and if the idea gets enough votes it will be worked on and implemented. http://ideas.ecwid.com/
Photo of Emmanuel Genard

Emmanuel Genard

  • 45 Posts
  • 0 Reply Likes
Hey I would like to do something similar to the OP. I would like tom have the "Sign In" link be horizontally aligned with the "Categories" breadcrumb that is on the upper right of the store widget. What changes do I make to the CSS? You can see my store at emmyella.com/shop.php
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Emmanuel,

This should be able to be done. May I ask that you make a sketch (rough as guts) so that there is no ambiguity on the placement. Then I may be able to direct you specifically with this.

Gop.
Photo of Emmanuel Genard

Emmanuel Genard

  • 45 Posts
  • 0 Reply Likes
Hey Gop,
I'll have the sketch for you tomorrow.
Thanks
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
You are welcome Emmanuel. All to do with thousands of pics vs millions of words.
Photo of Emmanuel Genard

Emmanuel Genard

  • 45 Posts
  • 0 Reply Likes
Hey Gop,
I took a screen grab to show what I would like to do to the "Sign in" link.
The original "Sign in" link is circled in red. I would like to move it down to the new "Sign in" link which is below it. I made a horizontal black line that runs from the bottom of the "Categories" breadcrumb across the page where I would like the sign in link to be.

I hope this explains it well
Photo of Emmanuel Genard

Emmanuel Genard

  • 45 Posts
  • 0 Reply Likes
Thank You!
Photo of Emmanuel Genard

Emmanuel Genard

  • 45 Posts
  • 0 Reply Likes
Hey Gop,
One last thing about moving the "Sign in" button. I've got it removed and now I would like to add that link to the nav menu of the site how do I change the url of the link in the nav menu so that it does not go to a page but instead shows the pop up asking for the login information

Thanks
Emmanuel
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
I don't know.

Give me a day to see what I can find.
Photo of Emmanuel Genard

Emmanuel Genard

  • 45 Posts
  • 0 Reply Likes
Ok,
thanks man
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hi Emmanuel,

The Sign-in form isn't able to be placed in a free standing pop-up. It is anchored to its page.
Photo of amegahed

amegahed

  • 10 Posts
  • 0 Reply Likes
Just following up on this, is there a solution? I want the sign-in link to be for the whole site, top right or something. Is there a way to move it in the HTML/CSS code?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello amegahed,

You may like to check this out: How to create a custom "My Account" link.

It was written up 4 months ago so hopefully will help you out.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello amegahed

Are you still referring to the Online Store Sign In link? I've moved it into the top-right corner of a test store. Please have a look at it here. Is this the way you'd like the Sign In link to appear for your store as well?
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello amegahed,

You may like to check this out: How to create a custom "My Account" link.

It was written up 4 months ago so hopefully will help you out.