Link to specific RTF section on page

IversenKristoff
Excursionist
15 0 4

Hi,
Is it possible to create a link that points to a specific RTF section/element on a page?

Example:
Two buttons on top; Purchase - Sale which links to the sections below, respectively?

 

Purchase

...

...

 

Sale

...

...

 

URL is: https://northequine.dk/services

Reply 1 (1)

Aakash_Kumar
Shopify Partner
13 1 3

Hi @IversenKristoff 

 

Thanks for posting your question on Shopify community forum.

 

So, the thing is Shopify do not have a native functionality for this but you can do it manually with some code edits.

 

Try these steps:

 

  1. The first step is to create the sections on the page where we want to link the button to, which you already have.

  2. Now, for identification you need to add a unique ID to each section of the page. For this you need to edit the HTML of the page and add an "id" attribute to each section. For example:

 

 

<div id="section-1">
  <!-- Add its related content to section 2 -->
</div>

<div id="section-2">
  <!-- Add its related content to section 2-->
</div>

<!-- Similary add for other sections -->

 

 

3. Once the above is done, you need to create links that point to the specific sections using anchor tags. The "href" attribute should contain the ID of the corresponding section. For example.

 

 

<a href="#section-1">Go to Section 1</a>
<a href="#section-2">Go to Section 2</a>
<!-- You can add more link if you have more -->
​

 

 

4. Now you need to place the anchor links wherever you want on your page.

5. Save your changes and preview the page to ensure the bookmark links are working correctly. When clicked, the links should scroll the user to the corresponding sections.

I hope this helps. Should you have further questions, feel free to reach out.

Shopify Expert Since 2012
Sr. Web Solution Manager at MakkPress Technologies
Website Speedy (SAAS tool for Shopify Speed Optimization - Trusted by over 300 Shopify store owners)
Contact Us or Hire Us