Button link - how to redirect it to a section ?

Hi everyone,

I’ve been trying to add a button in a slideshow on the main page that would redirect my customers to the next section just below (still in the main page).

I saw on various forums that it was possible to redirect a button link to a specific section. For instance, to redirect to the footer, the following button link works => #shopify-section-footer . This example works perfectly. When I click on the button, it redirects me to the Footer section.

In my case, I would like to click on the Button in the “Slideshow” section and have it redirected to the “Custom Content” section. But I struggle to find the correct button link to do that. I’ve been trying #shopify-section-custom_content or #shopify-section-customcontent or #shopify-section-custom-content but it doesn’t want to work.

Does anyone have a tip on how to fix that ?

Thanks

FYI: theme used narrative, i used the sections that were automatically created (did not create sections by myself in the edit code section).

1 Like

I don’t know how to redirect website-visitors to a specific section with the use of a button either. Have you figured it out? Whoever see’s this, help pls.

I have been able to do this in shopify 2.0

Have the button link to: #bottom.

And add a custom html with the following text right above the section you want to link it to:
<name=“bottom” id=“bottom”>

Once you press the button it should then send you to that section.
You can also use it in links going forward, just add #bottom to the end of your link and it will send to that section.

Here an example on how I used it on our website:
https://greensand.nl/collections/alle-producten/products/greensand-siersplit-16-32#bottom

4 Likes

I just wrote the answer here above.

This worked for me. Thank you.

Thank you so much, this also worked for me.

It really Works!!

Thanks