Island Yarn – Island Yarn Company

Island Yarn

Island Yarn

Shop this Collection

Pattern Kits

Pattern Kits

Shop this Collection

Fingering Weight

Fingering Weight

Shop this Collection

Sport Weight

Sport Weight

Shop this Collection

Worsted Weight

Worsted Weight

Shop this Collection

Bulky Weight

Bulky Weight

Shop this Collection

Featured Products

A Bag of Dragons Kit

A Bag of Dragons Kit

From $ 45.95

A Brand New Bag Kit - Felted!

$ 21.99

A Few Stairs Short of Heaven Cowl and Hat Kit - September 2023 FEATURED PATTERN!

A Few Stairs Short of Heaven Cowl and Hat Kit - September 2023 FEATURED PATTERN!

$ 74.95

Acorn Path Shawl Kit

Acorn Path Shawl Kit

$ 94.99

Akaroa Scarf with Noro Haunui Silk - Drop Ship Kit!

Akaroa Scarf with Noro Haunui Silk - Drop Ship Kit!

$ 134.99

Angel Cupcakes

Angel Cupcakes

$ 62.99

Anorthite Sweater Drop-ship Kit

Anorthite Sweater Drop-ship Kit

From $ 259.99

Ariana Kit

Ariana Kit

From $ 189.90

const selectVariantByClickingImage = { // Create variant images from productJson object _createVariantImage: function (product) { const variantImageObject = {}; product.variants.forEach((variant) => { if ( typeof variant.featured_image !== 'undefined' && variant.featured_image !== null ) { const variantImage = variant.featured_image.src .split('?')[0] .replace(/http(s)?:/, ''); variantImageObject[variantImage] = variantImageObject[variantImage] || {}; product.options.forEach((option, index) => { const optionValue = variant.options[index]; const optionKey = `option-${index}`; if ( typeof variantImageObject[variantImage][optionKey] === 'undefined' ) { variantImageObject[variantImage][optionKey] = optionValue; } else { const oldValue = variantImageObject[variantImage][optionKey]; if (oldValue !== null && oldValue !== optionValue) { variantImageObject[variantImage][optionKey] = null; } } }); } }); return variantImageObject; }, _updateVariant: function (event, id, product, variantImages) { const arrImage = event.target.src .split('?')[0] .replace(/http(s)?:/, '') .split('.'); const strExtention = arrImage.pop(); const strRemaining = arrImage.pop().replace(/_[a-zA-Z0-9@]+$/, ''); const strNewImage = `${arrImage.join('.')}.${strRemaining}.${strExtention}`; if (typeof variantImages[strNewImage] !== 'undefined') { product.variants.forEach((option, index) => { const optionValue = variantImages[strNewImage][`option-${index}`]; if (optionValue !== null && optionValue !== undefined) { const selects = document.querySelectorAll('#'+ id + ' [class*=single-option-selector]'); const options = selects[index].options; for (let option, n = 0; (option = options[n]); n += 1) { if (option.value === optionValue) { selects[index].selectedIndex = n; selects[index].dispatchEvent(new Event('change')); break; } } } }); } }, _selectVariant: function() { const productJson = document.querySelectorAll('[id^=ProductJson-'); if (productJson.length > 0) { productJson.forEach((product) => { const sectionId = product.id.replace("ProductJson-", "shopify-section-"); const thumbnails = document.querySelectorAll('#'+ sectionId + ' img[src*="/products/"]'); if (thumbnails.length > 1) { const productObject = JSON.parse(product.innerHTML); const variantImages = this._createVariantImage(productObject); // need to check variants > 1 if (productObject.variants.length > 1) { thumbnails.forEach((thumbnail) => { thumbnail.addEventListener('click', (e) => this._updateVariant(e, sectionId, productObject, variantImages), ); }); } } }); } }, }; if (document.readyState !== 'loading') { selectVariantByClickingImage._selectVariant(); } else { document.addEventListener( 'DOMContentLoaded', selectVariantByClickingImage._selectVariant(), ); }