Image with text - button

Store Design

Topic summary

Goal: Make the “Image with text” section’s button on a Shopify Dawn theme product page link to the top of the same page.

Solution: Set the button link to “#”, which navigates to the page’s top (anchor link behavior). Optional: enable smooth scrolling by adding a small script in theme.liquid under the tag.

Notes: Screenshots were provided for where to paste the code. The exact code for smooth scrolling wasn’t included in the visible text of the thread.

Outcome: The original poster confirmed the “#” link solution works. Status: Resolved.

Summarized with AI on December 31. AI used: gpt-5.
1

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-hair-cleaner-remover-carpet-bed-hair-tools-pet-supplies

Sem título.jpg
Sem título.jpg819×576 52.5 KB

2

You just want it to scroll to the top right?

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

ThePrimeWeb_0-1713365907755.png
ThePrimeWeb_0-1713365907755.png268×133 2.66 KB

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 “” tag paste the following. Screenshot attached for reference.

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

ThePrimeWeb_1-1713365964908.jpeg
ThePrimeWeb_1-1713365964908.jpeg1253×933 87.9 KB

1 Like
3

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