Studio Theme - Removing "Buy It Now" button

Solved

Studio Theme - Removing "Buy It Now" button

awirtz
Explorer
54 0 11

Hello,

Is there a way to remove the Buy it now button on the product page. I would like to only have add to cart.

My url is annwirtz.com password meramu

Screen Shot 2023-02-26 at 9.57.34 PM.png

Accepted Solution (1)

GemPages
Shopify Partner
5625 1262 1279

This is an accepted solution.

Hello @awirtz,

 

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

GemPages_0-1677824490838.png

2. Open your theme.liquid file, paste the below code before </body>

GemPages_1-1677824503648.png

    <style>      
       .shopify-payment-button {
          display: none !important;
       }
    </style>

I hope the above is useful to you.


Kind & Best regards, 
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 8 (8)

Moeed
Shopify Partner
7080 1903 2333

Hey @awirtz 
Follow these Steps.

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file and add the following code in bottom of the file above </body>

<style>
.shopify-payment-button {
    display: none !important;
}
</style>

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


GemPages
Shopify Partner
5625 1262 1279

This is an accepted solution.

Hello @awirtz,

 

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

GemPages_0-1677824490838.png

2. Open your theme.liquid file, paste the below code before </body>

GemPages_1-1677824503648.png

    <style>      
       .shopify-payment-button {
          display: none !important;
       }
    </style>

I hope the above is useful to you.


Kind & Best regards, 
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
awirtz
Explorer
54 0 11

Thanks for the help!

GemPages
Shopify Partner
5625 1262 1279

I am so glad that my recommendation can help 😁.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

infoatcodelab7
Shopify Partner
593 141 156

@awirtz 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Assetsection-main-product.css  and paste this at the bottom of the file:

.shopify-payment-button{
    display:none;
}
Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com

oscprofessional
Shopify Partner
16343 2438 3179

@awirtz 

button.shopify-payment-button__button.shopify-payment-button__button--unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw {
    display: none;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Hire us | Pass Core Web Vital | B2B Wholesale Experts | Claim Your Free Website Review |
Connect with Us: WhatsApp | Skype: oscprofessionals-87 | Email: pallavi@oscprofessionals.com |
Custom Shopify SolutionsPrivate Apps, Theme Customization & SEO | Digital Marketing |
OSCP Apps: Discount Suite | Wholesale App | Bundle & Upsell | Shipping Discount | and more...

INA_MSWEB
Shopify Partner
1281 144 168

Hi @awirtz 


I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

.product-form__buttons .shopify-payment-button {display: none !importtant}




Regards,

San

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

PageFly-Richard
Shopify Partner
4991 1118 1796

Hi @awirtz ,

 

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Customize theme
Step 2: Product page->/Product infomation section->Disable this option:

PageFlyRichard_0-1677850876949.png

 

I hope it would help you
Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.