Hide attributes based on stock level

Question

How can I hide the attributes of a drop down based on their stock level? I would like to hide all of them that are out of stock.
==
John

Answer 1

Hi,
You should add something along this code snippet to the end of your product large layout. What this does is it uses the 2 tags - tag_attributes_json and tag_instock_json to work out which attributes have 0 stock, find them in the drop down and hide them. The only thing you would need to work out is how to target the elements themselves, this may vary depending on your page structure, so $('.catProdAttributeItem select option[value="' + attributes.variations[key].optionIds[0] + '"]').hide() might need to be changed accordingly.
Here is the code snippet:
Object.prototype.getKeyByValue = function (value) {
    for (var prop in this) {
        if (this.hasOwnProperty(prop)) {
            if (this[prop] === value)
                return prop;
attributes = {
    tag_attributes_json
stockers = {
    tag_instock_json
for (var key in attributes.variations) {
    if (attributes.variations.hasOwnProperty(key)) {
        if (stockers.byVariation[key] == 0) {
            console.log(attributes.variations[key].optionIds[0]);
            $('.catProdAttributeItem select option[value="' + attributes.variations[key].optionIds[0] + '"]').hide()