Can I make a picture's buy button clickable or round in my theme?

Store Design

Topic summary

A user asks two questions about customizing their Shopify theme’s buy button:

  1. Making a buy button clickable within a custom image - They want to embed an interactive button inside their own picture.

  2. Rounding the buy button’s corners - If the first option isn’t possible, they want to make the existing theme button slightly rounded.

A PageFly representative responds with a solution:

  • Provides CSS code to be added to theme.liquid above the </head> tag
  • Gives step-by-step instructions: Online Stores > Themes > More Actions > Edit code
  • Suggests using an “Image Banner” section in the theme, which allows adding a background image with an overlaid button
  • Includes code snippets and reference images to guide implementation

The response addresses the button-on-image functionality rather than just rounding corners, offering a more comprehensive solution for integrating buttons with custom imagery.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

I have two question, the first question is, can I make the buy button inside a picture that I’ve made clickable?

If not, the second question is how can I make the button inside my shopify theme a little bit round like this picture. Thanks!

button.jpg
button.jpg432×167 4.1 KB

2

Hi @Vizono

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1703668054005.png
PageFlyRichard_0-1703668054005.png1398×953 49.4 KB

About the shop now button in the image, make sure that your theme having an section name Image Banner - with this section you will be able to add an background image, and button for it.

Hope this can help you solve the issue

Best regards,

Richard | PageFly