SOLD OUT button not displaying

[lesliekirk]

I suspect I may have something wrong either in a setting or in the PROD page code. The SOLD OUT is not taking over the ADD TO CART button when the inventory level hits zero.

At the product level the Inventory is 0 - there are no attributes or variants

The Out of Stock Message (Long) message is displaying

The id="js-add-to-cart" is in place

http://www.celebrate365.com/product/TG700GD.html


What should I look for?

[Matt Zimmermann]

Hi Leslie,

The "Sold Out" display is triggered when Miva applied the "disabled" tag to the add to cart button. I would check your inventory setting to make sure you are tracking out of stock.

[lesliekirk]

I'm thinking that is do, but just in case here's the product level settings along with the Inventory settings:

[Matt Zimmermann]

Hi Leslie,

I think the issue is that you have low stock and out of stock both set to 0.

[lesliekirk]

I changed the low stock to 1. The button is still displaying "Add to Cart"

[lesliekirk]

I have had to uncheck the Track Low Stock Level, setting it to 1 caused issues with the inventory level shown to the shopper (it was the inventory level minus 1). So I'm back to square one trying to figure out why the "Add to Cart" button is still being displayed when the inventory level is 0.

[lesliekirk]

I'm wondering could the version of the Suivant ReadyTheme's javascript might be the reason this isn't working.

In the version this site is using it's:

 // ---- Update Button For "Out Of Stock" ---- //
function outOfStock () {
var button = $('#js-add-to-cart'),
buttonText = button.val();

if (button.is(':disabled') == true) {
button.addClass('bg-gray').val('Sold Out');
}
else {
button.removeClass('bg-gray').val(buttonText);
};
};
outOfStock ();

In the most recent version:

 // ---- Update Button For "Out Of Stock" ---- //
function outOfStock () {
var button = $('#js-add-to-cart'),
buttonText = button.data('value');  

if (button.is(':disabled') == true) {
if (button.is('button')) {
button.addClass('disabled').text('Sold Out');
}
else {
button.addClass('disabled').val('Sold Out');
}
}
else {
if (button.is('button')) {
button.removeClass('disabled').text(buttonText);
}
else {
button.removeClass('disabled').val(buttonText);
}
}
}
outOfStock();

I'm going to try editing the file to see if this helps and will post my findings.

[lesliekirk]

Follow up - the state of the button changes but Sold Out is not appearing in the button.

[Matt Zimmermann]

Hi Leslie,

The original code should be all you need. However, it is still reliant on the button being set to "disabled" by Miva. If that is not happening, the button text will not change.

[lesliekirk]

Hi Leslie,

The original code should be all you need. However, it is still reliant on the button being set to "disabled" by Miva. If that is not happening, the button text will not change.

Okay, so should I open a support ticket? Will support be able to look at this and figure it out?

[Pamela Hazelton]

Hi Leslie,

The "Sold Out" display is triggered when Miva applied the "disabled" tag to the add to cart button. I would check your inventory setting to make sure you are tracking out of stock.

Any way to turn that function off via the admin? On attribute items it makes customers think the item is not available before they've selected a size...

[lesliekirk]

Any way to turn that function off via the admin? On attribute items it makes customers think the item is not available before they've selected a size...

And as Pamela has mentioned to me, setting one of the attributes to the default, increases returns. (It's sort of like using radio buttons for the payment methods and having one pre-selected - the customer doesn't understand why the credit card keeps failing...)

[lesliekirk]

Okay, so should I open a support ticket? Will support be able to look at this and figure it out?

Never did get an answer on my issue - should I open a ticket? Yes, the inventory setting are tracking out of stock. Yes, the inventory level is at 0.

[lesliekirk]

Something is really, really squirrelly now. The Add to Cart button is not displaying:

http://www.celebrate365.com/product/TG1644.html

FYI - the Add to Cart is displaying on the Quick View (but the Sold Out is displaying as Add to Cart).

[Matt Zimmermann]

Hi Leslie,

It would appear that the value attribute for your button is being removed, most like because of the version of out of stock function you are using. If you add data-value="Add to Cart", the display should come back.