// version 1.12 function getAcLocale(currencyCode) { let locale switch (currencyCode.toLowerCase()) { case 'eur': locale = 'de-DE' break case 'gbp': locale = 'en-GB' break case 'afn': locale = 'af-AF' break case 'usd': default: locale = 'en-US' break } return locale } function formatAcPrice(priceList, currencyCode) { let price if (currencyCode in priceList) { price = priceList[currencyCode] } else { price = Object.values(priceList)[0] } return new Intl.NumberFormat(getAcLocale(currencyCode), { style: 'currency', currency: currencyCode, }).format(price) } function formatAcPriceRangePrice(value, compare, locale, currencyCode) { let price if (value === 0 && compare === 0) { return null } else if (value === 0 && compare > 0) { price = compare } else { price = value } return new Intl.NumberFormat(locale, { style: 'currency', currency: currencyCode, }).format(price) } function formatAcPriceRange(products, currencyCode, priceIndexField) { let min = 0 let max = 0 for (const key in products) { const currencyValue = (products[key][priceIndexField] && products[key][priceIndexField][currencyCode]) || 0 if (min === 0 || currencyValue < min) { min = currencyValue } if (max === 0 || currencyValue > max) { max = currencyValue } } const locale = getAcLocale(currencyCode) return { min: formatAcPriceRangePrice(min, max, locale, currencyCode), max: formatAcPriceRangePrice(max, min, locale, currencyCode), } } const autocompleteFilters = [`is_visible=1`] if (!algoliaAutocompleteConfig.showOutOfStockItems) { autocompleteFilters.push('in_stock>0') } async function getUserTokenAsync() { return new Promise((resolve, reject) => { aa('getUserToken', {}, (err, userToken) => { if (err) { reject(err) } else { resolve(userToken) } }) }) } function createAcHitTemplateHtml(item, html, insights) { let addToCartParam let price let salesPrice if (algoliaAutocompleteConfig.recordType === 'variant') { addToCartParam = `sku=${item.sku}` price = formatAcPrice( item.prices, algoliaAutocompleteConfig.currentCurrencyCode ) salesPrice = formatAcPrice( item.sales_prices, algoliaAutocompleteConfig.currentCurrencyCode ) } else if (algoliaAutocompleteConfig.recordType === 'product') { addToCartParam = `product_id=${item.objectID}` const priceRange = formatAcPriceRange( item.variants, algoliaAutocompleteConfig.currentCurrencyCode, 'prices' ) const salesRange = formatAcPriceRange( item.variants, algoliaAutocompleteConfig.currentCurrencyCode, 'sales_prices' ) if (priceRange.min === null && priceRange.max === null) { price = `View For Pricing` } else if (priceRange.min !== priceRange.max) { price = `${priceRange.min} - ${priceRange.max}` } else { price = priceRange.min } if (salesRange.min !== salesRange.max) { salesPrice = `${salesRange.min} - ${salesRange.max}` } else { salesPrice = salesRange.min } } let pricingHtml = html`

${price}

` if (salesPrice && salesPrice > 0) { pricingHtml = html`

${price} ${salesPrice}

` } return html`

${item.name}

${pricingHtml}

` } const autocompleteOptions = { debug: algoliaAutocompleteConfig.debug_mode, insights: algoliaAutocompleteConfig.isInsightsEnabled, onSubmit({ state }) { const encodedQuery = encodeURIComponent(state.query) if (algoliaAutocompleteConfig.isInstantSearchEnabled) { window.location.href = `${algoliaAutocompleteConfig.instantSearchUrl}?search_query=${encodedQuery}` } else { window.location.href = `/search.php?search_query=${encodedQuery}` } }, getSources() { return [ { sourceId: 'querySuggestions', getItemInputValue: ({ item }) => item.query, async getItems({ query }) { let algoliaUserToken try { algoliaUserToken = await getUserTokenAsync() } catch (e) {} return getAlgoliaResults({ searchClient: autocompleteClient, queries: [ { indexName: algoliaAutocompleteConfig.indexName, query, distinct: algoliaAutocompleteConfig.isDistinct, params: { hitsPerPage: algoliaAutocompleteConfig.hitsPerPage, filters: autocompleteFilters.join(' AND '), }, userToken: algoliaUserToken, }, ], }) }, templates: { header({ html }) { return html` Products

` }, item({ item, html, state }) { const insights = typeof state.context.algoliaInsightsPlugin !== "undefined" && typeof state.context.algoliaInsightsPlugin.insights !== "undefined" ? state.context.algoliaInsightsPlugin.insights : false; let templateHtml = createAcHitTemplateHtml(item, html, insights) templateHtml = algoliaAutocompleteConfig.hooks.triggerHooks( 'autocompleteResultTemplate', templateHtml, html, item, insights, ); return templateHtml }, footer({ state, html }) { if (algoliaAutocompleteConfig.isInstantSearchEnabled) { return html` Show all products ` } }, noResults({ html }) { return html`

No results found

` }, }, }, ] }, } const { autocomplete, getAlgoliaResults } = window['@algolia/autocomplete-js'] const { liteClient } = window['algoliasearch/lite'] const autocompleteClient = liteClient( algoliaAutocompleteConfig.appId, algoliaAutocompleteConfig.publicApiKey ) autocompleteClient.addAlgoliaAgent('BigCommerce Integration') let container if ( algoliaAutocompleteConfig.algolia_search_css_selector_mobile !== '' && algoliaAutocompleteConfig.mobile_screen_size > 0 && screen.width <= algoliaAutocompleteConfig.mobile_screen_size ) { // mobile container = document.querySelector(algoliaAutocompleteConfig.algolia_search_css_selector_mobile) } else { // desktop container = document.querySelector(algoliaAutocompleteConfig.algolia_search_css_selector) } container.innerHTML = '' const containerClasses = container.classList containerClasses.add('aa-MainContainer') const autocompleteInitOptions = algoliaAutocompleteConfig.hooks.triggerHooks( 'autocompleteInitOptions', autocompleteOptions ); autocomplete({ container, ...autocompleteInitOptions, }) // XCAL custom: autofocus the search input when quick search opens (desktop + mobile) (function () { var ids = ['quickSearch', 'quickSearchMobile']; var els = ids.map(function (id) { return document.getElementById(id); }).filter(Boolean); if (!els.length) return; function focusInputIfOpen(el) { if (!el.classList.contains('is-open')) return; var input = el.querySelector('.aa-Input'); if (input) { setTimeout(function () { input.focus(); }, 50); } } els.forEach(function (el) { new MutationObserver(function () { focusInputIfOpen(el); }).observe(el, { attributes: true, attributeFilter: ['class'] }); }); })(); // XCAL custom: prevent iOS/WebKit from taking over the search input's native chrome (function () { var ids = ['quickSearch', 'quickSearchMobile']; var els = ids.map(function (id) { return document.getElementById(id); }).filter(Boolean); if (!els.length) return; function hardenInput(input) { if (!input) return; if (input.getAttribute('type') !== 'text') { input.setAttribute('type', 'text'); } input.setAttribute('autocomplete', 'off'); input.setAttribute('autocorrect', 'off'); input.setAttribute('autocapitalize', 'off'); input.setAttribute('spellcheck', 'false'); input.removeAttribute('results'); } function watchInput(el) { var input = el.querySelector('.aa-Input'); if (!input) return; hardenInput(input); // Re-apply the instant Preact writes "search" back, e.g. on every keystroke re-render new MutationObserver(function () { hardenInput(input); }).observe(input, { attributes: true, attributeFilter: ['type'] }); } // Focus the Algolia input the instant the desktop search trigger is clicked var quickSearchTrigger = document.querySelector('[data-search="quickSearch"]'); if (quickSearchTrigger) { // Browsers focus a clicked at mousedown time, before the click // event even fires — preventing default here stops that early steal. quickSearchTrigger.addEventListener('mousedown', function (event) { event.preventDefault(); }); quickSearchTrigger.addEventListener('click', function (event) { event.preventDefault(); // Defer to a microtask so the theme's own click handler (which adds // "is-open" and makes the panel visible) has already run first — // focusing a still-hidden input is a silent no-op in every browser. Promise.resolve().then(function () { var input = document.querySelector('#quickSearch .aa-Input'); if (input) input.focus(); }); }); } els.forEach(function (el) { watchInput(el); // Input node itself can get replaced on re-render; re-attach the watcher if so new MutationObserver(function () { watchInput(el); }).observe(el, { childList: true, subtree: true }); }); })();

CVA OPTIMA XP 50CAL 26 BLK

CVA

Related Products

CVA OPTIMA XP 50CAL 26 BLK KONUS PRO

CVA OPTIMA XP SB 50CAL 18 BLK

CVA OPTIMA 50CAL BLK 26 SS FLUTED WFOS

CVA OPTIMA 50CAL BLK 26 SS FLUTED RAIL

CVA OPTIMA 50CAL BLK 26 SS FLUTED SCOPE PKG