Dawn - Anchor Link To ''rich text'' section On Homepage

Store Design
1

Hi,

I’m using the Dawn 2.0.

https://wortheattt.myshopify.com/

I want to add an anchor link to the CTA button in my home page, by clicking the buttons with the text “Aan de slag” (get started). I want the user to be directed to the rich text section above my registration form in the home page:

Ben1000_0-1654781921670.png
Ben1000_0-1654781921670.png1810×542 25.5 KB

Can someone advise me please?

Thanks

2

Yes sure, I can help you. Can you please brief me about your issue?

you want to scroll down to the reg section with the click of the banner button. am I right?

3

Hi @Akibhusen ,

In my homepage, for every section with the button “Aan de slag”

Ben1000_1-1654786464075.png
Ben1000_1-1654786464075.png369×139 2.36 KB

I want the user to be directed to the rich text section above my registration form in the home page:

Ben1000_0-1654786431657.png
Ben1000_0-1654786431657.png400×120 17.1 KB

Is that answered your question?

Thanks

4

Hi @Ben1000 ,

Please update your URL with this (/#shopify-section-template–14625265319989__164589655749af0b73).

After adding this your URL anchor tag URL structure will looks like below:

 Aan de slag
5

@Ben1000 Add new schema block to your rich section (text block) called schema-id, and on the first class add id=“{{section.settings.id}}” .
In the section with CTA, add

{
      "type": "text",
      "id": "anchor_link",
      "label": "Section Id"
    },

to your schema. If you want to use this CTA for links in other pages, add another CTA field in the code :

{% if section.settings.anchor_link != blank %}
     {{in here put your section.settings.text or whatever CTA text class is }}

{%endif%}
6

Hi @Akibhusen ,

It’s not working. “Please update your URL with this” where do I need to update?

If you can share your solution step by step, it will be helpful.

I found another solution - I can add the link inside each button:

https://tegeketen.nl/#shopify-section-template–14625265319989__164589655749af0b73

Ben1000_1-1654790755851.png
Ben1000_1-1654790755851.png562×674 20.9 KB

If your solution is better, let me know.

Thanks

7

Hi @Jenny_HD

Your code is not compiled.

Also, if you can share your solution step by step, it will be helpful.

I found another solution – I can add the link inside each button:

https://tegeketen.nl/#shopify-section-template–14625265319989__164589655749af0b73

Ben1000_1-1654790755851.png
Ben1000_1-1654790755851.png562×674 20.9 KB

If your solution is better, let me know.

Thanks