Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How to make a Button Click take you to the Buy Now section of the Produdct Page?

Solved

How to make a Button Click take you to the Buy Now section of the Produdct Page?

nvisibl1
Explorer
83 2 17

On my product page https://toltano.com/products/bodyline%E2%84%A2-jumpsuit

 

I have a button that says "i want it!" near to the bottom of the page underneath where it says "Get Yours Now with FREE "Shipping"

 

How can I make it that when someone clicks this button it will scro9ll them back up automatically to the Product Title section where the Buy Now button is?

 

Thank you

 

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2139 616 512

This is an accepted solution.

I see, Where it says Secondary Link, could you paste the following and see if it works

#MainContent
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 5 (5)

ThePrimeWeb
Shopify Partner
2139 616 512

Hey @nvisibl1,

Did you add the button with HTML or did you download an app for that?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
nvisibl1
Explorer
83 2 17

I just added it in a section using the "Design Packs" app

 

section.PNG

 

here's the config for it

 

Button config.PNG

ThePrimeWeb
Shopify Partner
2139 616 512

This is an accepted solution.

I see, Where it says Secondary Link, could you paste the following and see if it works

#MainContent
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
nvisibl1
Explorer
83 2 17

wow, great - simple solution - appreciated 🙂

webwondersco
Shopify Partner
1176 169 172

@nvisibl1 Add the URL for the button for the id(#ProductInfo-template--21581261898001__main)  where you want to scroll. by adding the id to the href attribute of the button it'll look like attached code.

 

<a href="#ProductInfo-template--21581261898001__main" class="dsgn-pck__button dsgn-pck__button-secondary">I want it!</a>

 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram