• Priority: 0
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 28.12.23, 15:20
  • Opened by: Marc Berthold

Ticket #25158 - Tag "Out of Stock" on category page

Hi,

I would like to know how to display the “Out of Stock” label on the product thumbnail on the category page. I have the label on a product page, but i’d like to display it directly from the category page as well so that customers don’t have to click on a product to see it is no longer available.

Also, how could I change the color of the product thumbnails (on the category page) to black and white when a product is out of stock?

Finally, is it possible to automatically sort the products (on the category page) so that out of stock products would be at the bottom of the page?

Thanks a lot in advance.

Best regards,
vazy

Comments

Marc Berthold 03 Jan 2024, 15:52

Any update on this issue?

Thanks in advance.

Fred 03 Jan 2024, 16:00

Sorry for the delay. Not yet, still in progress.

Fred 04 Jan 2024, 16:17

- "out of stock" is fixed
- try this css:

.product-miniature.out-of-stock img {filter:grayscale(1)}

- there is no such option

Marc Berthold 04 Jan 2024, 20:23

I'm afraid I'm still able to add the out of stock product to the cart while I'm on the Google AMP website.
And now, I also have the "Out of Stock" label twice on the desktop website (but still not at all on the Google AMP website)

Attachments:

Capture d’écran 2024-01-04 a... (280.3 KiB)
Fred 04 Jan 2024, 20:28

1. Because there is no request about add to cart issue, I suppose it's in another ticket
2. As for the double label, yes, my bad, I missed it. Will be fixed soon