Title: Product display issues using block editor
Last modified: July 12, 2024

---

# Product display issues using block editor

 *  Resolved [coppercreek](https://wordpress.org/support/users/coppercreek/)
 * (@coppercreek)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/product-display-issues-using-block-editor/)
 * When you have a native Category Page in WooCommerce the products that are out
   of stock will receive that indication across the product image. For reference,
   this is how that looks on this page of our website:
 * [Copper Creek 22 ARC](https://coppercreekcartridgeco.com/product-category/ammunition/22arc/)
 * [Screenshot of Native Behavior](https://i.sstatic.net/CUAxEYkr.png)
 * I have created a custom page to use as a Category Landing Page. I used Woo’s 
   native block editor to build this page, Using a mix of specific product or tags
   to create the groups I’d Like. Here is how that looks.
 * [Custom 22 ARC Category Page](https://coppercreekcartridgeco.com/22-arc/)
 * Screenshot of those same products, which do not show the out of stock behavior.
   [Products from WooCommerce blocks](https://i.sstatic.net/JE0ytW2C.png).
 * Is there a way to show the stock status of these products across the product 
   image? I am aware that I can hide out of stock products, that is not what I am
   trying to achieve.
 * I have searched and googled high and low and have found others facing this dilemma
   but have not seen any solutions or workarounds.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fproduct-display-issues-using-block-editor%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Support [Shameem – a11n](https://wordpress.org/support/users/shameemreza/)
 * (@shameemreza)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/product-display-issues-using-block-editor/#post-17888178)
 * Hi [@coppercreek](https://wordpress.org/support/users/coppercreek/)
 * Which block did you use to show product lists, product by category or product
   collections? For better assistance, can you provide a video showing how you created
   this page?
 * For video, you may use [https://loom.com](https://loom.com) or [https://www.awesomescreenshot.com/](https://www.awesomescreenshot.com/).
   Please follow the instructions on that page and then paste the URL into this 
   thread.
 * Looking forward to hearing from you!
 *  Thread Starter [coppercreek](https://wordpress.org/support/users/coppercreek/)
 * (@coppercreek)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/product-display-issues-using-block-editor/#post-17890659)
 * Here is a screen recording showing how the page is setup, the live view of that
   page, and the native behavior of WooCommerce. As you can see the block editor
   does not show the native out of stock as built into woo.
 * ![](https://i0.wp.com/play.vidyard.com/QutN5JAX9fUs5J8tjYZH8W.jpg?ssl=1)
 * Not sure if that will embed, but the link to this video is here:
 * [https://share.vidyard.com/watch/QutN5JAX9fUs5J8tjYZH8W](https://share.vidyard.com/watch/QutN5JAX9fUs5J8tjYZH8W)?
 * Thank you for your help
 *  Plugin Support [Shameem – a11n](https://wordpress.org/support/users/shameemreza/)
 * (@shameemreza)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/product-display-issues-using-block-editor/#post-17891726)
 * Hi [@coppercreek](https://wordpress.org/support/users/coppercreek/)
 * Thanks for sharing that video explanation!
 * I gave it a try too, and it seems we’ve hit a limitation. However, considering
   it’s a crucial feature, it should be available by default.
 * It would be great, if you could create an enhancement request on our GitHub repo
   [here](https://github.com/woocommerce/woocommerce/issues). So that, our developer
   team take a look and share some further insights.
 * In the meantime, you can customize these blocks using custom code or use an additional
   block plugin to achieve your goal.
 * I wish I could help more, but hopefully, this provides some clarity on the matter.
   If you have any other questions or need further assistance, please don’t hesitate
   to ask.
 * Thanks!
 *  Thread Starter [coppercreek](https://wordpress.org/support/users/coppercreek/)
 * (@coppercreek)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/product-display-issues-using-block-editor/#post-17893908)
 * I have submitted to github, I am shocked that this issue has never been unearthed
   before….
 *  [ckadenge (woo-hc)](https://wordpress.org/support/users/ckadenge/)
 * (@ckadenge)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/product-display-issues-using-block-editor/#post-17893931)
 * Hi [@coppercreek](https://wordpress.org/support/users/coppercreek/),
 * Thank you for taking your time and making a request on GitHub.
 * We constantly rely on feedback from users like you to help us identify and fix
   any potential issues with the WooCommerce core plugin.
 * Rest assured, now that you’ve submitted it on GitHub, our developers will review
   it and work on a solution.
 * Thanks again for bringing this to our attention.
 *  Plugin Support [omarfpg a11n](https://wordpress.org/support/users/omarfpg/)
 * (@omarfpg)
 * [1 year, 11 months ago](https://wordpress.org/support/topic/product-display-issues-using-block-editor/#post-17893990)
 * Hi [@coppercreek](https://wordpress.org/support/users/coppercreek/),
 * Thank you so much for submitting the report [here](https://github.com/woocommerce/woocommerce/issues/49612).
   I wanted to add that this also depends on how your theme displays things (the
   out of stock image on top of your products is part of your theme).
 * For instance, I just tried this with Storefront and used the products by tag 
   just the same as you did, and I intentionally set a product out of stock, I noticed
   then in my case the button changed from “Add to cart” to “Read more” for single
   products (looking at your video in detail I can see this is also the case).
 * For variable products I still see the “Select options” text on the button, which
   is misleading as they’re all out of stock. This should indeed be fixed. I just
   wanted to share some more context about this enhancement request for our devs.
   I’m also adding my comments to the Github issue and closing this thread in favor
   of the Github. We can continue the discussion over there.
 * Cheers!
   -OP

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

The topic ‘Product display issues using block editor’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

 * 6 replies
 * 4 participants
 * Last reply from: [omarfpg a11n](https://wordpress.org/support/users/omarfpg/)
 * Last activity: [1 year, 11 months ago](https://wordpress.org/support/topic/product-display-issues-using-block-editor/#post-17893990)
 * Status: resolved