Hello,
I want to erase the number of checkout screens
Can you please provide more details and/or screenshots so we can understand what you are trying to do?
I recommend https://snipboard.io for easily sharing screenshots – please follow the instructions on the page, then paste the URL in this chat. It works with Chrome, Firefox, Safari, and Edge.
thank you!
I want to erase this “x1”.
https://snipboard.io/F1xcig.jpg
Hi @tsumugipo,
It seems like you’re trying to hide the quantity of the product that the customer is “purchasing”.
If that’s the case, you’re going to need to write some custom CSS in order to make that happen.
If you can provide a link to your site, preferably a direct link to a product that one can test with, it’ll be easier for someone to assist you with what you need from a CSS perspective.
thank you!
Click here for the site
https://26g.me/
The test product is here.
https://26g.me/product/test/
Hello @tsumugipo,
You can add the following CSS code to your site’s Appearance 👉 Customize 👉 Additional CSS section to remove the quantity of product your prospective customer is purchasing.
Please note, if a customer purchase more than 1 unit of the same product it will not show the quantity on the checkout page because of adding this CSS.
.woocommerce-checkout .cart_item .product-quantity{
display: none;
}
Cheers!
Putting it on additional CSS had no effect.
But thank you for your reply!
Hi @tsumugipo
Please try replacing the code with the following:
#content-in .cart_item .product-quantity {display: none !important}
If that still doesn’t work, please clear your browser’s cache, and flush any active caching on your site.
Best,
Hey @tsumugipo,
Hope you’re doing well! The CSS above provided by @hegenberg should work for the checkout page.
To hide × 1 on the order received page as well please try this CSS:
.woocommerce-checkout .woocommerce-order-details .product-quantity {
display: none;
}
If you’re interested in learning CSS we highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).
I’m going to mark this as resolved. Feel free to start a new thread if you have any more questions.
Cheers.
