All things Shopify and commerce
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; }
Solved! Go to the solution
This is an 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
This is an 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
This worked - thank you so much!
I want to keep add to cart but want to remove Buy it now.
just opposite to this answer.
how to do that?
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!
Imogen | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024