TEST – Page 182 – Ennis Fabrics Backup

Welcome to our store

Filter and sort

2926 products

"#10 YKK Vislon Lock Slide 96" Blue

"#10 YKK Vislon Lock Slide 96" Blue

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per
#10 YKK Vislon Lock Slide "120"" Blue

#10 YKK Vislon Lock Slide "120"" Blue

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per
"#10 YKK Vislon Lock Slide 60" Burgundy

"#10 YKK Vislon Lock Slide 60" Burgundy

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per
"#10 YKK Vislon Lock Slide 72" Burgundy

"#10 YKK Vislon Lock Slide 72" Burgundy

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per
"#10 YKK Vislon Lock Slide 84" Burgundy

"#10 YKK Vislon Lock Slide 84" Burgundy

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per
"#10 YKK Vislon Lock Slide 96" Burgundy

"#10 YKK Vislon Lock Slide 96" Burgundy

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per
#10 YKK Vislon Lock Slide "120"" Burgundy

#10 YKK Vislon Lock Slide "120"" Burgundy

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per
#10 YKK Vislon Non-Lock Slide "54"" Beige

#10 YKK Vislon Non-Lock Slide "54"" Beige

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per
#10 YKK Vislon Non-Lock Slide "60"" Beige

#10 YKK Vislon Non-Lock Slide "60"" Beige

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per
#10 YKK Vislon Non-Lock Slide "72"" Beige

#10 YKK Vislon Non-Lock Slide "72"" Beige

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per
#10 YKK Vislon Non-Lock Slide "78"" Beige

#10 YKK Vislon Non-Lock Slide "78"" Beige

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per
#10 YKK Vislon Non-Lock Slide "84"" Beige

#10 YKK Vislon Non-Lock Slide "84"" Beige

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per
#10 YKK Vislon Non-Lock Slide "96"" Beige

#10 YKK Vislon Non-Lock Slide "96"" Beige

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per
#10 YKK Vislon Non-Lock Slide "108"" Beige

#10 YKK Vislon Non-Lock Slide "108"" Beige

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per
#10 YKK Vislon Non-Lock Slide "120"" Beige

#10 YKK Vislon Non-Lock Slide "120"" Beige

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per
"#10 Vislon White 36"" Lock-Slide

"#10 Vislon White 36"" Lock-Slide

Regular price

$1,000.00 CAD

Regular price

Sale price

$1,000.00 CAD

Unit price

per

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(), ); }