Docs

[Kevin C]

Hi,

I would like to hide the above texts in my shop catalog page, showing it only at the product page. Please advise what CSS/JS I may use.

https://vivreactivewear.com/shop/

[Kevin C]

Did some research on this forum and found this.

p.stock.out-of-stock {
display: none;
}

p.stock.in-stock {
display: none;
}

What should I edit to have this css working on catalog/main shop page only and the product page can still show the stock information?

[Christopher]

Hi there,

Please update your code to :

.archive.woocomerce p.stock.out-of-stock,
.archive.woocomerce p.stock.in-stock {
display: none;
}
 

Hope it helps.

[Kevin C]

Hi Christopher,

It works great! Just need to change woocomerce to woocommerce.

Any chance that you will know how to display the text “Sold out” at the size drop down box at my product page?

Checked some sites and seem like it’s not easy.

[Christopher]

Hey there,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[Kevin C]

Hi Christopher,

Thanks!

I noticed that the above code doesn’t work on my mobile (iPhone), is there any special code for mobile?

[Rupok]

Hi there,

Thanks for writing back. It should work for all device, Perhaps there is cache on your phone browser. I have tested with mobile and it’s not showing.

Cheers!

[Author]

Posts