Remove the shopping cart step from the site
-
Good afternoon. I want to minimize the number of steps for customers on my website.
I need to remove the shopping cart step from the site. I want there to be only a *Buy Now* button that leads directly to checkout. What’s the best way to implement this?
Good afternoon. I want to minimize the number of steps for customers on my website.
I need to remove the shopping cart step from the site. I want there to be only a *Buy Now* button that leads directly to checkout. What’s the best way to implement this?
I saw that in your theme’s settings, there’s an option to add a *Buy Now* button. However, I still haven’t been able to figure out how to remove the *Add to Cart* button.
Hello,
Navigate to Theme Settings > Single Product > Buy Now and toggle the Buy Now button to enable it.
Set the redirection path to redirect customers directly to your checkout page
https://xtemos.com/docs-topic/buy-now-button/
To hide add to cart button, please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
.single_add_to_cart_button {
display: none !important;
}
Best Regards
But in that case, the *Products* Elementor widget will stop working, because after I select the desired attribute for a variable product, nothing happens
Attachments:
You must be
logged in to view attached files.
Hello,
The issue occurs because variable products require the Add to Cart form to process the selected variation. If the button is hidden globally, the product widget and variation selection may not work correctly.
Please use the following CSS instead, which hides the Add to Cart button only on the single product page while keeping the product grids and Elementor Products widget working properly:
.single-product .single_add_to_cart_button {
display: none !important;
}
This way, customers can use the Buy Now button on the product page, while the product widgets and variation functionality remain unaffected on grid products.
Best Regards
.
