$${price}

${product.product_content?.['Description Summary'] ? `

${product.product_content?.['Description Summary']}

` : ''}

$${price}

${product.product_content?.['Description Summary'] ? `

${product.product_content?.['Description Summary']}

` : ''}

Financing Offers

Learn More about financing offers

View Details

`; return productsHTML; } function preloadTopImages(products) { // Remove existing preload links for images document.querySelectorAll('link[rel="preload"][as="image"]').forEach(link => link.remove()); for (let i = 0; i < Math.min(4, products.length); i++) { const product = products[i]; const imgSrc = product?.image; if (!imgSrc) continue; const link = document.createElement('link'); link.rel = 'preload'; link.as = 'image'; link.href = imgSrc; link.fetchPriority = i === 0 ? 'high' : 'auto'; document.head.appendChild(link); } } function getHorizontalProductHtml(product, productIndex, dataClickEvent) { const price = product?.salePrice ? product?.salePrice : product?.price; let productsHTML = ''; productsHTML += `

${cuttingWithoutCollapsible(getTitle(product?.name, product?.familyName), 39)}

$${price}

View Details

${product.product_content?.['Description Summary'] ? `

${product.product_content?.['Description Summary']}

` : ''}

$${price}

Financing Offers

Learn More about financing offers

View Full Details

`; return productsHTML; } const getPageData = async (metadataOnly = false) => { try { const state = store.get('state'); const { pageNumber, maxPageNumber, sort, sortDirection, filters, pageSize, facets: previousFactes } = state; let body = { o: searchOrgId, p: searchPageId, pageSize, pageNum: pageNumber, sort, sortDirection, facets: filters, }; const selectedFilters = filters?.filter(facet => facet?.values?.some(value => value.selected === true))?.map(selected => { const findFacet = previousFactes?.find(it => it?.id === selected?.id); if (findFacet) { return ({ ...selected, name: findFacet?.name }) } return selected; }); const data = await HSS.search(body); if (!metadataOnly) { updateProducts(data.results, pageSize, pageNumber, 'Product Click', '#ps-wrapper'); } const facets = data.metadata.facets?.filter(facet => !!facet?.values?.length && facet.values.length > 1); selectedFilters.forEach(item => { const existingFacet = facets.find(facet => facet?.id === item?.id); if (existingFacet) { const uniqueValues = item.values.filter( newValue => !existingFacet.values.some(existingValue => existingValue.value === newValue.value) ); existingFacet.values = [...existingFacet.values, ...uniqueValues]; } else { facets.push(item); } }); updateState({ maxPageNumber: data.metadata.maxPage, totalResults: data.metadata.totalResults, facets: facets, products: data.results, }, false); updatePaginationText(data.metadata) updatePaginationUI(); updateFacets(facets); const mobileShowMore = document.querySelector('.leftanav__mobile__apply_filter__btn__block') const facetLength = data.metadata.facets?.filter(facet => facet?.values?.some(value => value.selected === true))?.length if (mobileShowMore && facetLength > 0) { const btnContent = document.querySelector('.leftanav__apply__filters__button'); if (btnContent && facetLength) { mobileShowMore.classList.remove('anav_mfe_hidden'); btnContent.innerHTML = `Show ${data.metadata.totalResults} Results` } } else { if (mobileShowMore && !mobileShowMore.classList.contains('anav_mfe_hidden')) { mobileShowMore.classList.add('anav_mfe_hidden') } } } catch (ex) { console.log('---getPageData Error---', ex); } }; function updatePaginationText(metadata) { const pageInfos = document.querySelectorAll('.opt-pagination .pageinfo'); pageInfos.forEach(pageInfo=>{ pageInfo.textContent = `1 to ${metadata?.currentResults} of ${metadata?.totalResults} Results`; }) } function removeAllEventListeners(element) { const clone = element.cloneNode(true); element.parentNode.replaceChild(clone, element); return clone; } const initDOMContentLoaded = async () => { startVAGuard(); updateVisibility(); const selectorsToRemoveEventListeners = [ '.dds__pagination__first-page', '.dds__pagination__prev-page', '.dds__pagination__next-page', '.dds__pagination__last-page', '.search-ux-pagination-current-page', '.sort-tab', '#sux_listview', '#search-ux-pagination-current-page', '.leftanav__grey__container', '.opt-mobile-filter', '.anav_filter_result_scroll' ]; selectorsToRemoveEventListeners.forEach(selector => { const element = document.querySelector(selector); if (element) { removeAllEventListeners(element); } }); registerGTMForAll(); HSS.initSearch(hssUrl); handleAccordion(); let isMetaOnly = true; await getPageData(isMetaOnly); const checkboxes = document.querySelectorAll('.dds__checkbox__input'); checkboxes.forEach(checkbox => { const clone = checkbox.cloneNode(true); checkbox.parentNode.replaceChild(clone, checkbox); }); const labels = document.querySelectorAll('.opt-label'); labels.forEach(label => { const clone = label.cloneNode(true); label.parentNode.replaceChild(clone, label); }); }; document.addEventListener('DOMContentLoaded', initDOMContentLoaded); document.addEventListener('pageContentLoaded', initDOMContentLoaded); function onClickMobileFilter() { const filterContainer = document.querySelector('.leftanav__option__container'); const resultContainer = document.querySelector('#psaas-shop-results-container'); const suxResultContainer = document.querySelector('.sux-result-container'); const footer = document.getElementById('footer'); const html = document.documentElement; const body = document.body; const pageInfoContainer = document.getElementById('opt-filter-container-1'); const header = document.getElementById('unified-masthead'); const isActive = filterContainer?.classList.toggle('mobile-active'); if (pageInfoContainer) { pageInfoContainer.classList.toggle('pageinfocontainer'); } if (resultContainer) { resultContainer.classList.toggle('hide'); } if (suxResultContainer) { suxResultContainer.classList.toggle('hide'); } if (footer) { footer.classList.toggle('hide'); } if (isActive) { html.classList.add('anavmfe__overflow__hidden'); body.classList.add('anavmfe__overflow__hidden'); body.classList.add('mobile-filter-open'); if (header) { header.style.setProperty('z-index', '0', 'important'); } } else { html.classList.remove('anavmfe__overflow__hidden'); body.classList.remove('anavmfe__overflow__hidden'); body.classList.remove('mobile-filter-open'); if (header) { header.style.removeProperty('z-index'); } window.scrollTo({ top: 0, behavior: 'smooth' }); } } function onClickHorizontalLayout() { const sux_listview = document.querySelector('#sux_listview'); const sux_gridview = document.querySelector('#sux_gridview'); toggleStyle("https://dell.optiversal.com/assets/optiversal_custom_horizontal_layout.css") if (!sux_listview.classList.contains('active')) { sux_listview.classList.add('active'); } sux_gridview.classList.remove('active'); const layoutSelector = document.querySelector('.opt-layout'); layoutSelector.classList.remove('no-div-lines-layout'); layoutSelector.classList.remove('dds-layout'); if (!layoutSelector.classList.contains('horizontal-layout')) { layoutSelector.classList.add('horizontal-layout'); } const state = store.get('state'); const { products, pageSize, pageNumber } = state; updateHorizontalProducts(products, pageSize, pageNumber, 'Product Click', '#ps-wrapper'); } function onClickGridLayout() { const sux_listview = document.querySelector('#sux_listview'); const sux_gridview = document.querySelector('#sux_gridview'); toggleStyle("https://dell.optiversal.com/assets/optiversal_custom_column_layout.css") sux_listview.classList.remove('active'); if (!sux_gridview.classList.contains('active')) { sux_gridview.classList.add('active'); } const layoutSelector = document.querySelector('.opt-layout'); if (!layoutSelector.classList.contains('no-div-lines-layout')) { layoutSelector.classList.add('no-div-lines-layout'); } if (!layoutSelector.classList.contains('dds-layout')) { layoutSelector.classList.add('dds-layout'); } layoutSelector.classList.remove('horizontal-layout'); const state = store.get('state'); const { products, pageSize, pageNumber } = state; updateProducts(products, pageSize, pageNumber, 'Product Click', '#ps-wrapper'); } function removeQueryString(url) { const questionMarkIndex = url.indexOf('?'); if (questionMarkIndex !== -1) { return url.substring(0, questionMarkIndex); } return url; }