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

Re: Image with text - button

Solved

Image with text - button

Danielpochapski
Explorer
62 0 11

Hey guys,

I'm using the Dawm Theme, and I would like to customize my product page. I'm using the image with text option to create descriptions of my products, along with metafields, etc. Within the options, it is possible to add a button and direct it to some links. However, I would like this button to link to the top of my product page. Does anyone know what I can do?

This is the link to my page: https://www.mymeaw.com/products/multi-function-brusher-pet-cat-hair-remover-brush-manual-lint-dog-ha... 

 

Sem título.jpg

 

 

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2139 616 512

This is an accepted solution.

You just want it to scroll to the top right? 

 

In the button link just add '#' and that's it!

ThePrimeWeb_0-1713365907755.png

 

 

If you want the scrolling effect, just add this code

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
html {
   scroll-behavior: smooth;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_1-1713365964908.jpeg

 

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 2 (2)

ThePrimeWeb
Shopify Partner
2139 616 512

This is an accepted solution.

You just want it to scroll to the top right? 

 

In the button link just add '#' and that's it!

ThePrimeWeb_0-1713365907755.png

 

 

If you want the scrolling effect, just add this code

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
html {
   scroll-behavior: smooth;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_1-1713365964908.jpeg

 

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!
Danielpochapski
Explorer
62 0 11

Thanks @ThePrimeWeb! Your solution works good! Have a nice day!