Home › Forums › WoodMart support forum › Out of stock

Out of stock

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • December 3, 2021 at 8:05 pm #336771

    dadyss
    Participant

    Hello, please, how can I reduce the opacity of out-of-stock products? I leave an example link. Thanks. https://kinikaly.com/

    December 3, 2021 at 9:58 pm #336788

    Elise Noromit
    Member

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    Woocommerce does not provide such an option, you can hide them from the catalog in Woocommerce > Settings.

    If you have any questions please feel free to contact us.

    Best Regards

    December 3, 2021 at 10:06 pm #336790

    dadyss
    Participant

    I understand that it can be done from CSS, can you help me please.
    Thank you.

    December 4, 2021 at 7:17 pm #336943

    Elise Noromit
    Member

    Hello,

    You can try this code: 

    .product_item.outofstock .product_item--thumbnail-holder a {
    opacity: 0.3;
}
.product_item .product_item--thumbnail-holder a {
    display: block;
}

    If you have any questions please feel free to contact us.

    Best Regards

    December 8, 2021 at 11:40 pm #337908

    dadyss
    Participant

    Hello, with another design that I bought they sent me something more exact. Hopefully and you can too. Thanks.

    body.ltr .la-custom-badge.badge-out-of-stock {
    font-size:18px;
    border-radius:3px;
    background-color: rgba(0,0,0,0.5);
    color: white;
    }
    .product_item.outofstock .product_item–thumbnail-holder a {
    opacity: 0.3;
    }

    December 8, 2021 at 11:51 pm #337917

    Elise Noromit
    Member

    Hello,

    As I see you have solved the issue.

    If you have any questions please feel free to contact us.

    Best Regards

    December 8, 2021 at 11:55 pm #337920

    dadyss
    Participant

    Excuse me, I have not resolved it yet, I sent you a copy of what you once sent me for another design.
    Thanks.

    December 9, 2021 at 12:01 am #337922

    Elise Noromit
    Member

    Hello,

    Please provide the page URL with out-of-stock products and screen I will double-check.

    Best Regards

    December 9, 2021 at 12:05 am #337925

    dadyss
    Participant

    https://kinikaly.com/producto/cairo-knit-dress-negro/

    December 9, 2021 at 5:22 pm #338224

    Elise Noromit
    Member

    Hello,

    I need a simple product out of stock, it is not possible to do with a variable product.

    Best Regards

    December 9, 2021 at 7:15 pm #338237

    dadyss
    Participant

    https://kinikaly.com/producto/cairo-knit-dress-negro/

    Excuse me, that’s it

    December 9, 2021 at 7:18 pm #338239

    dadyss
    Participant

    https://kinikaly.com/producto/prueba/

    December 9, 2021 at 7:28 pm #338242

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .product-grid-item.outofstock .product-element-top{
    opacity: 0.3;
}

    Best Regards

    December 9, 2021 at 7:42 pm #338253

    dadyss
    Participant

    I am really grateful, as a last detail could you please delete what is marked (Only on Mobile devices)

    Attachments:
    You must be logged in to view attached files.
    December 10, 2021 at 1:10 am #338317

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS >Mobile:

    .product-grid-item .wd-buttons {
display:none;
}
.wd-hover-quick .wd-add-btn {
    display:none;
}

    Best Regards

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)