Remove "Out of Stock" Tag from Related Products Only

Hi

I want to remove “Out of Stock” Tag from Related Products Only.

The Small Square under main product Image , is Just Related Product Section Styled . I want to remove the “Sold Out” Tag from that part only . But in main Shop , Single Product page or in home page it should be visible

With the Below css i can remove it . But it removes from all over the site.

span.out-of-stock.product-label {
display:none;
}

Hello,

Use this class before your selector: .related-products

The product you provide does not have the related products, I do not see what kind of label do you use, give me the URL I will provide complete CSS code.

Best Regards

I have moved the related Product under the Main Product Image . The URL is given in private section

Hello,

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

body  .related-products .product-label.out-of-stock  {
display:none;
}

Best Regards

Thank you. Its working.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts