Anchor Link to ''Featured Product'' on homepage

Solved
Highlighted
Tourist
17 0 1

Hello,

I tried to search for this but with no exact answers.

So what I want is, when someone presses the link ''get yours now'' button (on top of the page), the page scrolls down by itself to the ''featured product'' section (down the page).

Apparently only through some coding which is fine if someone help me step by step.

Many thanks on this!

Pedro

0 Likes
Highlighted
Explorer
95 2 13

Hi @pedrof7 ,

It's not too tricky actually, so you need to know the HTML 'id' attribute of your 'featured product' section or any of it's contained elements (children) will do.

You can grab this by opening your Google Chrome inspector and clicking the blue icon on the top right of the newly opened side-bar (in blue):

Screenshot 2020-07-11 at 16.21.54.png

Once you have that, you'll add a '#' and then it's name onto the href attribute of your anchor tag. If that id was 'featured-products' and you were linking to your homepage, this would be an example link:

 

<a href="/#featured-products"> Lets jump to the featured-products section </a>

 

 

Cheers,

Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

0 Likes
Highlighted
Tourist
17 0 1

Hi @OliUK

I've read your reply a few times to try to get it but not possible at all. I was expecting some code thing. I need help in English please

0 Likes
Highlighted
Explorer
95 2 13

Hi @pedrof7 ,

Paste your store's URL and I'll create the code for you .

Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

0 Likes
Highlighted
Tourist
17 0 1

Hi @OliUK

Here it is https://sleepingtails.com/

From the first ''get yours now'' button to the product down the page.

And where I should put that code then.

Thank you very much!

0 Likes
Highlighted
Tourist
17 0 1

Anyone else can help please?

Many many thanks!!

0 Likes
Highlighted
Explorer
95 2 13

Hi @pedrof7 ,

Your storefront is password protected. If you include your password here or message me it, I'll hop on and have a look.

Cheers,

Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

0 Likes
Highlighted
Tourist
17 0 1

It is public now

0 Likes
Highlighted
Explorer
95 2 13

This is an accepted solution.

So, the link that your button needs to link to is:

/#ProductSection-1594212695442

 

And if you have to enter this link via an anchor tag, it would be:

<a href="/#ProductSection-1594212695442" class="btn" aria-label="GET YOURS NOW: dog bed">GET YOURS NOW</a>

 

Hope that helps,

Oli

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

 

0 Likes
Highlighted
Tourist
17 0 1

It worked perfectly!!
Thank you so much @OliUK !!!

1 Like