How to add ID to a section

[bamboom]

Does anyone know how to add an ID to a section on a homepage?

All I want to do is create an anchor link on a button to scroll down to a section, and can't believe there's no way to add an ID to a section out of the box. The limitations with Shopify design are currently driving me mad, I've been searching for hours with no luck.

Has anyone found a solution to this? I'm using the narrative theme - not that I imagine that makes any difference.

Thanks!

[Smyth1]

IDs should be unique within a page, and all elements within a page should have an ID even though it is not necessary. You can add an ID to a new JavaScript Element or a pre-existing HTML Element.

[bamboom]

Hi, but where do you actually add the ID for an anchor link in the code? As there's no options on the section settings themselves, and I can't see where to add it from the liquid files.

[bamboom · Accepted solution]

Never mind, sorted it.

For anyone one else looking - just add a new Custom Content section, and only have an html element in there - and add your ID in there. Makes a bit of an extra gap in your page layout, but works a charm.

[fkshpfy]

Thank you for this. What an unbelievably clunky solution to an extremely common problem. Shopify disappoints again.