fbpx
🤝  NEW YEAR SALE RETURNS - 50% OFF all plans! 🤝 Grab it Now

Show Attribute Variation Remaining Stock Quantity not showing

Dear support,

The Show Attribute Variation Remaining Stock Quantity is not showing on my product page.

I followed instructions:

https://getwooplugins.com/documentation/woocommerce-variation-swatches/#show-variation-product-stock-notice

 

Variation stock infoNIEUW

 

I also enabled Stock management in the product page backend.

 

Could you please take a look?

 

Kind regards,

Patrick

 

 

Hakik Zaman

Hi Patrick,

Thank you for reaching out to us. Please kindly do a plugin compatibility check by doing these steps to identify the error :

=> Deactivate all of your additional plugins except WooCommerce, WooCommerce Variation Swatches, and WooCommerce Variation Swatches Pro Plugin.

=> See if the problem persists. If the problem is resolved, you can tell which plugin might be the culprit of this error by activating your additional plugins one by one.

Looking forward to hearing from you soon.

Thank you

Dear support,

I disabled all plugins, except for the woocommerce and de Swatches and Swatches Pro. Sadly, it didn’t solve the issue. Can you please take a look?

Kind regards,
Patrick

Hakik Zaman

Hi Patrick,

We are sorry for your inconvenience.

Could you send us the latest version of the theme (and child theme) that you are using on your site? We’ll try to investigate your issue by installing your theme on our local setup.

You can upload the theme file in Dropbox or Google Drive and send the download link here directly.

Looking forward to hearing from you soon.

Thank you

Hi,

Yes. I use this:

DIVI Version: 4.14.1

Child theme: Divi WooCommerce ProVersie: 1.0.0.2

 

Do you want me to upload DIVI theme and the child theme?

Kind regards,

Patrick

 

 

Hakik Zaman

Hi Patrick,

Do you want me to upload DIVI theme and the child theme?

Yes, Please upload the theme file in Dropbox or Google Drive, or Wetransfer and send the download link here directly.

So that we can check it on our local machine.

Thanks

Hi,

Ok no problem. Here is the share link:

https://www.dropbox.com/sh/f9lcdu4u9xrd9iy/AACnHd43rCUsrLFtTP5-IMb5a?dl=0

 

Please note that these files are the standard theme files, without my customizations. I did customizations via Divi theme options – Custom CSS

Also some extra scripts in header and body code. Also some extra code in functions.php of the child theme.

 

If you want the complete installation with including all my customizations. I could share a backup file, which you can import on a testing environment (it’s a Directadmin backup file – tar.gz)

Or you can get full access to my site, it’s a test site.

 

Please let me know your thoughts,

Kind regards,

Patrick

 

Hakik Zaman

Hello Patrick,

I have installed your themes (both Divi WooCommerce Pro and Divi).

Check this URL- https://wptestbox.com/102221/?product=hoodie

Select Color: Blue and check Logo: Yes

Maybe the issue is coming from your customization. So, check your customization codes and try to omit them (function by function).

Login credentials-

https://wptestbox.com/102221/

username: admin

password: demo

Thanks

Dear Hakik,

Thank you. I see it works on your demo site. I checked and deleted step by step all customizations, in:

Custom CSS (DIVI – Theme options)
Header and Body code (DIVI – Theme options)
functions.php (child theme)

But sadly, the problem persists. Stock left is not shown.

I also checked the server error log, but nothing.

 

I really like the ‘stock left’ feature and that is one of the main reasons I bought this plugin. Could you please take a look into my test site to see what could cause this problem?

Hope you can find a solution.

Kind regards,

Patrick

 

Hakik Zaman

Hello Patrick,

The issue comes from Divi Builder CSS and your custom CSS.

I have added the below CSS at Appearance > Customize > Additional CSS

 

.wvs-theme-child-divi .et_pb_wc_add_to_cart form.variations_form.cart .variations td.value span.wvs-stock-left-info:after{
   display: block !important;
}
.et-db #et-boc .et-l .et_pb_wc_add_to_cart form.cart .variations td.value span:after {
border: none;
   content: attr(data-wvs-stock-info);
   height: auto;
   margin-top: 0;
   pointer-events: none;
   position: absolute;
   right: inherit;
   left: 30%;
   transform: none;
   width: auto;
}

[data-wvstooltip] {
   position: relative !important;
}

 

Please check this link- https://nexoreview.com/?post_type=product&p=2121&preview=true and let me know is it showing from your side or not.

Note: The link is in draft please log in to check the above URL. Please clear your browser cache and plugin cache (if you have any)

Thanks

Dear Hakik,

Thanks, it works!

 

I hope you could help me again with some styling?

I would like the background of the Remaining Stock Quantity box this color: #119aba

 

Also, I would like some more space/ margin (height) between the variation boxes, because the Remaining Stock Quantity box shows below them:

Desktop:

 

Mobile view:

 

If possible, could you show me the code and where I can adjust these margins myself?

 

Kind regards,

Patrick

 

 

 

Hakik Zaman

Hello Patrick,

I have changed the background color.

You have already added some CSS for margin.

Please check this screenshot, I think margin-top: 30px will be good.

Please let me know if it works for you.

Thanks

Hi Hakik,

Ah yes, great, looks nice 🙂

Last question, is there an easy way where I can translate the ‘left’ text?

Kind regards,

Patrick

Hi Hakik,

I solved the translation question with Loco translate 🙂

 

I have another question, I would like to be able to adjust the size of the ‘left’ boxes and the text within. Could you show me how I can do that? I think a little bigger would be better.

Kind regards,

Patrick

 

 

 

 

Hakik Zaman

Hello Patrick,

Sorry for my late reply, we were on weekend leave since Thursday.

I have another question, I would like to be able to adjust the size of the ‘left’ boxes and the text within. Could you show me how I can do that?

I couldn’t access your site. Did you change the login credentials?

You can give me a product page link where stock info is enabled.

Hope to hear from you soon.

Thanks

Hakik Zaman

Hi Patrick,

Please remove this code block-

.et-db #et-boc .et-l .et_pb_wc_add_to_cart form.cart .variations td.value span:after {
border: none;
   content: attr(data-wvs-stock-info);
   height: auto;
   margin-top: 0;
   pointer-events: none;
   position: absolute;
   right: inherit;
   left: 30%;
   transform: none;
   width: auto;
}

And add the below code after removing the previous

.et-db #et-boc .et-l .et_pb_wc_add_to_cart form.cart .variations td.value span:after {
background-color: #119aba;
border: none;
content: attr(data-wvs-stock-info);
height: auto;
margin-top: 0;
pointer-events: none;
position: absolute;
right: inherit;
left: 50%;
transform: none;
width: 50px; /*Increase your width here*/
margin-left: -25px; /* Depending on width 50px/2=25px */
font-size: 12px; /*Increase your font size here*/
}

Please let me know if it resolves. Hope to hear from you soon!

Thank You

Hi Hakik,

Thank you, this is exactly what I was looking for! Great support 🙂

 

I have 1 additional question. If you check this product page:

https://nexoreview.com/shop/eiwit-gain/whey-isolaat/

When all options are deselected and I select 1 variation (1000g or 2000g), it will show the ‘amount left’ correctly. But when I select the second variation (one of the tastes), the ‘amount left’ boxes disappear, and won’t come back anymore, despite selecting or deselecting any or all variations.

If possible, I would like the ‘amount left’ boxes to be shown for all ‘second’ variations after selecting one variation (1000g or 2000g). This way a customer can always check the remaining stock per variation without having to deselect all variations.

Please let me know if this would be possible!

Kind regards,
Patrick

Hakik Zaman

Hi Patrick,

Thank you, this is exactly what I was looking for! Great support

Glad to know your issue is resolved.

If you found my support helpful, my humble request to you to write your beautiful thought here: https://wordpress.org/support/plugin/woo-variation-swatches/reviews/?filter=5

Your beautiful thought keeps us inspired.

If possible, I would like the ‘amount left’ boxes to be shown for all ‘second’ variations

Unfortunately, this feature is not currently available.

But you can put your request here- https://storepress.fider.io/

Thank You

Dear Hakik,

Today I encountered another important issue, I hope you can help me find the solution.

If you check this product page:

https://nexoreview.com/shop/eiwit-gain/whey-isolaat/

You see the price (27,95 euro) is displayed correctly, even when no variations are selected. This is because I selected the default quantity (‘Inhoud’) and taste (‘Smaak’) in the variations options. Also, I can change default price, or Discount price without any problems (I’ll explain below).

 

When I copy this product page to a new concept, everything looks fine in the beginning, and it still shows the price like the original product. But when I change one of the following in the variations settings:

Default price
Discount price
Deleting all variations and generating new variations (other Quantities and taste)

it doesn’t display the price anymore, no matter which variation is selected. See for instance this new product page:

https://nexoreview.com/shop/eiwit-gain/multisample/

 

I’m breaking my mind over this and tried numerous things to solve it (no coding), but I’m stuck… Could you please take a look into this problem and I hope you help me figure it out?

Or maybe suggest a workaround?

Any help is much appreciated!

Patrick

 

Hakik Zaman

Hi Patrick,

Thanks for getting back to me.

Unfortunately, the link you gave; that page is not found. You can check it here.

It would be great if you create a new ticket regarding another issue.

It seems like your first issue is not resolved because this ticket thread is still growing.

I hope you will understand my situation. 🙂

Thank You

Hakik Zaman

Hello Patrick,

Thanks for understanding.

I am closing this ticket as resolved.

I will wait for your new ticket.

Have a great day!

Thanks