This topic has 8 replies, 3 voices, and was last updated 1 months ago ago by Luca Rossi
Hello Support Team,
I hope you’re doing well. I would like to remove the “Add to Cart” button from the single product page on my website, but I haven’t been able to find the correct option to do so in the Elementor or XStore settings.
Could you please guide me on how to remove this button, or let me know if there’s another method to achieve this?
Thank you for your help.
Best regards,
Hello, @sherif,
Thank you for contacting us and for using XStore.
If you are using the single product page layout with Elementor, please follow the steps below to remove the “Add to Cart” button from all product pages on your website:
1. Navigate to **XStore Builders** > **Single Product Builder** via Elementor.
2. Edit the template.
3. Delete the “Add to Cart” / “Buy Now” widget.
4. Update the template.
This will successfully remove the “Add to Cart” button from all product pages.
For your reference, please see the image provided in the private content area.
Best regards,
The 8Theme Team
Hello,
I hope you’re doing well.
I followed the instructions provided to remove the “Add to Cart” button, but this method also removes the “Buy Now” button, the product variations, and the quantity selector. However, I only want to remove the “Add to Cart” button while keeping the “Buy Now” button and other product options visible.
Could you please guide me on how to remove just the “Add to Cart” button without affecting the rest?
Thank you so much for your help
Hello, @sherif,
Could you kindly provide a screenshot with the relevant section marked, along with the URL of the page where you would like to remove only the “Add to Cart” button, without affecting the rest of the content? This will help us better understand your request and assist you more effectively.
Thank you for your cooperation.
Best regards,
8Theme Team
Hello,
I would like to clarify the issue further as requested.
I want to remove the “Add to Cart” button specifically from the individual product pages. I do not want to remove or affect any other elements on these pages, such as the “Buy Now” button, product variations, or quantity selector—only the “Add to Cart” button should be removed.
Thank you for your help and support!
Best regards,
Hi @sherif,
Please try adding this custom CSS code under XStore > Theme Options > Theme Custom CSS > Global CSS:
.single-product button.single_add_to_cart_button:not(.et-single-buy-now) {
display: none;
}
Hope it helps!
Hello,
I wanted to take a moment to thank you for your assistance in resolving the issue. The solution you provided worked perfectly, and the “Add to Cart” button was removed without affecting the rest of the content.
I truly appreciate your prompt support and guidance.
Best regards,
Hi @sherif,
In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?
Click here to share your thoughts: https://themeforest.net/downloads
Being part of our community means a lot, and your feedback contributes immensely.
Best Regards,
The 8Theme Team
The issue related to '‘ssistance with Removing “Add to Cart” Button from Product Page’' has been successfully resolved, and the topic is now closed for further responses