Join us for an upcoming Shopify Partner webinar on February 27, 2024. Discover the latest Checkout Extensibility features, and deep dive on improvements to Shopify Functions and Web Pixels. Register now for either the 10am EST or 2pm EST sessions.
Solved

Scroll To Section button.

Kennyd1
Excursionist
30 2 7

I'm looking for a solution for a Scroll To Section button.

As this is a scroll for a product's session on the same page, I can't name the session with id="_"

Is it possible to do in the new dawn theme?

My page https://hman.com.br/products/carteira-inteligente

This is the section

this is the sectionthis is the section

Accepted Solution (1)

Kennyd1
Excursionist
30 2 7

This is an accepted solution.

Consegui encontrar uma solução. Criei um botão normal para o tema do amanhecer, e colei o link de referência div>

<a class="button --primary" href="#shopify-section-template --15279986737390__main">
Garantir >
</a>

I hope I can help you too

 

View solution in original post

Replies 4 (4)

Kennyd1
Excursionist
30 2 7

This is an accepted solution.

Consegui encontrar uma solução. Criei um botão normal para o tema do amanhecer, e colei o link de referência div>

<a class="button --primary" href="#shopify-section-template --15279986737390__main">
Garantir >
</a>

I hope I can help you too

 

Joseias
Visitor
1 0 0

Hi man, can you explain me more about how I set this feature on my theme? I have some sections that have a CTA which I want to go to the product section. 

Kennyd1
Excursionist
30 2 7

Of course, activate the inspect mode on your product page and find this reference from the product section:

Kennyd1_0-1657902562721.png

 

Paste the reference in the example button link: #shopify-section-template--16194707095790__main

Kennyd1_1-1657902956755.png

 

When the customer clicks it will go down the session.

VeeZed
Shopify Partner
25 0 7

:Hey! Can you please give me a hand with this? I want to implement this on a page. So customers click the CTA 's and are taken to the section with an imbedded form.

 

I have found the template and added to the solution code as follows:

<a class="button --primary" href="#shopify-section-template--15817075392666__1663207558ec2ac576-padding">
Garantir >
</a>

 

I am unsure where to add this into the button

 

Here?Here?