How do I add two anchor links on my website's home and About Us pages?

How do I add two anchor links on my website's home and About Us pages?

katerina29
Tourist
7 0 1

Hi!

Help me please. I need to add 2 anchor link: on the home page and About us.

I need on the home page when click on the button Get free consultation (first section) scroll down to Contact form.
The same on the About us page.

https://47e262-3.myshopify.com/
password relteu

Replies 9 (9)

biznazz101
Shopify Partner
494 50 94

Homepage Link: https://47e262-3.myshopify.com/#shopify-section-template--20754507891017__contact_form_4FrfRH

About Us: https://47e262-3.myshopify.com/#shopify-section-template--20760022221129__multi_column_rFzAFt

(Don't see a contact form on the about us page, link goes to bottom of page)

 

Hope that works for you!
@biznazz101 

Don't hesitate to reach out for more help with your store.
SEE OUR TASK STORE or check us out via our profile! FREE STORE AUDIT

ThePrimeWeb
Shopify Partner
2139 616 510

Hey @katerina29

 

For the button in the homepage, 

In the button link (first or second), add this

#shopify-section-template--20754507891017__contact_form_4FrfRH

 

Screenshot for reference. 

ThePrimeWeb_0-1707512658550.png

 

 

In the about us page, I don't see a contact form, so it wouldn't be possible to scroll there. You could just link it to the Contact Page, 

 

Or you could add the link

https://47e262-3.myshopify.com/#shopify-section-template--20754507891017__contact_form_4FrfRH

 

which will go to the homepage and scroll down to the contact section

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
katerina29
Tourist
7 0 1

I add link  to the homepage and it works
but for the About us page it doesnt work (I add contact form)

 
katerina29
Tourist
7 0 1

and on the mobile it works incorrect

ThePrimeWeb
Shopify Partner
2139 616 510

Hey @katerina29,

 

You have this effect in one of the text and image section where it is invisible and then turns visible when you scroll there, somehow it's stopping the scroll. After that section loads, then if you scroll back up again and click the button, it works.,

 

And as for the About us Page, 

 

ThePrimeWeb_0-1707513502864.png

 

You only added the part after the '#', I asked you to add the whole link

https://47e262-3.myshopify.com/#shopify-section-template--20754507891017__contact_form_4FrfRH
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
katerina29
Tourist
7 0 1

On the page About us i need to scroll down to the contact form on this page (About us), now it moves to home page

ThePrimeWeb
Shopify Partner
2139 616 510

At first there wasn't a contact page, I see you added it now,

You can change the button link in the About us page to 

#shopify-section-template--20760022221129__contact_form_i9wH9M
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
katerina29
Tourist
7 0 1

it scroll to incorrect section, check it please

ThePrimeWeb
Shopify Partner
2139 616 510

Again,  I previously mentioned

"You have this effect in one of the text and image section where it is invisible and then turns visible when you scroll there, somehow it's stopping the scroll. After that section loads, then if you scroll back up again and click the button, it works.,"

 

These sections are breaking the scroll, in the about page if you click the button 3 times, it works. This is a theme issue I cannot fix with quick code.

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!