Exp:resso Store Stock Issues

Question

Trying to get my online store up & running, but I'm having issues with the stock aspect of Store.

I'm using the default code that came with Store for individual products, aside from having removed the SKU section. When I create a product entry, I'm selecting "Limit Stock", then selecting the checkbox under that & inputting the qty. of product I have. (Let's say 8.) I go about the rest of my business, creating the product post - publish it, refresh the page, and where Stock is located in the form, it's outputting absolutely nothing. Should there not be "8" next to "Stock"?

Here's the snippet of code for that particular area, as well as the URL where you can see what I'm talking about:

<div class="control-group">
<label class="control-label">Stock Qty:</label>
<div class="controls">
<span class="store_product_stock">
<!-- automatically set -->
</span>
</div>
</div>

Product Dev

(That commented out part that says "automatically set" was there when the module propagated the templates.)

I've tried putting the following in it's place, but I still get an empty result.

{if total_stock > 5}
In Stock
{if:elseif total_stock <= 5 && total_stock != 0}
Low Stock
{if:else}
Out of Stock
{/if}

I suppose I really don't understand how it's supposed to work, and your help would be greatly appreciated. Thank you! :)

Answer 1

Stock is calculated based upon the modifiers selected in your template. For example lets saying I am selling t-shirts in 3 different colors and 4 different sizes.

When I load the page I won't see a stock number using the classes until I select Med Green shirt which might have 8 in stock, if I then select red instead of green it would change to 3 since I only have 3 medium red shirts in stock.

EDIT:

From the comments below.

The Store javascript that handles the span class to show things like price or stock based upon modifier selection you will need to make sure that you have jQuery is included on your pages with Store tags.

Answer 2

Common practice in modern sites is that all .js files are loaded at the end of page. How to fix problem with store.js then? EE checks if "store.js?v=" is present then adds it if not. If you load all JS files at the end of page with actual store.js file in it, script will never find it and will add it just above those files. If you add all files as snippet (to maintain page easily) then you have duplicates and of course error: jQuery is not defined

Any news how to solve this issue?