To hide the div of a WooCommerce product page if the product is available in stock, you can use the following code:
addaction( 'woocommercesingleproductsummary', 'hidedivifinstock', 5 ); function hidedivifinstock() { global $product; if( $product->isinstock() ) { echo '<style>.div-class-name{ display: none !important; }</style>'; } }
This code will add an action to the WooCommerce single product summary, and it will check if the product is in stock. If the product is in stock, the code will echo a style tag with a CSS rule that will hide the div with the class name "div-class-name". Replace "div-class-name" with the actual class name of the div you want to hide.
Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss
Asked: 2022-02-20 11:00:00 +0000
Seen: 10 times
Last updated: Sep 02 '22
What is the method for adjusting the size of a Div to fit its content?
In CSS, what is the method to wrap the content of a div when a paragraph spans across two lines?
How can I make a div occupy the rest of the height of its parent div using Tailwind CSS?
How does adding a double border impact the size of the div?
How can I prevent the reset of the hide/show div on page refresh?
What is the method to center a div vertically?
How can React components be hidden or shown without causing re-renders?
What is the process for arranging several divs in a row using inline-block?