Beyond theme changing positioning of a form

Shopify Discussion
1

Does anyone know how I can switch the positioning of a form? E.g I need the username/password login details at the top of the page

wsale login.png
wsale login.png1772×911 46.1 KB

1 Like
2

You have to put or call the code on top side then it will show on the top side.

3

Hi,

What you want can be done. What’s the link to your website?

Terence.

4

https://heaveninearth.com.au/

I am just unsure what code I am moving to put it at the top

5

@HIEa You have to first check where the code is coming i mean from the page template or inside page see screenshot below -

saim007_0-1716958316656.png
saim007_0-1716958316656.png1432×752 62.6 KB

From inside the page then click on the code icon and search for the

and cut the whole code till
and move to the top of the code, and if code is coming from the template then go to edit code > find for the template and move the code
to top of the code below
this code, so you code will look like below -


    
 
User Name 
 
Password 
 
 
   

        
         

        

 I forgot my password
        

            
 Please enter your email address, and a link will be sent to
                    you to reset your password.
                
 Email:  
 If
                    we have found a valid email account, a link to reset your password has been sent to this email
                    address.
6

Would it be this one, as I can’t find the code you are relating to

7

Actually, we could do a lot more sorting, but under the current circumstances, the code below should suffice. It is also possible to sort individually with a special effort or easily solve other issues. The best approach is to test it and let me know if there are any problems.

note:The domain name is very nice. I hope I get the chance to visit it someday :slightly_smiling_face:

Terence..

The following code will do what you want. .

  1. Navigate to the ‘Edit Code’ option in your theme settings, then search for ‘theme.liquid’ in the search bar.

  2. Paste the following code below the ‘’ tag. Please refer to the attached screenshot for guidance.

shopify.head.jpg
shopify.head.jpg1366×545 61.8 KB

TerenceKEANE_0-1716991782302.png
TerenceKEANE_0-1716991782302.png1224×695 28 KB

1 Like
8

Thank you Terence, very helpful.

Any idea why there is an arrow?

arow.png
arow.png439×181 3.81 KB

9

Oh no I seem to have lost my form builder now??

10

You are welcome.. It was just a small thing for me. :slightly_smiling_face:

I’m not sure what level of assistance you’re looking for here, but if you’re seeking affordable, monthly, or long-term advanced help, we can also offer you the 'Shopify Premium Support’ service that we provide to many others here. Our service is not hourly or per project, it’s monthly. You can request as much assistance as you need.

There is no limit as a support request!

Generally, we provide superficial assistance here. The detailed help is provided to our clients through 'Premium Support.’

If you have an e-commerce store or website, working with someone who can provide continuous assistance will always be better for you.

In addition to quick solutions, we provide:

  • Fast Turnaround
  • Dedicated Advanced Front-End Coding Assistance with CSS and Javascript
  • Animated Coding Support
  • Free Advanced Apps
  • Comprehensive On-Site and Off-Site SEO Reports
  • Expert Consulting
  • Unique Mobile Premium Features
  • Design and Frontend Management

and much more…

Maybe you’re tired of constantly seeking help here, so I wanted to write this. Assistance on the Shopify community is usually quite superficial.

If you’re interested, you can check out the link in my signature. Feel free to reach out via private message, email, or WtApp if you have any questions. :folded_hands:

Terence…