Return to previous page

Variation Swatches: “Out Of Stock” Design doesn’t work in product page

This topic has 20 replies, 4 voices, and was last updated 1 years, 4 months ago ago by desgest

desgest

Participant

August 8, 2023 at 16:58

Hi,

We have problems with “Out of Stock” Design option.

That work fine in store pages or product categories:

https://whnbcn.hostingcluster6desgest.com/categoria-producto/camisetas/

But it is not displayed properly for product page:

https://whnbcn.hostingcluster6desgest.com/producto/00-camiseta-holbox-esgotada-02/

Can you help us with this issue?

Thanks again,

Mariano

#363984 Copied Theme version: 9.1.12 WooCommerce version: 7.9.0

19 Answers

Tony Rodriguez

Support staff

August 9, 2023 at 05:21

Hello, @desgest,

We suggest disabling all third-party plugins (including cache plugins) that do not come bundled with XStore (https://www.8theme.com/documentation/xstore/plugins/included-plugins/), clearing the cache of the browser, and then checking again. It is possible that one of the additional plugins is causing the issue.

If the issue still persists, please keep all third-party plugins deactivated on your site and grant permission to debug your site, which includes deactivating all third-party plugins and on-site Customization. This will allow us to investigate and assist you accordingly.

Please note that you should take a complete backup of your site before proceeding.

In addition, please provide your site’s WP Admin URL and credentials in the private content area of this topic, so that we can look into it further:

WP Admin URL:
WP Admin Username:
WP Admin Password:

Thank you for your cooperation.

Best Regards,
8Theme’s Team.

#364009 Copied

desgest

Participant

August 9, 2023 at 11:50

Hi Tony,

We tried to work without third-party plugins. But issue remains.

Now, we have only 6 plugins actived:

Contact Form 7 v.5.8 Takayuki Miyoshi
Elementor v.3.15.2 Elementor.com
XStore Core v.5.1.12 8theme
Kirki Customizer Framework v.5.0.0 Themeum
Loco Translate v.2.6.4 Tim Whitlock
WooCommerce v.8.0.0 Automattic

And the problem is the same. Can your team check in wp admin?

Thanks again

Please contact administrator
for this information.

#364075 Copied

Rose Tyler

Support staff

August 9, 2023 at 14:05

Hello, @desgest,

Thank you for your response.

We’ve enabled “Stock Status” via Theme Options > WooCommerce > Single product > Layout. Please check now – https://prnt.sc/b8WZbrHw0EZi

Best Regards,
8Theme’s Team.

#364102 Copied

desgest

Participant

August 9, 2023 at 17:24

Hi Rose,

Thanks for your quick reply.

Maybe I was misunderstood. What we need is about Variation Swatches. It work fine in shop page or category page:

https://prnt.sc/20HqVrO6fLmg

But if you enter inside of that product:

https://whnbcn.hostingcluster6desgest.com/producto/camiseta-holbox-estampada/

https://prnt.sc/A_yVYWkvNqGD

The product page does not show Swatches with “cross line” for out of stock variations.

Getting a product from your demos:

https://prnt.sc/0pxt93Yn4WhF

https://xstore.8theme.com/elementor/product-category/all/page/2/?

https://xstore.8theme.com/elementor/product/variable-product/

https://prnt.sc/U2D3996K2GAK

It’s all what we need: cross lined swatches if variations is “out of stock”. In shop page and product page.

I hope this reply is a better explanation of our issue.

Thank again for your great support.

Mariano

#364131 Copied

Tony Rodriguez

Support staff

August 10, 2023 at 06:45

Hello, @desgest,

Thank you for your response.

We are pleased to inform you that the issue you reported has been successfully resolved. We kindly request you revisit your site after clearing your browser cache.

We would also like to update you that the Variation Swatches feature, specifically the “Out of Stock” design, is now functioning correctly on both the shop page and the single product page.

we have prepared a video for your convenience. We kindly request you to watch it in its entirety for your reference. Please find the video attached in the private content area.

Should you have any further queries or require additional assistance, please do not hesitate to contact us.

Best Regards,
8Theme’s Team.

Please contact administrator
for this information.

#364162 Copied

desgest

Participant

August 10, 2023 at 23:31

Hi,

Thanks for your reply and video. It help us to solve some things of this problem.

1. In Woocommerce > Settings > Products > Inventory > Out of stock visibility, WE DON’T NEED “Hide out of stock items from the catalog”.

https://prnt.sc/WJqC_ebutcpR

And this, was solved in this topic. Now is a feature in Xstore.

https://www.8theme.com/topic/out-of-stock-design-variation-swatches/#post-361593

2. In your exemple, Variation Swathches run fine:

https://whnbcn.hostingcluster6desgest.com/producto/test-out-of-stock-product/

Both in the store area and in the page area. Even unselect “”Hide out of stock items from the catalog” form point 1.

But…

3. We need control stock with “Stock management” and your example doesn’t track stock quantity. So we created a need example tracking stock:

https://whnbcn.hostingcluster6desgest.com/producto/0000222-test-out-of-stock-product/

WITH STOCK MANAGEMENT. It works fine in page shop / page product category:

https://prnt.sc/wUwIlemVUOt9

But in product page, doesn’t work fine. Variation Swatches have a bad UX:

Variation Swatches doen’t show “Cross Line” or “Line-thought” design.

https://prnt.sc/yaD7rGH0PuZk

In our new testing product. Black varitions is out of stock / Blue variations is on stock / Golden variations are partially in stock. You can play with this product for try to see what what I’ve written here.

We think that solve this issue in your theme could be great for developers:

Work fine both managed stock for variations and swatches is great for clothes shops but also for other shops created with Store, like afterparts industries, etc.

Also, if you are developing a Wait List module, it is a must for this kind of features.

Thank again for readme and try to solve this issue.

Mariano

#364273 Copied

Rose Tyler

Support staff

August 11, 2023 at 08:36

Hello, @desgest,

Please provide FTP access also.
To create FTP access (FTP host, FTP username, FTP password, FTP port, FTP encryption) , please contact your hosting provider for assistance.

Thank you for your cooperation and we look forward to hearing from you soon.

Kind Regards,
8theme team

#364300 Copied

desgest

Participant

August 11, 2023 at 16:21

Hi Rose,

You have ftp credentials in content area.

Thanks again,

Mariano

Please contact administrator
for this information.

#364357 Copied

Rose Tyler

Support staff

August 14, 2023 at 17:17

Hello, @desgest,

Thank you for your patience.

Different in mentioned products is the next: 1 – do not have some variations (combinations) at all ; 2 – variations (combinations color+size) exist but are not in stock.
We have made some improvements. Please check how it works now.

Kind Regards,
8theme team

#364535 Copied

desgest

Participant

August 15, 2023 at 12:43

Hi, @Rose Tyler,

Thanks again for your great support.

I checked your changes. Now works great but maybe need last improvement. I’m going to explain with some screenshoots:

https://prnt.sc/vsk1slcOBH9w

Variation Swatches work awesome in shop page and category page. If an user enter to browse product, system can show if a product have a varition in stock or not. Any action is required for user. And UX is great.

But….

https://prnt.sc/f9UE0_aXkzo2

In product page, user can not see if any variation is out of stock. System requires active action from user to show if a varition is out of stock.

https://prnt.sc/POHlhoO4u8c5

I think this is last UX improvement that variation swatches requires for this issue. I don’t know if is possible reach that 100 % UX point.

We wait for your reply. Great work for 8theme teams!

Mariano

#364599 Copied

Rose Tyler

Support staff

August 16, 2023 at 09:41

Hello, @desgest,

Thank you for your response.

Due to the unique features of the single product, the correct display of ‘out of stock’ is only possible under the following conditions:

In the renamed option Woocommerce > Settings > Products > Inventory > Out of stock visibility, we do not require the “Hide out of stock items from the catalog” feature.

Alternatively, it can be achieved through active user action.

Kind Regards,
8theme team

#364694 Copied

desgest

Participant

September 24, 2023 at 19:04

Hi again @rose-tyler,

We reopen this topic due we’d detected that improvements you apply in your reply: August 14, 2023 5:17 pm, are lost.

?¿

The issue, was solved as this screenshot shows:

https://prnt.sc/POHlhoO4u8c5

But now, in the same product url, doesn’t work:

https://whnbcn.hostingcluster6desgest.com/producto/0000222-test-out-of-stock-product/

Any idea about this strange behavior?

Most of third-party plugins are disabled.

Thanks again for your support.

Mariano

Please contact administrator
for this information.

#368418 Copied

Rose Tyler

Support staff

September 26, 2023 at 21:34

Hello, @desgest,

Fixed. Please check now.
The fix will be added in the next theme update too.

Kind Regards,
8theme team

#368636 Copied

Vítor Carneiro

Participant

October 5, 2023 at 23:29

Please contact administrator
for this information.

#369492 Copied

Vítor Carneiro

Participant

October 6, 2023 at 09:19

Hello,

Beta version download links are not available!

#369531 Copied

Vítor Carneiro

Participant

October 7, 2023 at 14:30

Hello,

I can’t access it! Can you put it on wetransfer?

#369639 Copied

Vítor Carneiro

Participant

October 8, 2023 at 14:23

Perfect 🙂

Work in this version!

#369667 Copied

Rose Tyler

Support staff

October 8, 2023 at 15:15

Hello, Vítor Carneiro,

Great!
Thank you for letting us know.

Kind Regards,
8theme team

#369674 Copied

desgest

Participant

October 9, 2023 at 17:21

Hi @rose-tyler,

Now this issue work for us.

We hope this code become native in next update. As you wrote in a reply for this topic. It’ll help UX about stock product.

Please @vitor-carneiro, try to create your own topic about your case. For future issues. Is strange read replies that are out of my interest.

Thanks again,

Mariano Arranz

#369785 Copied
Tagged: design issues, out of stock design, swatches not working, variation swatches, woocommerce themes, woocommerce troubleshooting, wordpress product page
Viewing 20 results - 1 through 20 (of 20 total)

The issue related to '‘Variation Swatches: “Out Of Stock” Design doesn’t work in product page’' has been successfully resolved, and the topic is now closed for further responses

Variation Swatches: “Out Of Stock” Design doesn’t work in product page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection