Welcome to the Liquify Community

Updated 3 hours ago

Section IDs are being removed

I tried using Webflow's default/native section ID for creating anchors, as well as Liquify's ID attribute, and yet both are being removed during conversion, and I'm ending up with a section ID like this: "shopify-section-template--23543634624785__contactcta"
Obviously prettier section IDs are preferable, especially for anchor links.
What can I do about this?
Thank you
Attachment
image.png
J
R
3 comments
Hey Rowan, Shopify always sets the section ID itself, so there is no way to directly have attributes on the section. Kind of think about the section as a wrapper and not the direct parent of the elements in it. So in your case I would just put another div inside the section which wraps all the content and put the ID on that element :)
Ah, that makes sense. Why didn't I think of that..
I started moving the IDs to the component divs, but then realised the page would be scrolled down to the immediate top of the content. So I've put the IDs on the padding-global div in each section to make sure there's some spacing above the content.
Thanks @Jan ! You're a hero
I'm happy to help :)
Add a reply
Sign up and join the conversation on Discord