Custom Button Not Showing in Shopify Theme

Technical Q&A
1

Hi everyone,

I’m trying to customize my Shopify product page by adding a custom button below the Add to Cart button. The idea is to link customers to an external reservation page.

I edited the main-product.liquid file in my Online Store → Themes → Edit Code section and added this snippet:

Reserve at Texas Roadhouse

I also added some simple CSS in base.css:

.reserve-button {
background-color: #a52a2a;
color: white;
padding: 12px 20px;
border-radius: 6px;
margin-top: 15px;
}

But the button doesn’t appear on the live product page. I cleared cache and even tried different browsers, but no luck.

Details:

  • Theme: Dawn 15.0.0

  • Store: Shopify Basic Plan

  • Changes made in main-product.liquid and base.css

  • Tried publishing theme changes → still not showing

Am I missing something about where to place the custom code in the product template? Or do I need to edit product-form.liquid instead of main-product.liquid?

Any help would be greatly appreciated!

2

Hello @martinjamesg ,

I hope you are well!

Can you please share your store URL so I can reproduce the issue? I’ll then check if it can be resolved with CSS, or if not, I’ll need collaborative code access.

3

Hey @martinjamesg,

It really could be any number of things. If you share the URL to the page or preview, someone here will probably be able to help.

-Jason

4

Hi @martinjamesg

Could you please share your store URL so I can take a look? If your store is password-protected, kindly provide the password as well.

Best regards,

Danny from Samita Team

5

It got fixed automatically I don’t know if it was a bug or something. Thanks for your support!