Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Dawn Theme Same Page Anchor Link

Solved

How to insert anchor link code on a Dawn Theme product page?

Rob4836
Tourist
7 0 1

How do you insert code for an anchor link on the product page to another section on same page?

Accepted Solution (1)

made4Uo
Shopify Partner
3856 717 1198

This is an accepted solution.

Hi @Rob4836,

 

You can provide the ID of the section as the value of the href with a hash tag.

Code should show like below. 

 

<a href="#someId">Bring me to some Id  </a>

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

View solution in original post

Replies 10 (10)

made4Uo
Shopify Partner
3856 717 1198

This is an accepted solution.

Hi @Rob4836,

 

You can provide the ID of the section as the value of the href with a hash tag.

Code should show like below. 

 

<a href="#someId">Bring me to some Id  </a>

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
petitlaurierco
Explorer
83 1 21

Hello! I have the same issue. Could you please advise on how to find the section ID please? thank you!

petitlaurierco
Explorer
83 1 21

NVM found it 🙂

FlorenciaDoy
Shopify Partner
3 0 1

Hi there! 

I've been trying to follow the steps you mentioned to link a specific section on my About us page but it doesn't seem to work. Whenever I click on the submenu item it says page not found. I'm not sure what I'm doing wrong. Any ideas?

My store is here

 

made4Uo
Shopify Partner
3856 717 1198

Hi @FlorenciaDoy,

 

You are missing the word pages. See correct link below

 

https://boggybayoumeats.com/pages/about/#shopify-section-template--16095063539953__1654538660f91a9f9f

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
FlorenciaDoy
Shopify Partner
3 0 1

Silly me! Thanks a ton 🙂

Just one more question. I noticed that whenever I add a submenu, the top menu items stop working. They don't link to the correct page anymore. Is there a way to fix that?

made4Uo
Shopify Partner
3856 717 1198

@FlorenciaDoy 

 

Are you talking about the About word? The parent link is suppose to just open the child link, that is the desired function. If you let the parent link navigate then you will not be able to click the child link.

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
FlorenciaDoy
Shopify Partner
3 0 1

Ok, I see. Thanks for your help!

EcomGraduates1
Shopify Partner
80 3 7

Find the  shopify tempalte  ID being used  
then when you insert a link  for  the button  

use  and insert where you want it to go 

#shopifytempalte-xyz-xyz 

 

We design and develop stunning websites to make your customers fall in love with your business.
5 star reviews https://ecomgraduates.com/

rorchoz
Tourist
11 0 1

The solution provided only works if you use the standard text area provided in the standard page template, however if you are using any other page widget (banners, text etc) to build your page then this will not work as none of these widgets allow you to insert/edit HTML.

 

If, like me, you're using widgets to populate your pages then you will need to do the following:

1. Activate your browser code inspector (usually right click on the target link area and select "inpsect".

2. In the HTML find the section ID for that widget, it'll be something like <section ID="shopify12345555etc"

3. Copy the section ID, that is the anchor you will use to link to

4. Add your button somewhere else, and insert # followed by the section ID e.g. #shopify123456etc

5. Make sure you hit ENTER

6. Publish page.