Vonex

Ink & Toner finder

Select your printer brand and model

Ink & Toner Paper

Select Printer Brand Brother Canon Dell Epson HP Kyocera Lexmark OKI Ricoh Samsung Xerox Select Printer Model

Please select both a printer brand and model

Find My Toner

Can't find your printer? Contact us

is added before this widget.'); } } setupEventListeners() { this.tabs.forEach(tab => { tab.addEventListener('click', () => { this.handleTabChange(tab); }); }); this.brandSelect.addEventListener('change', () => { this.updateModelDropdown(); this.validateSelection(); }); this.modelSelect.addEventListener('change', () => { this.validateSelection(); }); this.findButton.addEventListener('click', () => { this.handleSearch(); }); } handleTabChange(selectedTab) { this.tabs.forEach(tab => tab.classList.remove('active')); selectedTab.classList.add('active'); this.currentCategory = selectedTab.dataset.category; this.brandSelect.value = ''; this.modelSelect.value = ''; this.modelSelect.disabled = true; this.findButton.disabled = true; this.errorMessage.classList.remove('visible'); if (this.currentCategory === 'paper') { this.brandSelect.querySelector('option[value=""]').textContent = 'Select Paper Type'; this.modelSelect.querySelector('option[value=""]').textContent = 'Select Paper Size'; this.updatePaperOptions(); } else { this.brandSelect.querySelector('option[value=""]').textContent = 'Select Printer Brand'; this.modelSelect.querySelector('option[value=""]').textContent = 'Select Printer Model'; this.updatePrinterBrands(); } } updatePrinterBrands() { this.brandSelect.innerHTML = 'Select Printer Brand'; const brands = [ { value: 'brother', label: 'Brother' }, { value: 'canon', label: 'Canon' }, { value: 'dell', label: 'Dell' }, { value: 'epson', label: 'Epson' }, { value: 'hp', label: 'HP' }, { value: 'kyocera', label: 'Kyocera' }, { value: 'lexmark', label: 'Lexmark' }, { value: 'oki', label: 'OKI' }, { value: 'ricoh', label: 'Ricoh' }, { value: 'samsung', label: 'Samsung' }, { value: 'xerox', label: 'Xerox' } ]; brands.forEach(brand => { const option = document.createElement('option'); option.value = brand.value; option.textContent = brand.label; this.brandSelect.appendChild(option); }); } updatePaperOptions() { this.brandSelect.innerHTML = 'Select Paper Type'; const paperCategories = [ { value: 'copy-paper', label: 'Copy & Multipurpose Paper' }, { value: 'photo-paper', label: 'Photo Paper' }, { value: 'cardstock', label: 'Cardstock' }, { value: 'labels', label: 'Labels & Stickers' }, { value: 'envelopes', label: 'Envelopes' }, { value: 'specialty', label: 'Specialty Paper' } ]; paperCategories.forEach(category => { const option = document.createElement('option'); option.value = category.value; option.textContent = category.label; this.brandSelect.appendChild(option); }); } updateModelDropdown() { const selectedBrand = this.brandSelect.value; this.modelSelect.innerHTML = ''; if (this.currentCategory === 'paper') { this.modelSelect.innerHTML = 'Select Paper Size'; if (selectedBrand) { this.paperTypes.forEach(type => { const option = document.createElement('option'); option.value = type.toLowerCase().replace(/[^a-z0-9]+/g, '-'); option.textContent = type; this.modelSelect.appendChild(option); }); this.modelSelect.disabled = false; } else { this.modelSelect.disabled = true; } } else { this.modelSelect.innerHTML = 'Select Printer Model'; if (selectedBrand && this.printerModels[selectedBrand]) { this.printerModels[selectedBrand].forEach(model => { const option = document.createElement('option'); option.value = model.toLowerCase().replace(/\s+/g, '-'); option.textContent = model; this.modelSelect.appendChild(option); }); this.modelSelect.disabled = false; } else { this.modelSelect.disabled = true; } } } validateSelection() { const brandSelected = this.brandSelect.value !== ''; const modelSelected = this.modelSelect.value !== ''; if (brandSelected && modelSelected) { this.findButton.disabled = false; this.errorMessage.classList.remove('visible'); } else { this.findButton.disabled = true; } } handleSearch() { const brand = this.brandSelect.value; const model = this.modelSelect.value; if (!brand || !model) { this.errorMessage.classList.add('visible'); return; } this.errorMessage.classList.remove('visible'); if (this.currentCategory === 'paper') { const paperType = this.brandSelect.options[this.brandSelect.selectedIndex].text; const paperSize = this.modelSelect.options[this.modelSelect.selectedIndex].text; const searchQuery = encodeURIComponent(`${paperType} ${paperSize}`); window.location.href = `/search?q=${searchQuery}&type=product`; return; } // Handle Brother using the global brotherData if (brand === 'brother') { const selectedModel = this.modelSelect.options[this.modelSelect.selectedIndex].text; // Check if brotherData is loaded if (!window.brotherData || !window.brotherData.findByPrinterModel) { console.error('Brother data not loaded. Falling back to model search.'); window.location.href = `/search?q=${encodeURIComponent(selectedModel + ' toner')}&type=product`; return; } // Find all compatible products (toners and drums) const compatibleProducts = window.brotherData.findByPrinterModel(selectedModel); if (compatibleProducts && compatibleProducts.length > 0) { // Collect unique OEM codes const oemCodes = [...new Set(compatibleProducts.map(p => p.oemCode))]; // Build search query with OEM codes const searchQuery = oemCodes.join(' OR '); window.location.href = `/search?q=${encodeURIComponent(searchQuery)}&type=product`; } else { // Fallback: search by printer model window.location.href = `/search?q=${encodeURIComponent(selectedModel + ' toner')}&type=product`; } } else { // Handle other brands (Canon, HP, etc.) const selectedModel = this.modelSelect.options[this.modelSelect.selectedIndex].text; window.location.href = `/search?q=${encodeURIComponent(selectedModel + ' toner')}&type=product`; } } } customElements.define('ink-toner-finder-aaec1ctrtqu9ms3bqqaigenblock62c97c3bwdmen', InkTonerFinderaaec1ctrtqu9ms3bqqaigenblock62c97c3bwdmen); })();