Remove Add To Cart Button But Keep Buy It Now Button on Spotlight Theme

[BRITTBRITT]

Hello, 

I'm trying to remove the Add To Cart Button But keep the Buy It Now Button. I'm using Spotlight Theme. 

I have tried all of these different ways listed below and none of them have not worked. Any help here is greatly appreciated. 

First Way Did Not Work

Just hide it.

Go to the {url}/admin/themes. 

Select Actions - Edit Code.

Go to Assets-base.css.

Add this line to line bottom of file: #product-add-to-cart {display:none;} Save.

Second Way Did Not Work

Go to Assets-base.css. Add code below to very bottom of page

button.product-form_submit.button.button--full--width.button--secondary { display: none; }

Third Way Did Not Work 

Go to Assets-base.css. Add code below to very bottom of page

button.product-form__submit.button.button--full--width.button--secondary { display: none; }

Fourth Way Did Not Work

To remove the cart icon, you can follow the instructions below

1. From your Admin page, go to Online store > Themes > click the three dots >

Edit code 2. Find the Asset folder, and open the base.css file

3. Add the code below at the very end of the file cart-toggle#cart-icon-bubble { display: none; }

[theycallmemakka · Accepted solution]

Hi @BRITTBRITT ,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
.product-form__buttons .product-form__submit {
    display: none!important;
}
</style>

 Result:

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[BRITTBRITT]

This worked - thank you so much! 

[Shamsherkhan]

I want to keep add to cart but want to remove Buy it now.

just opposite to this answer. 

how to do that?

[Imogen]

Hi there, @Shamsherkhan! Thanks for taking the time to follow up on this older thread of yours!

Shopify Support Staff aren't trained on coding, so I wouldn't be able to advise on what coding changes you can make to achieve these desired button states, but I can advise on an alternative method!

Depending on the theme you're using, you can actually hide the dynamic checkout buttons, like the 'Buy it now' button, via your Theme Editor! If you go to 'Online Store > Themes', and hit 'Customize', you'll access your theme editor. From there, you can use the dropdown at the top of the page to find your product page template. On the screen that loads, you should see all of the blocks and sections on the left side; these represent the different sections of your product page. Look for one called 'Buy Buttons'. If you click that, you can uncheck 'show dynamic checkout buttons' and it will hide the 'Buy It Now' button, but keep 'Add to Cart'! I have a screenshot showing this below:



Keep in my tha the theme I'm using in my example is 'Dawn'. Some themes may have different functionality when it comes to editing page content, but if you're using a free Shopify Theme, this could be a helpful solution for you!