Topaz LED Lighting 30 Watt LED Volumetric Troffers

Note:Product image are for illustration purposes only. Actual product may vary due to specific configuration.

SKU: TPZ-F-VTC22/30-850/D-86C

$70.00

$60.00

You Save: $10.00

Facebook
Email
Print
Twitter
Pinterest

Frequently Bought Together

(Inc. Tax)

(Ex. Tax)

Enter quantity and select options before adding to cart.

This Item: Topaz LED Lighting 30 Watt LED Volumetric Troffers - Center Basket, 5000K

$70.00

$60.00

You Save: $10.00

Available Configurations
Additional Info
Reviews

Available Configurations

${generateSelectKeys(keyVals)}

`; } return display; } ) return res.join('') } function generateChildSKUObj(products = []) { allLabels = products.reduce((previousValue, product) => ({ ...previousValue, ...getUniqueLabels(product) }) , {}) } function formatPropertyName(propertyName) { const formattedName = propertyName .replace(/_/g, ' ') .replace(/\w\S*/g, function (word) { return word.charAt(0).toUpperCase() + word.substr(1).toLowerCase(); }) .replace(/\bCct\b/g, '(CCT)'); // Wrap 'CCT' in parentheses return formattedName; } function generateChildListTag(recordProduct) { const { url,name,image,shortDesc,sku,id,price,salePrice,basePrice } = recordProduct || ''; let displayedPriceHTML = ''; if (salePrice && parseFloat(salePrice) < parseFloat(price)) { displayedPriceHTML = ` Price: ~~$${price}~~ $${salePrice} `; } else { displayedPriceHTML = ` Price: $${price} `; } let html = `

${sku}

` selectFields.forEach(function (item) { const key = item.key; const value = item.value; html += `

${value}: ${recordProduct[key] || ''}

`; }); html += `${displayedPriceHTML}

View Details

`; return html; } function generateChildListTagMobile(recordProduct) { const { url,name,image,shortDesc,sku,id,price,salePrice,basePrice } = recordProduct || ''; let displayedPriceHTML = ''; if (salePrice && parseFloat(salePrice) < parseFloat(price)) { displayedPriceHTML = `

Price: ~~$${price}~~ $${salePrice}

`; } else { displayedPriceHTML = `

Price: $${price}

`; } let html = `

${sku}

`; selectFields.forEach(function (item) { const key = item.key; const value = item.value; html += `

${value}: ${recordProduct[key] || ''}

`; }); html += `${displayedPriceHTML}

View Details

`; return html; } let additionalContentAppended = false; function loadProductsForPage() { //currentPageElement.textContent = `${currentPage}`; const parentSKUPayload = JSON.stringify(generateParentSkuPayload()); const parentSKURequest = new XMLHttpRequest(); parentSKURequest.withCredentials = false; return new Promise((resolve, reject) => { parentSKURequest.addEventListener("readystatechange", function () { if (this.readyState === 4) { const parentResponse = JSON.parse(this.responseText); const priceDisplay = parentResponse.queryResults[0].records; const totalProduct = parentResponse.queryResults[0].meta.totalResultsFound; currentPageElement.textContent = `${currentPage}`; const nextOffset = currentPage * itemsPerPage; const hasProductsOnNextPage = parentResponse.queryResults.some((result) => result.records.length > 0); if (!hasProductsOnNextPage || nextOffset >= totalProduct) { nextPageButton.style.pointerEvents = 'none'; nextPageButton.style.opacity = '0.5'; }else{ nextPageButton.style.pointerEvents = 'auto'; nextPageButton.style.opacity = '1'; } const hasProductsOnPrevPage = currentPage > 1 && totalProduct > itemsPerPage; prevPageButton.style.pointerEvents = hasProductsOnPrevPage ? 'auto' : 'none'; prevPageButton.style.opacity = hasProductsOnPrevPage ? '1' : '0.5'; priceDisplay.forEach((item) => { const salePrice = parseFloat(item.salePrice); const regularPrice = parseFloat(item.price); const displayedPriceShow = salePrice || regularPrice; if (!priceGet.includes(displayedPriceShow)) { priceGet.push(displayedPriceShow); } }); const spanElement = document.querySelector('.price--main'); if (spanElement && priceGet.length > 0) { const highestPrice = Math.max(...priceGet); const lowestPrice = Math.min(...priceGet); if (currentPage === 1 && !additionalContentAppended) { const additionalText = isFinite(highestPrice) ? " - $" + highestPrice.toFixed(2) : ''; const existingText = parseFloat(spanElement.textContent.replace(/\$|,/g, '')); // if (existingText !== highestPrice) { const newexistingText = '$'+ existingText; const newTextContent = newexistingText ? newexistingText + additionalText : additionalText; spanElement.textContent = newTextContent; additionalContentAppended = true; } } } let htmlData = ""; let mobilehtmlData = ""; const products = parentResponse?.queryResults || []; if (currentPage === 1 && totalProduct < 12) { document.querySelector('.displaySelectFilter').style.display = 'none'; document.querySelector('.pagination').style.display = 'none'; document.querySelector('.desktopView').classList.add('hideMarginTop'); if (window.innerWidth < 768) { document.querySelector('.toggleFilter').style.display = 'none'; } } else { document.querySelector('.pagination').style.display = 'block'; document.querySelector('.displaySelectFilter').style.display = 'block'; document.querySelector('.desktopView').classList.remove('hideMarginTop'); if (window.innerWidth < 768) { document.querySelector('.toggleFilter').style.display = 'block'; } } let childSKUPromises = []; products.forEach((product, ip) => { const records = product?.records || []; records.forEach((recordProduct, ir) => { htmlData += generateChildListTag(recordProduct); mobilehtmlData += generateChildListTagMobile(recordProduct); const requestPayload = JSON.stringify(generateChildSkuPayload(recordProduct?.sku)); const childSKUPromise = new Promise((resolve) => { const childSKURequest = new XMLHttpRequest(); childSKURequest.withCredentials = false; childSKURequest.addEventListener("readystatechange", function () { if (this.readyState === 4) { const childResponse = JSON.parse(this.responseText); const product = childResponse?.queryResults || [] resolve(product) } }); childSKURequest.open("POST", "https://uscs32v2.ksearchnet.com/cs/v2/search/"); childSKURequest.setRequestHeader("Content-Type", "application/json"); childSKURequest.send(requestPayload); }) childSKUPromises.push(childSKUPromise) }); }); resolve({htmlData,mobilehtmlData}); Promise.all(childSKUPromises) .then(res => { res?.forEach(product => generateChildSKUObj(product) ) const shuffledLabels = {}; selectFields.forEach(({ key, value }) => { if (allLabels[value]) { shuffledLabels[value] = allLabels[value]; } }); // console.log(shuffledLabels) const labelTags = generateSelectTags(shuffledLabels) //const labelTags = generateSelectTags(allLabels) jQuery(".selectfilter").html(labelTags); const childProductList = document.querySelector('.ChildProductList'); if (childProductList.children.length === 0) { childProductList.innerHTML = 'Products Loading.....'; } }) .catch(err => console.log("Error occured while fetching SKU data")) } }); parentSKURequest.open("POST", "https://uscs32v2.ksearchnet.com/cs/v2/search/"); parentSKURequest.setRequestHeader("Content-Type", "application/json"); parentSKURequest.send(parentSKUPayload); }); } function displayHTMLData({ htmlData, mobilehtmlData }) { document.querySelector('.ChildProductList').innerHTML = htmlData; document.querySelector('.MobileChildProductList').innerHTML = mobilehtmlData; } //complete option list function autoClickNextButton() { const nextPageButton = document.getElementById('nextPage'); const prevPageButton = document.getElementById('prevPage'); function clickNextButton() { return new Promise(resolve => { const clickEvent = new Event('click', { bubbles: true }); nextPageButton.dispatchEvent(clickEvent); setTimeout(resolve, 1000); }); } function clickPrevButton() { return new Promise(resolve => { const clickEvent = new Event('click', { bubbles: true }); prevPageButton.dispatchEvent(clickEvent); setTimeout(resolve, 1000); }); } function isLastPage() { return nextPageButton.style.pointerEvents === 'none'; } function isFirstPage() { return currentPage === 1; } async function autoClickNext() { while (!isLastPage()) { await clickNextButton(); } while (!isFirstPage()) { await clickPrevButton(); } prevPageButton.style.pointerEvents = 'none'; } autoClickNext();} buildHeadingDisplay() .then(autoClickNextButton) .then(() => { document.getElementById('ul_pagination').style.display = 'block'; }) .then(() => loadProductsForPage()) .then(displayHTMLData) .catch((error) => { console.error("Error:", error); }); //complete option list function toggleMobile(){ document.addEventListener('DOMContentLoaded', function () { document.addEventListener('click', function (event) { const accordionToggle = event.target.closest('.accordion-xs-toggle'); if (accordionToggle || event.target.classList.contains('toggle-icon')) { const content = accordionToggle.nextElementSibling; content.classList.toggle('show'); // Find the icon element within the accordionToggle const icon = accordionToggle.querySelector('.toggle-icon i'); // Update the icon based on the 'show' class if (content.classList.contains('show')) { icon.className = 'fa fa-minus'; } else { icon.className = 'fa fa-plus'; } } }); }); } toggleMobile(); var parentElement = document.body; function showLoader() { document.querySelector('.loading').style.display = 'block'; } function hideLoader() { document.querySelector('.loading').style.display = 'none'; } hideLoader(); var previousValue = null; var previousLabel = null; var currentValue = null; var currentClassName=null; var currentlabel=null; var responseJson = null; var price=""; var selectValues = []; var queryConditions = []; queryConditions[0] = { "key": "__parent_sku", "valueOperator": "INCLUDE", "singleSelect": true, "excludeValuesInResult": true, "values": ["TPZ-F-VTC22/30-850/D-86C"] }; async function filterSelectSection() { const offset = (currentPage - 1) * itemsPerPage; parentElement.addEventListener('change', function (event) { var target = event.target; showLoader(); if (target.classList.contains('filterdata')) { var selectId = target.id; if (!selectValues[selectId]) { selectValues[selectId] = { previousValue: null, previousLabel: null }; } var selectedOption = target.options[target.selectedIndex]; var currentValue = selectedOption.value; var currentLabel = target.className.replace('filterdata', '').replace(/\s/g, ''); if (selectValues[selectId].currentValue !== currentValue) { selectValues[selectId].previousValue = selectValues[selectId].currentValue; selectValues[selectId].previousLabel = selectValues[selectId].currentLabel; selectValues[selectId].currentValue = currentValue; selectValues[selectId].currentLabel = currentLabel; } var queryCondition; if (target.selectedIndex === 0) { queryCondition = { "key": "", "valueOperator": "INCLUDE", "singleSelect": true, "excludeValuesInResult": true, "values": [""] }; var indexToRemove = queryConditions.findIndex(item => item.key === selectValues[selectId].currentLabel); if (indexToRemove !== -1) { queryConditions.splice(indexToRemove, 1); } } else { queryCondition = { "key": selectValues[selectId].currentLabel, "valueOperator": "INCLUDE", "singleSelect": true, "excludeValuesInResult": true, "values": [selectValues[selectId].currentValue] }; var index = queryConditions.findIndex(item => item.key === queryCondition.key); if (index === -1) { queryConditions.push(queryCondition); } else { queryConditions[index] = queryCondition; } } var data = JSON.stringify({ "context": { "apiKeys": [ "klevu-168478559681216392" ] }, "recordQueries": [ { "id": "productSearch", "typeOfRequest": "SEARCH", "settings": { "typeOfRecords": [ "KLEVU_PRODUCT" ], "limit": itemsPerPage, "offset": offset, "groupCondition": { "groupOperator": "ALL_OF", "conditions": queryConditions } } } ] } ); console.log(data) var xhr = new XMLHttpRequest(); xhr.withCredentials = false; xhr.addEventListener("readystatechange", function() { if(this.readyState === 4) { setTimeout(() => { jQuery(".ChildProductList").empty(); hideLoader(); var response = JSON.parse(this.responseText); const getCount=response.queryResults[0].records; const totalProduct = response.queryResults[0].meta.totalResultsFound; currentPageElement.textContent = `${currentPage}`; const nextOffset = currentPage * itemsPerPage; const hasProductsOnNextPage = response.queryResults.some((result) => result.records.length > 0); if (!hasProductsOnNextPage || nextOffset >= totalProduct) { nextPageButton.style.pointerEvents = 'none'; nextPageButton.style.opacity = '0.5'; }else{ nextPageButton.style.pointerEvents = 'auto'; nextPageButton.style.opacity = '1'; } const hasProductsOnPrevPage = currentPage > 1 && totalProduct > itemsPerPage; prevPageButton.style.pointerEvents = hasProductsOnPrevPage ? 'auto' : 'none'; prevPageButton.style.opacity = hasProductsOnPrevPage ? '1' : '0.5'; let htmlDataToReplace = ""; let htmlDataToReplaceMobile = ""; var product= response.queryResults; product.forEach((productDisplay, ip) => { const recordGet = productDisplay?.records || [] recordGet.forEach((productDisplay, ir) => { htmlDataToReplace += updateHTMLContent(productDisplay) htmlDataToReplaceMobile += updateHTMLContentMobile(productDisplay) }) jQuery(".ChildProductList").empty(); jQuery(".ChildProductList").append(htmlDataToReplace); jQuery(".MobileChildProductList").empty(); jQuery(".MobileChildProductList").append(htmlDataToReplaceMobile); }) }, "2000"); } }) xhr.open("POST", "https://uscs32v2.ksearchnet.com/cs/v2/search/"); xhr.setRequestHeader("Content-Type", "application/json"); xhr.send(data); } }); } filterSelectSection() document.getElementById('selectAllButton').addEventListener('click', function () { var selectElements = document.querySelectorAll('.filterdata'); selectElements.forEach(function (selectElement) { selectElement.selectedIndex = 0; var newSelect = selectElement.cloneNode(true); selectElement.parentNode.replaceChild(newSelect, selectElement); }); showLoader(); var defaultCondition = queryConditions[0]; queryConditions = [defaultCondition]; setTimeout(() => { hideLoader(); jQuery(".ChildProductList").empty(); loadProductsForPage() .then(displayHTMLData) .catch((error) => { console.error("Error:", error); }); }, 2000); }); function updateHTMLContent(productDisplay) { const { url, name, image, shortDesc, sku, id, salePrice, basePrice,price } = productDisplay || ''; let displayedPriceHTML = ''; if (salePrice && parseFloat(salePrice) < parseFloat(price)) { displayedPriceHTML = ` Price: ~~$${price}~~ $${salePrice} `; } else { displayedPriceHTML = ` Price: $${price} `; } let htmlRecord = `

${sku}

` selectFields.forEach(function (item) { const key = item.key; const value = item.value; htmlRecord += `

${value}: ${productDisplay[key] || ''}

`; }); htmlRecord += `${displayedPriceHTML}

View Details

`; return htmlRecord; } function updateHTMLContentMobile(productDisplay) { const { url, name, image, shortDesc, sku, id, salePrice, basePrice,price } = productDisplay || ''; let displayedPriceHTML = ''; if (salePrice && parseFloat(salePrice) < parseFloat(price)) { displayedPriceHTML = `

Price: ~~$${price}~~ $${salePrice}

`; } else { displayedPriceHTML = `

Price: $${price}

`; } let htmlrecord = `

${sku}

`; selectFields.forEach(function (item) { const key = item.key; const value = item.value; htmlrecord += `

${value}: ${productDisplay[key] || ''}

`; }); htmlrecord += `${displayedPriceHTML}

The item has been added

`; return htmlrecord; }

Additional Info

SKU	TPZ-F-VTC22/30-850/D-86C

Reviews

(No reviews yet)

Write a Review

Topaz LED Lighting 30 Watt LED Volumetric Troffers - Center Basket, 5000K (2024)

Frequently Bought Together

Reviews

Write a Review

Topaz Southwire

Topaz LED Lighting 30 Watt LED Volumetric Troffers - Center Basket, 5000K