Implementar um botão que role até uma seção específica na mesma página do produto no tema Dawn da Shopify.
• Solução: criar um botão normal e definir o href como o ID gerado da seção alvo (ex.: #shopify-section-template–…__main). Ao clicar, a página rola até essa seção. Exemplo de rótulo: “Garantir >”.
• Passo a passo: usar o modo Inspect do navegador na página de produto para encontrar o ID da seção desejada e colar esse ID no link do botão/CTA.
• Atualização recente: outro usuário quer levar o clique a uma seção com formulário embutido e identificou um ID como #shopify-section-template–15817075392666__1663207558ec2ac576-padding, mas está em dúvida onde inserir esse link no editor do botão.
• Itens visuais: imagens/screenshots são centrais para localizar o ID correto e entender onde colocar o link no botão.
• Termos: Dawn theme = tema padrão da Shopify; CTA = call to action; anchor link = href com hash (#) que salta para um elemento pelo seu ID.
• Status: parcialmente resolvido; método confirmado. A última dúvida sobre onde adicionar o link no botão permanece sem resposta.
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
Consegui encontrar uma solução. Criei um botão normal para o tema do amanhecer, e colei o link de referência div>
Garantir >
I hope I can help you too
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.
Of course, activate the inspect mode on your product page and find this reference from the product section:
Paste the reference in the example button link: #shopify-section-template--16194707095790__main
When the customer clicks it will go down the session.
: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:
Garantir >I am unsure where to add this into the button
