I am trying to embed anchor links on a page that was built with sections. I use the Turbo Theme from Out of the Sandbox. Since the page is built in sections, I can’t use the rich text theme editor on the page itself. Also, the page-template.liquid simply has the available sections, not the actual se…

Just updated my theme yesterday. I now have the Custom HTML section available. Thanks!

Create new sections, for Custom HTML. Use something like <span id="anchor_a"></span> Slide them just above the section you are moving to, and target those with the links :slight_smile:

When your in the theme customizer, you should be able to add a new section. Usually the last section option you can use is “Custom HTML” Happy to take a look (no charge) if you want to provide your .myshopify.com address and I will send you a collab request

Hi, Could you provide detailed steps (for a non-coder!) in how to do this? I would like two of the items in my Header to link to sections on my homepage, but I can’t figure out where exactly to put the anchor link. Thank you!

Hey there. Depending on your theme, a lot have a Section called “Custom HTML” or “Custom Content” This is literally a Section where you can put in any HTML/CSS/Javascript you want and it will load. You would add that, and use the above code. Then for your links, you would have it point to #Anchor…

Thanks for the quick reply! I have a “custom-html.liquid” section that already has a bunch of code in there. I’m confused as to where to drop that line of code in. Everyone keeps saying to “place the code above the section you want to link to”, but what does that mean? There aren’t any section names…

aye, but one thing to remember. Physics is simple to some, and hard for others. Its ok to hire for small things as long as you dont over pay :wink: In the customizer, down the left side you should see the sections you can place and move around. If you don’t, you might have a wicked old theme in whi…

Hello @Miss I tried what you recommended with the dawn 2.0 templace. I added custom liquid right before the place I want the link to move down. But i’m stuck there. I tried to add a link such as this #Anchor_Name_here but it doesnt work. Could you please help me with the last part. How can I …

@Misfit_Code_Dev [petitlaurierco_0-1652577976109.png]

Did you manage to find a solution for this @petitlaurierco ? Trying to add an Anchor Link into an index.json file also (I want to add the anchor link to a “Shop Now” button, then for it to scroll down to another section on the homepage).

Anchor Links in .json because of sections

Technical Q&A

JMJewelryGraphi April 30, 2019, 2:10pm 3

Thanks for the reply Duncan.

Did you mean to add the section in the templat.liquid or in the .json?

Topic		Replies	Views
How can I create anchor links on a Shopify page that only uses sections? Technical Q&A	2	576	January 15, 2023
Can I link a button to a specific section on a page? Store Design design	5	3319	July 26, 2024
How to create Anchor Link on Homepage to Custom Liquid element? Technical Q&A css	2	335	September 20, 2023
Using Main Navigation To Anchor Link Hompage Sections? Store Design	20	956	October 4, 2023
How to insert anchor link code on a Dawn Theme product page? Store Design troubleshooting	10	407	November 3, 2022

Anchor Links in .json because of sections

Related topics