Ive been strugling with removing a "read more" or "beri dalje" button from my website. The website in question is www.fotroviciliji.si .
I can locate it and hide it in chrome investigator but not via global css or using php in functions.php.
The button has a class name btn border-grey product_type_simple. I tried to hide it via global css code. Display none does nothing, visibility hidden hides all the buttons including add to cart which I want to keep.
Then I tried to hide it with a php snippet from woocommerce: https://docs.woocommerce.com/document/hide-loop-read-more-buttons-for-out-of-stock-items/ which actually hid all the correct buttons but messed up the add to cart function which then reloaded the whole page everytime I added something to cart. I added some unrelated code to functions.php.
I also tried this Remove product button if out of stock from Woocommerce shop and archives and it removes all the buttons including add to cart.
Please help Ive been at this for a couple of days and its driving me mad.
add this CSS
.outofstock a.btn {
display: none !important;
}
This CSS was only remove read more who is out of stock product.
Related
I'm experiencing difficulties with the "add to cart" button on my product page.
When a customer clicks it, a woocommerce notice appears, which causes my mini cart to be unclickable, my carousel widget to lose its sticky and clickable feature, and creates extra space between my description and image.
Clicking on the mini cart adds a "#" to the website address, as if there is no link.
It seems that clicking "add to cart" loads a different version of the same page, and I'm not sure where to begin to fix this issue.
I'm using Woocommerce, Astra Pro, and Elementor Pro, and I'm aware of the option to hide the notice with a function in function.php, but that doesn't fix the problem.
Thx all!
(My website : https://soapologie.fr)
Tried to hide the notice wrapper with a function in my function.php. Doesn't work.
I need to remove td.actions from a WooCommerce cart page via PHP. The table contains a Coupon field, and a Update Basket button. I searched around, but only found ways to hide using CSS. Any help is more than appreciated.
I search a solution to hide add to cart button for variations with a specific selected value for one of attributes.
We have two types of variations (Offene Schulung and Individuelle Schulung) for all our products.
And we show the add to cart button and an "Request a Quote" Button - coming from Yithemes "Request a Quote" plugin.
Problem was that only for the first variation (Offene Schulung) should show both Buttons. For the Individuelle Schulung should only the request a quote Button shown.
I found the solution to hide a button related to attribute value over purchasable: Link
These hides perfectly the button, but it means that my used Plugin YiThemes request a quote think's that the variation is not purchasable and creates an empty offer.
So my idea was to add around the add to cart Button a specific ID or CSS class related to the attribute value. With these i could hide the button with an css "display:none".
But till yet if found no method to do that.
Taxonomy was 'pa_trainingsart' and the term_name was 'Individuelle Schulung'.
Try to use a lot of scripts and functions.php samples form StackOverflow, but till yet without any results
I've styled the class woocommerce_message and continued on with developing my theme. I needed to add wp_footer(); to the bottom of my code to make the lightbox functionality work and now when I click "add to cart" what appears is added_to_cart underneath the add to cart button. Also if I add a product with stock quantity 1 twice it will give me the desired woocommerce_error but it opens in the unavailable products page and I want to know how to put it back/why it happened.
When I take wp_footer(); out it fixes the problem but I need it to make lightbox work.
I'm developing it locally so I can't share site link but I've put a zip file containing all the theme code here https://www.dropbox.com/s/57m63w98ntds1or/Vintage%20Then%20Today.zip?dl=0
I've tried to use the extension http://www.magentocommerce.com/magento-connect/Vitalityshop/extension/6424/cartview
but it's not working out for me.
Tried Google how to but there are relatively very few posts on this topic. And no answers solved my problem.
So how do I display the items in my cart when mouseover the My Cart button in the top links?
Thank you very much!
There are a few different extensions which do this including my own, but in simple terms what you need to do is add a block to the page inside which you render your mini cart, then display/hide that block as you rollover the my cart link using a JS event listener on the relevant element.