Scroll to section url

Topic summary

Goal: Add a “read more” link on product pages that scrolls to a detailed section further down the page.

Current approach: Appending a URL fragment (e.g., #shopify-section-template-…) to the product URL, which jumps/scrolls to the element with that matching id.

Concern: The fragment-based URL looks “ugly” to customers, and the poster seeks a cleaner way to implement the scroll behavior for each product.

Context/terms: A URL fragment (the part after #) targets an element’s id on the page; browsers auto-scroll to it. The example uses Shopify section ids.

Requested help: Alternatives to achieve a user-friendly “read more” scroll without exposing long or technical-looking fragments in the URL.

Status: No solutions or recommendations provided yet; the question remains open with no decisions or outcomes.

Summarized with AI on December 26. AI used: gpt-5.

Hello everyone,
In my product description I want to include a small summary and then a text with read more that you can click on to scroll down to where there is more detailed text about the product.
I manage to do it by inspecting Google and putting, for example, #shopify-section-template-.. behind the URL of the product, then the page scrolls to the right part.

I just think the URL is ugly for customers and hope that there is another way to add the ‘read more scroll function’ to each of my products.

I hope one of you can help me!

Best regards,

Loet