How to make button scroll down the product page (dawn theme)

Store Design
, ,

Topic summary

A user is seeking help to make a “latest arrivals” button smoothly scroll down to products on their product page, which currently features a video background below the header. When clicked, the button doesn’t navigate past the video.

Proposed Solution:

  • Replace the button’s URL from “#product-grid” to a search query string (“search?q=JEVOJIS+FW23&options%B5prefix%D5=last”)
  • A screenshot was provided showing the implementation details

Current Status:

  • The original poster asked for clarification on what specifically to replace
  • The discussion appears ongoing, awaiting further guidance on implementing the scroll functionality

Technical Context:

  • Site uses Shopify’s Dawn theme
  • Issue involves CSS/design modifications to collection page behavior
Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

My site currently has a video background on the product page right below the header. When you click the “latest arrivals” button it stays on the video background. I want it to smoothly scroll down to the products once clicked.

site url:cureblame.com

site pass:dthdrv00

Please help thanks.

Screenshot 2024-04-01 174534.png
Screenshot 2024-04-01 174534.png2662×1410 423 KB

Screenshot 2024-04-01 174551.png
Screenshot 2024-04-01 174551.png2644×1394 161 KB

2

Hi,

May I suggest you should be replace url of “latest arrivals” button from “search?q=VEJOVIS+FW23&options%5Bprefix%5D=last” to “#product-grid”

3

replace with what

4

Hi,

You can check the screenshot below:

EBOOST_0-1712046532327.png
EBOOST_0-1712046532327.png1484×992 125 KB