Return to previous page

Out of stock products are not showing as out of stock.

This topic has 30 replies, 3 voices, and was last updated 1 weeks, 3 days ago ago by Terpsauce

Terpsauce

Participant

February 27, 2025 at 11:56

When a product is out of stock, there is no indication of this on the shop page, the out of stock label does not appear.

The buy now/ add to cart button also vanished from the single product page.

1: Enable the out of stock feature to show on product placeholders

2: Enable the buy now / add to cart button when product is out of stock , but make the button unclickable.

Thanks.

Files is visible for topic creator and
support staff only.

#435616 Copied Theme version: 9.4.8

29 Answers

Rose Tyler

Support staff

February 27, 2025 at 13:23

Hello, Terpsauce,

Thank you for reaching out to us.

1/ Archive products builder > edit template > settings of products element > enable stock status – https://prnt.sc/lkRc0QFeJGmc

2/ There is no such option, unfortunately.
https://www.8theme.com/documentation/xstore/uncategorized/paid-additional-customization-services/

Best Regards,
8Theme’s Team

#435639 Copied

Terpsauce

Participant

March 10, 2025 at 16:41

Hello,

As explained “When a product is out of stock, there is no indication of this on the shop page, the out of stock label does not appear.”

1: 1/ Archive products builder > edit template > settings of products element > enable stock status

already done prior to asking for help, not working, which is why topic was opened.

2: Is an option, its already set like as default on my other website using animal theme. Don’t send me a link asking for money lol. This feature is already available, do you need screenshots for confirmation????

#436787 Copied

Terpsauce

Participant

March 10, 2025 at 23:32

2; is resolved, see screenshot, this is such options

1; still needs sorted

Files is visible for topic creator and
support staff only.

#436825 Copied

Rose Tyler

Support staff

March 11, 2025 at 10:53

Hello, Terpsauce,

Thank you for reaching out to us.

Please provide a more detailed description of the unresolved request, including screenshots and relevant links.

Best regards,
8Theme Team

#436887 Copied

Terpsauce

Participant

March 11, 2025 at 13:08

The of stock status here does not put the cross through the product image, instead it says “out of stock’ under the product. This is not required because I will be using the stock line.

The product must have an X through it if out of stock.

#436903 Copied
Rose Tyler

Support staff

March 11, 2025 at 15:00
Hello,

Please note that our theme does not include an option to display a cross through the product image on the shop page. It seems there may have been a misunderstanding, and you might be confusing XStore with another theme.

As an alternative, we recommend the following solution:
Navigate to “Archive Products Builder” > “Edit Template” > “Settings of Products Element” > Enable “Stock Status”.
Once enabled, this label can be styled using custom CSS code, for example – https://prnt.sc/kkjJhWKiLR_V

.etheme-product-grid-item .stock.out-of-stock { position: absolute; text-align: center; background-color: rgba(255, 255, 255, .9); z-index: 1; margin-bottom: 0; font-size: .85rem; text-transform: uppercase; color: var(--et_dark-color); left: 50%; top: -100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 7px 14px; }

We hope this information is helpful.

Best regards,
8Theme Team
#436914 Copied
Terpsauce

Participant

March 12, 2025 at 04:47

Hello Rose,

Please note that our theme does not include an option to display a cross through the product image on the shop page. It seems there may have been a misunderstanding, and you might be confusing XStore with another theme

You seem to always a nonsense answer, I wouldn’t be suggesting things that arentt possible.

If there’s a setting that doesnt do that it’s supposed to, then I come to the forums. You have, on multiple occasions, given me the answer to say that things are not possible, when it is.

if I get answers like this again, I won’t waste my time bickering with you about it, ill just open another topic and ask someone else to answer.

Every single answer you give is a waste of time replying to such messages. Not another person who replies on here wastes as much of my time as you.

#436986 Copied

Rose Tyler

Support staff

March 12, 2025 at 08:30

Hello,

Private Content

Best regards,
8Theme’s Team

Please contact administrator
for this information.

#436999 Copied

Terpsauce

Participant

March 13, 2025 at 00:27

I read your private message

However I never mentioned refund, I mentioned your effortless responses . The themes great thanks.

#437129 Copied

Terpsauce

Participant

March 13, 2025 at 00:44

Thanks for this. however it appears very messy.

Screenshots of mobile and desktop

also, how can I change text colour of it.

I tried changing

color: var(–et_dark-color);

to

color: var(–et_white-color);
or
color: var(–et_light-color);

but it turns grey, not white.

thanks

Files is visible for topic creator and
support staff only.

#437130 Copied

Jack Richardson

Support staff

March 13, 2025 at 16:04

Hello @Terpsauce,

The color variables you mentioned are not predefined in the general styles. This is why the color appears as grey – if a specific CSS variable is not defined, it automatically inherits the body color. In such cases, you can manually specify the color in any format, as demonstrated in the following example: https://prnt.sc/y7o6nUN4H4Cp.

Additionally, as per your request to apply a strikethrough effect on out-of-stock products, we have implemented the following custom CSS for you: https://prnt.sc/yGrr5DqeD5Q4. The final result can be seen here: https://prnt.sc/2Zl65gJOhqEy.

If you were referring to something else, please provide us with more details regarding the specific outcome you would like to achieve. We will be happy to assist you further.

Best regards,
Jack Richardson
8Theme Team

#437214 Copied

Terpsauce

Participant

March 13, 2025 at 20:42

Hello Jack,

1: Thanks for providing the code for changing the colour of the text. This ‘Out of stock” option is suitable for the products.

2: The strikethrough I was referring to, is in regards to the images swatches (images 1) . You can see that the strikethrough effect is also fading the image, which makes the image almost invisible. Id like the strikethrough to be applied, but the image behind it must has less opacity, so that it can still be seen behind the strikethrough.

3: You have appeared to have missed the screenshots I provided in the last message. It shows the position of the “out of stock” on the product placeholder. The position of this is not the same on each product, it appears to move position based on the lines for the product title, if 2 lines, it moved up, if 3 lines it moves up further. Id like the “out of stock” to remain in the centre of the image on the product placeholder at all times. Ive attached 2 screenshots for this.

Files is visible for topic creator and
support staff only.

#437254 Copied

Jack Richardson

Support staff

March 14, 2025 at 16:22

Hello @Terpsauce,

We have made some improvements to the custom CSS for the following widget: https://prnt.sc/yQCFXy3_i2EV. As a result, the updated version now appears as follows: https://prnt.sc/_CLZJQ5f_pKv.

However, please note that providing customizations based on your specific requests falls outside the scope of our basic support, as we have previously mentioned. We appreciate your understanding and adherence to our support guidelines and Envato’s policy.

Thank you for your cooperation.

Best regards,
Jack Richardson
8Theme Team

#437352 Copied

Terpsauce

Participant

March 14, 2025 at 17:02

Hello,

Ive reviewed the changes.

1: The ‘cross’ that was misunderstood previously is still visible on out of stock products. Please remove it.

2: The layout of the “out of stock” is still not correct on mobile, screenshot attached. It shows misplacement on the product placeholders.

Files is visible for topic creator and
support staff only.

#437361 Copied

Jack Richardson

Support staff

March 17, 2025 at 08:45

Dear @Terpsauce,

We have removed the cross-line from the product images and improved the positioning of the out-of-stock label across different devices. All modifications have been implemented in the Custom CSS section of the Archive Products widget.

You can review the changes here: https://prnt.sc/rX-YozRHenFi.

Please take a moment to check and let us know if everything looks as expected.

Best regards,
Jack Richardson
The 8Theme Team

#437513 Copied

Terpsauce

Participant

March 22, 2025 at 00:31

2: The layout of the “out of stock” is still not correct on mobile, screenshot attached. It shows misplacement on the product placeholders.

Screenshot shows. Mobile view. The Label is not centred on all images. Its centre on two out of 4 images here.

#438252 Copied

Jack Richardson

Support staff

March 24, 2025 at 08:23

Dear @Terpsauce,

Thank you for your response. However, we noticed that the screenshots were not included in your reply. Upon reviewing the shop page on a mobile device, we found that the “Out of Stock” label is displayed correctly, as shown in the following screenshot: https://prnt.sc/3iTAb6PLvttP.

If you are still experiencing an issue where the label is displayed incorrectly, kindly provide us with the URL of the affected page along with details of the device you are using to check it. This will help us investigate the matter further.

We appreciate your cooperation and look forward to your response.

Best regards,
Jack Richardson
8Theme Team

#438363 Copied

Terpsauce

Participant

March 24, 2025 at 08:36

3 Screenshots attached, shows the placement on mobile.

In each screenshot I have ensured that the Quick View button is active, this will let you see the issue more clearly. The “out of stock should remain centred.

These screenshots are from the same page in the shop.
You can see that the “out of stock” moves down slightly in each pic.

Image 1 can see few pixels gape between “quick view” and “out of stock”

Image 2 can see less space between them

Image 3 shows further movement, ‘out of stock’ now overlaps ‘quick view’

Please remain that “out of stock” remains in the centre of the palceholder.

Files is visible for topic creator and
support staff only.

#438367 Copied

Jack Richardson

Support staff

March 24, 2025 at 09:08

Hello @Terpsauce,

Could you please check now?
We have made improvements to the custom CSS. You can review the changes here: https://prnt.sc/_0R4yVv28S77)

Best regards,
Jack Richardson
The 8Theme Team

#438379 Copied

Terpsauce

Participant

March 24, 2025 at 10:27

currently still looks the same to me. Ill check later after cache reset etc

#438401 Copied

Jack Richardson

Support staff

March 24, 2025 at 16:31

Hello @Terpsauce,

Thank you for your message. Please try clearing your cache and checking again later. If the issue persists, feel free to reach out, and we will be happy to assist you further.
Also, attach the device resolution you are using for such testing, because we checked and all is displayed good.

Best regards,
8Theme’s Team

#438470 Copied

Terpsauce

Participant

March 25, 2025 at 08:36

Hello , use checked again and still not correct.

Two screenshots, two products on separate rows. I have ensured that each screenshot shows the quick view for reference. The position of ‘out of stock’ is not centred.

I am using iPhone 12 Pro on google chrome, however, I am looking for this change to be true on all resolutions, not just my own.

Files is visible for topic creator and
support staff only.

#438526 Copied

Jack Richardson

Support staff

March 25, 2025 at 10:21

Dear @Terpsauce,

As mentioned at the beginning of this discussion, there is no built-in option to display the “Out of Stock” badge over the product image (refer to our previous response: https://www.8theme.com/topic/out-of-stock-products-are-not-showing-as-out-of-stock/#post-436914). However, we provided a workaround, noting that it may not be ideal for all devices. We also suggested that you adjust the provided custom CSS according to your specific needs.

Please note that, in accordance with Envato’s support policy, we do not offer additional customization services through our support forum. However, we made an exception in your case. It now appears that you are requesting further free customization to ensure compatibility across all devices. Unfortunately, we are unable to fine-tune every pixel shift for each device you test, as this falls outside the scope of our standard support services.

Since we have already provided guidance on the areas of the custom CSS that can be adjusted (https://www.8theme.com/topic/out-of-stock-products-are-not-showing-as-out-of-stock/#post-438379), we encourage you to make minor modifications (e.g., adjusting by 2-3 pixels) and test accordingly. If you require further customization beyond this, you may submit a request for additional customization via the following link: (https://www.8theme.com/account/#etheme_customization_panel).

We appreciate your understanding and adherence to our support policies and privacy guidelines.

Best regards,
Jack Richardson
8Theme Team

#438574 Copied

Terpsauce

Participant

March 25, 2025 at 10:32

1: As mentioned at the beginning of this discussion, there is no built-in option to display the “Out of Stock” badge over the product image

Yes there is, this was demonstrated in animals theme. And changes were implemented as a result., The changes are relected on some parts of the website, but are different in some section.

2: However, we made an exception in your case.

The exception? To provide half a completed job isn’t really suitable because its not resolved anything, and has a created another loose end for me, which isn’t convenient.

3: 2/ There is no such option, unfortunately. Rose Tyler.

This answer was also invalid, because the feature was there as default.

4: To provide custom css and take hours of my time to resolve something, then drop out before its finished isn’t the result im looking for.

5: ‘Out of stock’ should be centred to product placeholder.

#438582 Copied

Terpsauce

Participant

March 25, 2025 at 10:33

1: As mentioned at the beginning of this discussion, there is no built-in option to display the “Out of Stock” badge over the product image

Screenshot from animals theme, you are not talking truth here.

Screenshot shows ‘out of stock’ in the centre of the placeholder. This was done by theme, by DEFAULT. NO CUSTOMISATION DONE BY ME OR YOUR TEAM.

Files is visible for topic creator and
support staff only.

#438584 Copied

Jack Richardson

Support staff

March 25, 2025 at 16:42

Dear @Terpsauce,

We kindly ask you to provide us with the URL of the demo in question. It is likely that the demo utilizes the basic shop layout, whereas your website is using a custom-built shop page. The Elementor Archive Products widget does not include such options because it employs custom structures that allow you to tailor the product content to your specific needs.

If you prefer to use the basic layout, where the “out of stock” labels are displayed, you can simply deactivate the Archive Products Builder from the XStore Builder panel.

Should you require any further assistance, please do not hesitate to reach out.

Best regards,
Jack Richardson
8Theme Team

#438675 Copied

Terpsauce

Participant

March 25, 2025 at 18:57

Its not a demo, its the website that ive used for the past 2-3 years, xstore animals theme , the out of stock was like this already,

staging43.theundergroundmarketplace.co.uk . there’s never been any issue with alignment or placement etc.

Regardless, its almost done, its just not quite right.

#438687 Copied

Jack Richardson

Support staff

March 26, 2025 at 09:40

Dear @Terpsauce,

We hope you are doing well.

Could you kindly provide us with the URL for the requested demo, as mentioned in our previous response? You can refer to our request here: https://prnt.sc/mPCJcjanEiLn.

Additionally, we have noticed that the URL of your staging website is not loading properly. Could you please check and confirm?

We appreciate your prompt response.

Best regards,
Jack Richardson
8Theme Team

#438745 Copied

Terpsauce

Participant

March 27, 2025 at 03:55

I already answered your question

“”””””Its not a demo, its the website that ive used for the past 2-3 years, xstore animals theme , the out of stock was like this already,

staging43.theundergroundmarketplace.co.uk is what you refer to as this non existing demo. It uses animals theme, demo is available on your own site. . there’s never been any issue with alignment or placement etc.””””””””””

Additionally, we have noticed that the URL of your staging website is not loading properly. Could you please check and confirm?

The url loads fine, the website is being deconstructed as I move things over to new site. but you can access it as a customer with creds in private

Content is visible for topic creator and
support staff only.

#438803 Copied
Viewing 30 results - 1 through 30 (of 30 total)