Prevent Craft URLs containing # from redirecting

Question

I have a Structure setup where I'd like each child to link to an anchor within the parent page (see the attached image).

But when I use <a href="{{ subEntry.url }}"> and click on the link, it redirects to the parent URL without the # anchor.

e.g. http://localhost:3000/services/web-interactive-design#website-design redirects to http://localhost:3000/services/website-design

How can I prevent this from happening?

Answer 1

The setup you have there is creating routes within the system not overriding the URL property of your entry. If you just want to generate anchors you should uncheck "Entries in this section have their own URLs"

Then within your template for your top-level structure item run a loop and output the content with ids and then the anchors as links.

{% set entries = craft.entries.section('myStructure') %}

<ul>
{% for entry in entries %}
    <li><a href="#{{ entry.slug }}">{{ entry.title }}</a></li>
{% endfor %}
</ul>

{% for entry in entries %}

    <div id="{{ entry.slug }}">
        {{ entry.content }}
    </div>

{% endfor %}