SOLD OUT button not displaying

[lesliekirk]

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.

If I add the value data-value="Add to Cart" what happens when it's Sold Out? I seem to recall this is dynamically generated at least in other ReadyThemes, yes?

[Matt Zimmermann]

It is controlled through the outofstock function

[lesliekirk]

It is controlled through the outofstock function

 
 // ---- 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 ();

Okay, I reverted the code back, I have the Add to Cart back. Back to not displaying the Sold Out when the inventory level is 0:

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

[Matt Zimmermann]

I would recommend contacting support so they can access the administration portal to review all the settings.

[lesliekirk]

Thanks Matt, I just did.

[sjattwood]

Was a solution ever found for this? I'm having the same issue.

[hmendenhall]

Update the Add to cart input on the Product Display Layout template

Suivant Readytheme FIX:

<mvt:if expr="( l.settings:product:inv_level EQ 'out' )">
<input type="submit" value="Add to Cart" data-value="Add to Cart" id="js-add-to-cart" class="button button-block uppercase add-to-cart bg-teal bold" disabled />
<mvt:else>
<input type="submit" value="Add to Cart" data-value="Add to Cart" id="js-add-to-cart" class="button button-block uppercase add-to-cart bg-teal bold" />
</mvt:if>


Coustic Readytheme FIX:

<mvt:if expr="( l.settings:product:inv_level EQ 'out' )">
<input type="submit" value="Add to Cart" data-value="Add to Cart" id="js-add-to-cart" class="button button-medium uppercase add-to-cart button-pill" disabled />
<mvt:else>
<input type="submit" value="Add to Cart" data-value="Add to Cart" id="js-add-to-cart" class="button button-medium uppercase add-to-cart button-pill" />
</mvt:if>

[sjattwood]

Thank you. Unfortunately, the Coustic snippet is the code already in the PROD display layout.

[sjattwood]

Update: Changing 'Track Low Stock Level' from 'Default' to 'No' makes the greyed out button appear when Inventory is 0. That solved my problem.

[lesliekirk]

I realize I started this for the Suivant ReadyTheme but I'm having a similar issue with Iron & Wool. I created a new PROD page template, I copied everything over from a working PROD page template, I changed the body ID to body id="PROD" but the words "SOLD OUT" do not appear on the copy. The button is grayed out but no text on the button change. So why would it work on the on the page template and not this one? I changed the body ID so that the javascript would work for the page. This has me truly baffled.

[lesliekirk]

I figured it out - it should have been js-PROD that I changed it to. <mvt:doh>It works now</mvt:doh>