Return to previous page

Display Product Status only on the Product itself

This topic has 12 replies, 2 voices, and was last updated 1 years, 7 months ago ago by Hostelion Digital

Hostelion Digital

Participant

March 31, 2023 at 17:01

Hello 8Theme,

Is there an option to display the Product Status ONLY on the product itself? Like, “In Stock” or “Out of Stock” status should be displayed only on the product, where the description is shown. See the screenshots.

Thank you in advance!

Please, contact administrator
for this information.

#351904 Copied Theme version: 9.0.5 WooCommerce version: 7.5.1

11 Answers

Rose Tyler

Support staff

April 2, 2023 at 14:01

Hello, Hostelion Digital,

Thank you for contacting us and for using XStore.

Here is an example https://prnt.sc/Ckxm7abFwvDA from our demo single product page.

What is login page URL? ../wp-admin/ redirects us to a 404 page.

Please disable all 3rd-party plugins and provide temporary wp-admin access.

Kind Regards,
8theme team

#351983 Copied

Hostelion Digital

Participant

April 2, 2023 at 20:39

Hello 8theme team,

So you say it is possible to disable the Products Status on the Product Feed and show it Only on the Product Page?

Many Thanks in advance.

#352023 Copied

Rose Tyler

Support staff

April 3, 2023 at 10:09

Hello, Hostelion Digital,

Yes, it is possible.
Also, we have advanced stock settings (Theme options > WooCommerce > Shop elements), and “out of stock” label (Theme options > WooCommerce > Shop elements > Product badges).

Kind Regards,
8theme team

#352066 Copied

Hostelion Digital

Participant

April 3, 2023 at 10:26

Hello 8theme team,

Alright, I’ll try that and let you know if that worked.

Many Thanks

#352073 Copied

Hostelion Digital

Participant

April 3, 2023 at 11:33

Hey there,

I’m back with info on this – so my problem is still not solved with the solution proposed. Please see the video in the private area. The Stock Status Should be ONLY Visible on the Poduct Page, not also on the Product Feed. On the Product Feed this Should Not Be Visible. Is this possible?

Many Thanks in advance.

Please contact administrator
for this information.

#352088 Copied
Rose Tyler

Support staff

April 3, 2023 at 13:24
Hello, Hostelion Digital,

Please add the next code in Theme options > Theme custom CSS > Global:
```
.woocommerce div.product .out-of-stock {
    display: none;
}
```
Kind Regards,
8theme team
#352110 Copied
Hostelion Digital

Participant

April 3, 2023 at 14:15

Hello,
It worked, but now the out-of-stock products are not having the status in place, it dissapeared completely also from the Product Page. So I would like to have this dissapear Only on the Product Feed and not on the Product Page.
Many Thanks.

#352119 Copied

Rose Tyler

Support staff

April 3, 2023 at 14:20

Hello, Hostelion Digital,

Provide URL of the product page where the status is visible and disappears once the code is added.

Kind Regards,
8theme team

#352121 Copied

Hostelion Digital

Participant

April 3, 2023 at 14:31

Hello, Added the links in the private area. Thanks!

Please contact administrator
for this information.

#352123 Copied
Rose Tyler

Support staff

April 3, 2023 at 14:36
Hello, Hostelion Digital,

Thank you for the response.

Please change the code to:
```
.woocommerce:not(.single-product) div.product .out-of-stock {
    display: none;
}
```
Kind Regards,
8theme team
#352125 Copied
Hostelion Digital

Participant

April 3, 2023 at 15:05

Hello, It worked. Thanks a lot!

#352138 Copied
Tagged: display, json, product status, themes, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘Display Product Status only on the Product itself’' has been successfully resolved, and the topic is now closed for further responses

Display Product Status only on the Product itself

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection