How to add an anchor link to a collection page on my homepage?

Store Design
, , , ,
1

Hi there, I am wanting to have a link on my home page which will link to the following collection page: https://louvrelounge.co.nz/collections/available-now.

I want the link on the home page to direct to the collection page and scroll down to the section “ShadeTec Add-ons”.

How can I do this?

Thanks

2

Hi,

Your means here is you wanna when user click to that link from home page, they will be redirect to collection and then auto scroll down to “SharedTec add-ons”, right?

so you can use a tip here:

  • First you need add a id attribute to section you want to scroll down. Ex: id=“Add-Ons”

  • On the link you are putting on home page you add at the end of link that id

Ex: href=“…/Add-Ons”

3

Hi @Dylan13

You can try to add this link to button on your homepage to do that.

https://louvrelounge.co.nz/collections/available-now#shopify-section-template--20890377584944__4a0007d9-6b94-40da-ae47-e298d6c9250a
4

Thank you very much that worked!

5

Hello @Dylan13 :waving_hand:

You can set the link URL to

https://louvrelounge.co.nz/collections/available-now#shopify-section-template--20890377584944__4a0007d9-6b94-40da-ae47-e298d6c9250a

Upon clicking it should redirect to that collection and scroll to ShadeTec Add-ons section.