Products
Pages
Documents
Videos
Products
View All >
<div class="algolia-analytics" data-promoted="${hit?._rankingInfo?.promoted}" data-insights-query-id="${hit.__queryID}" data-insights-object-id="${hit.objectID}" data-insights-position="${hit.__position}" data-cug="${hit?.meta?.cug}"><div class="bdb-product-hit" data-id="${hit.materialNumber}">
<div class="bdb-product-hit__image-container-all-tabs">
${hit.thumbnailImage ? html `<img class="bdb-product-hit__all-tab-image" src="${hit.thumbnailImage}"
width="84px" height="84px" alt="${hit.name ? hit.name : 'Product Image'}" />` : ``}
</div>
<div class="bdb-product-hit__info-container">
<div class="bdb-product-hit__title-row">
<a class="bdb-product-hit__name" href="${hit.pdpURL}">${hit.brand ? html `${hit.brand} ` : ''}${hit.name
?
html `${hit.name}`
: ''}</a>
</div>
<div class="bdb-product-hit__content">
<div class="bdb-product-hit__image-container">
${hit.thumbnailImage ? html `<img class="bdb-product-hit__image" src="${hit.thumbnailImage}"
width="84px" height="84px" alt="${hit.name ? hit.name : 'Product Image'}" />` : ``}
</div>
<div class="bdb-product-hit__details-container">
<div class="bdb-product-hit__details-info">
${hit.tdsCloneName ? html `
<p class="bdb-product-hit__clone">
<strong>Clone: </strong> ${hit.tdsCloneName}
</p>
` : ``} ${hit.regStatus ? html `
<p class="bdb-product-hit__status">
<strong>Status: </strong> ${hit.regStatus}
</p>
` : ''} ${hit.materialNumber ? html `
<p class="bdb-product-hit__material">
<strong>Cat No: </strong>
<span>${hit.materialNumber}</span>
</p>
` : ``}
<h2>${hit.isComparable}</h2>
${hit.isComparable ? html `<label
class="bdb-product-hit__checkbox-label ${hit.isCompareChecked ? 'selected' : ''}"><input
type="checkbox" class="bdb-product-hit__checkbox" /><span
class="bdb-product-hit__checkbox-labelText">Compare</span></label>` : ``}
</div>
<div class="bdb-product-hit__options-container">
${!hit.isContentSite ? html `<div
class="quantity-box input-group ${(hit.isSmartCartCountry || hit.listPrice) && !hit.showInquireLink ? '' : 'd-none'}">
<div class="input-group-prepend">
<button class="btn button-decrease" type="button">
<img src="/content/dam/bdb/general/algolia-icons/Minus.svg" />
</button>
</div>
<input type="number" class="form-control text-center" min="1" max="999" value="1"
id="quantity-box-${hit.materialNumber}" name="quantity-box-${hit.materialNumber}"
aria-label="Quantity" />
<div class="input-group-append">
<button class="btn button-increase" type="button">
<img src="/content/dam/bdb/general/algolia-icons/Add.svg" />
</button>
</div>
</div>` : '' }
${(!hit.variants || hit.variants.length <= 1) && hit.size ? html ` <p class="text-right">
<strong>Size: </strong>${hit.sizeQty}</p>
` : ``} ${hit.variants && hit.variants.length > 1 ? html `
<div class="dropdown size-selector-dropdown">
<button class="btn dropdown-toggle" type="button" id="size-dropdown-${hit.materialNumber}"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<p>
<strong>Size: </strong><span class="size-label">${hit.sizeQty}</span>
</p>
<img src="/content/dam/bdb/general/algolia-icons/down.svg" width="16px;" />
</button>
<div class="dropdown-menu" aria-labelledby="size-dropdown-${hit.materialNumber}">
${hit.variants.map(variant => html `<a
class="dropdown-item ${variant.isDefault ? 'selected' : ''}"
data-material="${variant.materialNumber}" data-pdp="${variant.pdpURL}"
data-thumbnail="${variant.thumbnailURL}">${variant.sizeQty}</a>`)}
</div>
</div>
` : ``}
</div>
</div>
</div>
</div>
${!hit.isContentSite ? html `
<div class="bdb-product-hit__pricing-container">
<div class="bdb-dot-pulse-loader d-none" role="status" aria-label="Loading content">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
</div>
<div class="${hit.showPricing ? '' : 'd-none'}">
<p class="your-price-container d-none">
<strong>Your Price: </strong><span class="your-price"></span>
</p>
<p class="list-price-container ${hit.listPrice ? '' : 'd-none'}">
<strong>List Price: </strong><span class="list-price">${hit.listPrice}</span>
</p>
</div>
<a href="${hit.productInquireUrl}" target="_blank" aria-label="Inquire"
class="btn bdb-product-hit__inquire-cta ${hit.showInquireLink ? '' : 'd-none'}" rel="noreferrer">
Inquire
</a>
<button
class="btn bdb-product-hit__cta ${(hit.isSmartCartCountry || hit.listPrice) && !hit.showInquireLink ? '' : 'd-none'}">
<img class="cta-icon"
src="${hit.isSmartCartCountry ? '/etc.clientlibs/bdb-aem/clientlibs/clientlib-base/resources/icons/add-to-quote.svg' : '/etc.clientlibs/bdb-aem/clientlibs/clientlib-base/resources/icons/shopping-cart.svg'}"
alt="${hit.isSmartCartCountry ? 'Add To Quote' : 'Add To Cart'}" />
<span>${hit.isSmartCartCountry ? 'Add to Quote' : 'Add to Cart'}</span>
</button>
<div
class="bdb-product-hit__save-list ${(hit.isSmartCartCountry || hit.listPrice) && !hit.showInquireLink ? '' : 'd-none'}">
<bd-save-to-shopping-list labels="saveToListLabels" config="saveToListConfig"
catalognumber="${hit.materialNumber}" productname="${hit.name}"
pdpurl="${hit.pdpURL}"></bd-save-to-shopping-list>
</div>
</div>
` : ''}
</div>
<div class="bdb-product-hit__anouncements">
<div
class="bdb-product-hit__announcement discontinued-anouncement ${hit.showDiscontinuedAnnouncement ? '' : 'd-none'}">
<img src="/etc.clientlibs/bdb-aem/clientlibs/clientlib-base/resources/icons/info-2.svg" alt="Info Icon" />
<div class="bdb-product-hit__announcement-info">
<p>${hit.discontinuedMessage}</p>
</div>
</div>
${hit.productAnnouncements && hit.productAnnouncements.length > 0 ?
hit.productAnnouncements.map(announcement => html `
<div class="bdb-product-hit__announcement">
<img src="/etc.clientlibs/bdb-aem/clientlibs/clientlib-base/resources/icons/info-2.svg" alt="Info Icon" />
<div class="bdb-product-hit__announcement-info">
<p>${html([announcement.paDescription])}</p>
${announcement.moreInformationLabel ? html `<a href="${announcement.moreInfoLink}" target="_blank"
rel="noopener noreferrer">${announcement.moreInformationLabel}</a>` : ``}
</div>
</div>
`) : ``}
</div></div>
<h2>No Results!!!!</h2>
Pages
View All >
<div class="algolia-analytics" data-promoted="${hit?._rankingInfo?.promoted}" data-insights-query-id="${hit.__queryID}" data-insights-object-id="${hit.objectID}" data-insights-position="${hit.__position}" data-cug="${hit?.meta?.cug}"><div class="d-flex flex-column bdb-hit">
${hit.pageType ? html `<p class="bdb-hit__section-title">${hit.pageType}</p>` : ''}
<div class="d-flex flex-column gap-2">
<div class="d-flex flex-row bdb-hit__title-row">
<img src="/content/dam/bdb/general/algolia-icons/Pages.svg"/>
<a class="bdb-hit__title" href="${hit.path}" target="_blank">${hit.title}</a>
</div>
${hit?.meta?.jcr_description ? html `<p>${hit.meta.jcr_description}</p>` : ''}
</div>
${hit.path ? html `<div class="url-container"><a href="${hit.path}" target="_blank">${hit.path}</a></div>` : ''}
</div></div>
<h2>No Results!!!!</h2>
Documents
View All >
<div class="algolia-analytics" data-promoted="${hit?._rankingInfo?.promoted}" data-insights-query-id="${hit.__queryID}" data-insights-object-id="${hit.objectID}" data-insights-position="${hit.__position}" data-cug="${hit?.meta?.cug}"><div class="d-flex flex-column bdb-hit">
${hit.pdfDocType ? html `<p class="bdb-hit__section-title">${hit.pdfDocType }</p>` : ''}
<div class="d-flex flex-column gap-2">
<div class="d-flex flex-row bdb-hit__title-row">
<img src="/content/dam/bdb/general/algolia-icons/Documents.svg"/>
<a class="bdb-hit__title" href="${hit.path}" target="_blank">${html([hit.dc_title])}</a>
</div>
${hit.dc_description ? html `<p>${hit.dc_description}</p>` : ''}
</div>
${hit.path ? html `<div class="url-container"><a href="${hit.path}" target="_blank">${hit.path}</a></div>` : ''}
</div></div>
<h2>No Results!!!!</h2>
Videos
View All >
<div class="algolia-analytics" data-promoted="${hit?._rankingInfo?.promoted}" data-insights-query-id="${hit.__queryID}" data-insights-object-id="${hit.objectID}" data-insights-position="${hit.__position}" data-cug="${hit?.meta?.cug}"><div class="bdb-video-hit">
${hit.videoType ? html `<p class="bdb-video-hit__section-title">${hit.videoType.join(' | ')}</p>` : ''}
<div class="bdb-video-hit__title-row">
${hit.videoThumbnail ? html`<a data-videoId="${hit.brc_id}" data-toggle="modal" data-target="#bdb-play-video-modal"><img class="bdb-video-hit__thumbnail" src="${hit.videoThumbnail}"/></a>` : ''}
<div class="d-flex flex-column bdb-video-hit__content">
${hit.dc_title ? html`<a class="bdb-video-hit__title" data-videoId="${hit.brc_id}" data-toggle="modal" data-target="#bdb-play-video-modal">${hit.dc_title}</a>` : ''}
${hit.dc_description ? html`<p class="bdb-video-hit__desc">${hit.dc_description}</p>` : ''}
</div>
</div>
</div></div>
<h2>No Results!!!!</h2>
<div class="bdb-instant-search__no-results">
<img src="/content/dam/bdb/general/algolia-icons/not-found.svg" alt="No Search Results Icon" />
<div class="verbose-container bd-rte">
<div class="mb-4 verbose-header">
<h2 class="heading">Sorry, no result found</h2>
<p class="sub-heading"></p>
</div>
<p class="mb-2">
Try a new search or use our
<a title="Custom Solutions" href="solutions/custom-solutions.html" target="_self" rel="noopener noreferrer">
custom solutions
</a>.
Here are a few additional search tips…
</p>
<ul>
<li>Check the spelling of your query</li>
<li>Try searching for one or two keywords</li>
<li>Be less specific in your wording for a wider search result</li>
</ul>
<button class="btn bdb-modify-search__cta">Modify Search</button>
</div>
</div>
