Twig Ava Lambswool Throw

Name: Twig Ava Lambswool Throw
Brand: Twig
SKU: TWAVTH-CR
Price: 115.0 GBP
Availability: InStock

£115.00 GBP

Sale Sold out

Tax included. Shipping calculated at checkout.

Product variants

Quantity

The Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish.

See More →

Size: 140 x 180cm including 10cm fringe

Fabric: 100% Lambswool

Care: Dry clean only

Made in Ireland

View full details

Dormitory

Here at dormitory our ethos is very much to make, find and sell things that are unusual, surprising and not found elsewhere.

We seek quality, sustainable materials, often employing traditional craft techniques from small makers for items that will last and be beautiful in your home or as a gift.

*/ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); Liquid error: Nesting too deep jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); Liquid error: Nesting too deep jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first dropdown. jQuery(select0).change(function() { Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); // When there is an update in the second dropdown. jQuery(select1).change(function() { if (product.options.length === 3) Shopify.updateOptionsInSelector(2); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); // enod of original code ------------------------------------------------------------------------- }else{ // run new pill code var selectionroot = 'variant-radios > .product-form__input' ; // select all of class .product-form__input that are child of var selected = ' input:checked' ; // suffix to find .val() if ($j(selectionroot).length ) { //alert('Pill found'); console.log('Pill found'); } // these are fieldsets containing inputs and labels var fieldset0 = selectionroot + ':eq(0)' var fieldset1 = selectionroot + ':eq(1)' var fieldset2 = selectionroot + ':eq(2)' // these are fieldsets containing just inputs var select0 = selectionroot + ':eq(0) input' var select1 = selectionroot + ':eq(1) input' var select2 = selectionroot + ':eq(2) input' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex, clicked) { // selectors colllections of labels and inputs switch (selectorIndex) { // selector is the fieldset's inputs and labels case 0: var key = 'root'; var selector = jQuery(select0).find('label, input'); break; case 1: //var key = jQuery(select0 + selected).val(); if (clicked){ var key = clicked.val(); }else{ var key = jQuery(select0 + selected).val(); } var selector = jQuery(fieldset1).find('label, input'); break; case 2: var key = jQuery(select0 + selected).val(); key += ' / ' + jQuery(select1 + selected).val(); var selector = jQuery(select2).find('label, input'); } console.log('key= ' , key); console.log('selector= ', selector); var initialValue = selector.val(); //selector.empty(); // get available options from value of previous selector and hide inputs that are not in the available list var availableOptions = Shopify.optionsMap[key]; //for (var i=0; i').val(option).html(option); // console.log('adding new option for ', option); // //selector.append(newOption); jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } // If we are showing the sold out items - then we will add them in a second loop so that the selectors get instock options first if (showsoldout) { for (var s=0; s 1) { var key = variant.option1; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option2); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } // Gathering values for the 3rd drop-down. if (product.options.length === 3) { var key = variant.option1 + ' / ' + variant.option2; Shopify.optionsMap[key] = Shopify.optionsMap[key] || []; Shopify.optionsMap[key].push(variant.option3); Shopify.optionsMap[key] = Shopify.uniq(Shopify.optionsMap[key]); } } } } // End of soldout // Update options right away. Shopify.updateOptionsInSelector(0); if (product.options.length > 1) Shopify.updateOptionsInSelector(1); if (product.options.length === 3) Shopify.updateOptionsInSelector(2); // When there is an update in the first fieldset of inputs. jQuery(select0).change(function() { var clicked = jQuery(this); Shopify.updateOptionsInSelector(1, clicked); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); // When there is an update in the second fieldset of inputs. jQuery(select1).change(function() { var clicked = jQuery(this); if (product.options.length === 3) Shopify.updateOptionsInSelector(2, clicked); return true; }); }; // end of Shopify.linkOptionSelectors // added - making the script fire on page load Shopify.linkOptionSelectors({"id":7001995968719,"title":"Twig Ava Lambswool Throw","handle":"twig-ava-lambswool-throw","description":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e","published_at":"2022-03-07T15:53:59+00:00","created_at":"2022-03-07T15:54:02+00:00","vendor":"Twig","type":"Wool Throw","tags":["aubergine throw","British wool throw","ochre throw","Throws","Twig Ava Lambswool Throw"],"price":11500,"price_min":11500,"price_max":11500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41592015061199,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"TWAVTH-CR","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Twig Ava Lambswool Throw","public_title":null,"options":["Default Title"],"price":11500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","options":["Title"],"media":[{"alt":"Twig Ava Lambswool Throw","id":22692192682191,"position":1,"preview_image":{"aspect_ratio":1.0,"height":500,"width":500,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":500,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-THROW.gif?v=1649879685","width":500},{"alt":"Twig Ava Lambswool Throw Pattern","id":22692192714959,"position":2,"preview_image":{"aspect_ratio":1.0,"height":300,"width":300,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685"},"aspect_ratio":1.0,"height":300,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/AVA-FLAT-THROW.gif?v=1649879685","width":300},{"alt":"Twig Ava Lambswool Throw Close Up","id":22846525636815,"position":3,"preview_image":{"aspect_ratio":1.0,"height":499,"width":499,"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685"},"aspect_ratio":1.0,"height":499,"media_type":"image","src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0581\/5713\/8127\/products\/TwigAvaThrow.jpg?v=1649879685","width":499}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eThe Ava throw features a soft neutral palette with a pop of aubergine and ochre. It can be used across a bed, chair or sofa. Pure lambswool, the throw has been woven by a small family firm in Ireland in a traditional herringbone pattern with a twisted fringe to finish. \u003c\/p\u003e\n\u003cdetails\u003e \u003csummary\u003e\u003cb\u003e\u003cu\u003eSee More →\u003c\/u\u003e\u003c\/b\u003e\u003c\/summary\u003e\n\u003cp\u003eSize: 140 x 180cm including 10cm fringe\u003c\/p\u003e\n\u003cp\u003eFabric: 100% Lambswool\u003c\/p\u003e\n\u003cp\u003eCare: Dry clean only\u003c\/p\u003e\nMade in Ireland\u003c\/details\u003e"}); var selector = jQuery(select0); selector.trigger('change'); jQuery(select0).trigger('change'); } }); // new function function remove_unmatched_choices(tree, choicelist){ // this hides HTML inputs and labels in the tree that do NOT have a matching Id in choicelist jQuery.each( tree, function( index, element ){ var el = jQuery(element); // get this element //var el2 = $(this); var id; if (el.is('input')){ id = el.attr('value'); } if (el.is('label')){ id = el.html().trim(); } if(typeof id !== 'undefined'){ if (jQuery.inArray(id, choicelist) == -1){ //not in choicelist console.log('hiding', id); el.hide(); }else { el.show(); } } }); } */ // Set up a variable as a switch for showing sold out items var showsoldout = true; // Set up some variables that identify the selection, in this theme it is located in product-form.liquid line 98 debugger; window.addEventListener('DOMContentLoaded', function() { var Shopify = Shopify || {}; var $j = jQuery.noConflict(); // is this dropdown or pill var selectionobject = '.product-form__input--dropdown select' // '.single-option-selector' if ($j(selectionobject).length ) { //alert('Dropdown found'); console.log('dropdown found'); // run original code var select0 = selectionobject + ':eq(0)' var select1 = selectionobject + ':eq(1)' var select2 = selectionobject + ':eq(2)' // Required functionality from depricated options_selection.js Shopify.arrayIncludes = function(e, t) { for (var n = 0; n < e.length; n++) if (e[n] == t) return !0; return !1 }, Shopify.uniq = function(e) { for (var t = [], n = 0; n < e.length; n++) Shopify.arrayIncludes(t, e[n]) || t.push(e[n]); return t } Shopify.optionsMap = {}; // this is what is called when option is changed Shopify.updateOptionsInSelector = function(selectorIndex) { switch (selectorIndex) { case 0: var key = 'root'; var selector = jQuery(select0); break; case 1: var key = jQuery(select0).val(); var selector = jQuery(select1); break; case 2: var key = jQuery(select0).val(); key += ' / ' + jQuery(select1).val(); var selector = jQuery(select2); } var initialValue = selector.val(); selector.empty(); // get available options for value of previous selector and populate this one var availableOptions = Shopify.optionsMap[key]; for (var i=0; i').val(option).html(option); console.log('adding new option '); selector.append(newOption); } jQuery('.swatch[data-option-index="' + selectorIndex + '"] .swatch-element').each(function() { if (jQuery.inArray($(this).attr('data-value'), availableOptions) !== -1) { $(this).removeClass('soldout').show().find(':radio').removeAttr('disabled','disabled').removeAttr('checked'); } else { $(this).addClass('soldout').hide().find(':radio').removeAttr('checked').attr('disabled','disabled'); } }); if (jQuery.inArray(initialValue, availableOptions) !== -1) { selector.val(initialValue); } selector.trigger('change'); }; Shopify.linkOptionSelectors = function(product) { // Building our mapping object. // Start with available variants for (var i=0; i