[Support request] Random button showing up when a product is marked as 'out of stock'

Home Forums Envy Blog Random button showing up when a product is marked as 'out of stock'

This topic contains 5 replies, has 2 voices, and was last updated by  Rabindra 9 hours, 6 minutes ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #6393

    astrralji
    Participant

    Hello, 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!

    #6429

    Rabindra
    Keymaster

    Hi @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!

    #6479

    astrralji
    Participant

    Hi, 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!

    #6485

    Rabindra
    Keymaster

    hi @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!

    #6493

    astrralji
    Participant

    Hi, thank you so much! I just tried it but unfortunately it doesn’t seem to work.

    #6511

    Rabindra
    Keymaster

    Hi @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!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.