Make website scroll down only on homepage

[Viibed]

I recently put in some code for my website to load further down the page so my homepage image could be instantly shown. I soon realized that it also did it for every single page on my website. I only want it to start further down on the homepage, and not any other page.

Here's where the other pages start.

I can paste the code I am using now, (this code is located in theme.liquid above the </body> tag)

<script>
   window.scrollTo({
     top: 500,
     left: 0,
     behavior: 'smooth'
   });
</script>

 I only want this code to work ONLY on my homepage, and not any other page. Here is my website: Viibed

Please help, and thank you!

[vinh0225 · Accepted solution]

Hi @Viibed 

{% if template == 'index' %}

<script>

window.scrollTo({ top: 500, left: 0, behavior: 'smooth' });

</script>

{% endif %}

[Viibed]

Do I replace the original code with this?

[vinh0225]

Yes, exactly.

[Viibed]

Worked, thank you!