Shop button on video banner

Topic summary

Goal: add a “Shop now” button over a video banner in a Shopify store using the Dawn theme.

Context and constraints:

  • Dawn doesn’t include a background video section by default; it typically shows a play button instead. If the section lacks a button option, the theme code may need editing.
  • User hadn’t coded the button and didn’t see built‑in options.

Proposed solutions:

  • Edit the section’s code to add a button if it isn’t provided by default.
  • Use a third‑party video section from the Sections Store.
  • No‑code workaround: place a “Rich text” section directly below the video with only a button block, then use Custom CSS to overlay it on the video (e.g., negative top margin to move it up, extra bottom margin to prevent overlap, and remove gradient background). A screenshot was shared to illustrate positioning.

Outcome:

  • The requester confirmed the issue was resolved. Specific implementation details weren’t disclosed. The thread appears closed with an offer for further help if needed.
Summarized with AI on December 10. AI used: gpt-5.

Can someone assist me in the coding of my shopify website?

i would like a shop now button on my videobanner

Hey. I dont see these options. Forgot to mention tha i am on the shopify dawn theme

@Ter123 hello, did you code the button? if your section do not have button by default then we will need to edit the section code file

By default, Dawn seem to have no background video section which means there will be a button to play video.

Have you already modified your theme to address this?

You can get a video section from the Sections Store as an option.

Also, if you do not want to edit theme code or use app, you can add a “Rich text” section right below the video section, leave only button block in it and add a code like this to Rich text section “Custom CSS” setting:

{
  margin-top: -150px;
  margin-bottom: 150px; /* prevent further sections from overlap */
}
.gradient {
  background: none;
}

The code will move the button up to overlay previous section:

No i havent coded it yet. Can you assist?

@Ter123 yes I can assist to add button to the video

It has been resolved. thank you

1 Like

@Ter123 welcome, do let me know if you need any other updates