Return to previous page

When the “out of stock” badges display feature is enabled, this badge is not displayed anywhere.

This topic has 4 replies, 3 voices, and was last updated 19 hours, 9 minutes ago ago by Jack Richardson

alhamzamedia

Participant

March 17, 2025 at 07:26

Hello!
When the “out of stock” badges display feature is enabled, this badge is not displayed anywhere.

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#437478 Copied

3 Answers

Rose Tyler

Support staff

March 17, 2025 at 07:49

Hello, Alhamzamedia,

Thank you for reaching out to us.

Could you please provide temporary wp-admin access? We need to check your settings.

To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

Best regards,
8Theme’s Team

#437483 Copied

alhamzamedia

Participant

March 17, 2025 at 08:01

In an attempt to find the setting for this badge, I turned on and off the function of your designer for single product pages. After that, the video in the product cards stopped displaying correctly. Please help me fix it.

Clarification on the main task: I need to display “Out of stock” on the product image in the catalog and on the product page.

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#437489 Copied
Jack Richardson

Support staff

March 17, 2025 at 10:27
Dear @alhamzamedia,

If you would like to display an “Out of Stock” label on the products listed on your shop page, you can enable this option here: https://prnt.sc/JQLZxHQu-ju1.

Please note that we do not provide an option to display this badge over the product image. This is due to UI/UX considerations, as the widget offers multiple options, and adding such a badge could cause conflicts with certain settings.

Additionally, you may refer to the following discussion: https://www.8theme.com/topic/out-of-stock-products-are-not-showing-as-out-of-stock/, where we have provided a custom CSS solution for displaying the “Out of Stock” label over the product image. However, this approach is not ideal due to structural limitations, so you may need to further customize the layout to suit your specific requirements.

For reference, here is the CSS code we provided to another customer:

selector .etheme-product-grid-content { position: static; } selector .etheme-product-grid-item { position: relative; } selector .etheme-product-grid-item .stock.out-of-stock { position: absolute; text-align: center; background-color: rgba(179, 13, 2); z-index: 1; margin-bottom: 0; font-size: .85rem; text-transform: uppercase; color: #fff; left: 50%; top: var(--outofstock-top-offset, 21%); -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); padding: 7px 14px; } [data-elementor-device-mode="tablet"] selector { --outofstock-top-offset: 35%; } [data-elementor-device-mode="mobile"] selector { --outofstock-top-offset: 20%; }

At this time, we do not display an “Out of Stock” badge on the single product page, and this option is not currently available. If you would like to see this feature implemented in the future, you may submit a request here: https://www.8theme.com/roadmap/. Alternatively, if you require a customized solution, you can request a customization service here: https://www.8theme.com/account/#etheme_customization_panel.

Should you have any further questions, please feel free to reach out.

Best regards,
Jack Richardson
8Theme Team
#437542 Copied
Viewing 4 results - 1 through 4 (of 4 total)