Premium WordPress Themes › Forums › Envy Blog › Random button showing up when a product is marked as 'out of stock'
- This topic has 6 replies, 2 voices, and was last updated 2 years, 1 month ago by
astrralji.
-
AuthorPosts
-
December 4, 2018 at 6:55 PM #6393
astrralji
ParticipantHello, I’ve recently installed the theme on a new website, mainly just used for Woocommerce.
When a product is marked as Out of stock, a random ‘Read More’ or ‘Show Options’ button shows up under it? This can be seen on my product page / homepage at 07waves.com
If you’d just scroll down. The 2 products at the bottom (‘hello’ and helloo’) are marked as out of stock.
How can I get rid of those grey buttons?
And if possible, can a ‘Sold Out’ badge be added in the same way as that ‘Sale!’ badge on products? But more importantly I’m hoping to get rid of the buttons.
Thanks, would greatly appreciate any help!
December 7, 2018 at 5:21 AM #6429Rabindra Tharu
ParticipantHi @astrralji,
Currently, we don’t have such options to display out-of-stock tag same as a sale but you get rid of that buttons by adding bellow CSS Code in Additional CSS Box through Customizer.
.archive .outofstock .button, .archive .product-type-grouped .button { display: none; }
Let us know if this helps or need more help please do reply.
I would like to ask you a favor astrralji. Would you mind taking a few minutes to write a review for me, please? Your comments help others know what to expect when they’re looking for the theme we offer.
Link to rate our theme: https://wordpress.org/support/theme/envy-blog/reviews/?filter=5
Thanks for using our theme, astrralji. I’m looking forward to reading your comments.Thanks!
December 9, 2018 at 3:29 AM #6479astrralji
ParticipantHi, thank you so much, it worked 🙂 I’ve just left a 5 star review too! It’s a beautiful theme haha
Just one more question – when the out of stock item shows up under ‘Related Products’, the buttons will still be visible. Any way I can remove them too?
Thank you!
December 9, 2018 at 4:48 AM #6485Rabindra Tharu
Participanthi @astrralji,
Could you add the below CSS Code too
.single .related products .outofstock .button, .single .related products .product-type-grouped .button { display: none; }
Let us know either this helps you or not?
Thanks!
December 9, 2018 at 12:59 PM #6493astrralji
ParticipantHi, thank you so much! I just tried it but unfortunately it doesn’t seem to work.
December 10, 2018 at 4:36 AM #6511Rabindra Tharu
ParticipantHi @astrralji,
Could you please add the below CSS Code and try it once.
.woocommerce ul.products li.outofstock .button, .woocommerce ul.products li.product-type-grouped .button { display: none; }
Thanks!
December 11, 2018 at 6:05 AM #6532astrralji
ParticipantHi, I just tried it and it worked. Thank you so much for the help! Really appreciate it!
Hope you have a good day/evening! Thanks again.
-
AuthorPosts
- You must be logged in to reply to this topic.