/* version 1.20 */ function toggleAccordion(event) { // Get the button that was clicked const button = event.currentTarget; // Get the content div that follows the button const content = button.parentElement.parentElement.parentElement.parentElement.nextElementSibling; // Toggle visibility const isVisible = content.style.display === 'block'; content.style.display = isVisible ? 'none' : 'block'; button.innerHTML = ''; // Clear text // Update button text //button.textContent = isVisible ? '+' : '-'; button.innerHTML = isVisible ? '+' : '-'; } // Utility function for currency formatting function toCurrencyString(amount, prefix = 'MXN $', suffix = '') { var _localeBug = new RegExp((1).toLocaleString().replace(/^1/, '').replace(/\./, '\\.') + "$"); return prefix + (~~amount).toLocaleString().replace(_localeBug, '') + (amount % 1).toFixed(2).toLocaleString().replace(/^[+-]?0+/, '') + suffix; } ; (async () => { function renderFilterToggleButton() { const filterHeader = document.createElement('div') filterHeader.classList.add('filter-header') filterHeader.innerHTML = ` Filtrar Resultados` const filters = document.getElementById('dynamic-widgets') filters.prepend(filterHeader) filterHeader.addEventListener("click", function () { // this.classList.toggle("active"); const content = this.nextElementSibling; if (content.style["height"] === "0" || content.style["height"] === "0px") { content.style["height"] = "auto"; } else { content.style["height"] = "0"; } }) } renderFilterToggleButton() async function fetchCategoryById() { const query = `query categoryById($categoryId: Int!) { site { category(entityId: $categoryId) { metafields( namespace: "algolia_bigcommerce" keys: ["instantsearch_category_facets"] ) { edges { node { key value } } } } } }` try { const bodyRequest = JSON.stringify({ query: query, variables: { categoryId: parseInt(category_id) }, }) const response = await fetch('/graphql', { method: 'POST', headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${storefront_token}`, }, body: bodyRequest, }) const jsonResponse = await response.json() const edgeValue = jsonResponse.data.site.category.metafields.edges[0]?.node.value return edgeValue } catch (error) { console.error('Unable to fetch category metafields for InstantSearch facets', error) } } async function fetchParentCategoryBreadcrumbs() { if (typeof category_id === 'undefined' || category_id === '') { return [] } const query = `query { site { category(entityId: ${category_id}) { id name description breadcrumbs(depth: 8) { edges { node { ... on Breadcrumb { name path } } } } } } }` try { const response = await fetch('/graphql', { method: 'POST', headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${storefront_token}`, }, body: JSON.stringify({ query: query, }), }) if (response.status !== 200) { return [] } const jsonResponse = await response.json() return jsonResponse.data.site.category.breadcrumbs.edges ?? [] } catch (error) { console.error('Unable to fetch category metafields for InstantSearch facets', error) return [] } } function getIsLocale(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 formatIsPrice(priceList, currencyCode) { let price if (currencyCode in priceList) { price = priceList[currencyCode] } else { price = Object.values(priceList)[0] } return new Intl.NumberFormat(getIsLocale(currencyCode), { style: 'currency', currency: currencyCode, }).format(price) } function formatIsPriceRangePrice(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 formatIsPriceRange(products, currencyCode) { let min = 0 let max = 0 for (const key in products) { const currencyValue = (products[key].prices && products[key].prices[currencyCode]) || 0 if (min === 0 || currencyValue < min) { min = currencyValue } if (max === 0 || currencyValue > max) { max = currencyValue } } const locale = getIsLocale(currencyCode) return { min: formatIsPriceRangePrice(min, max, locale, currencyCode), max: formatIsPriceRangePrice(max, min, locale, currencyCode), } } function updatePriceInTemplate(priceData, productId) { const { price, customFields } = priceData; // Destructure price from priceData const priceElement = document.querySelector(`[data-bcprice-auto="${productId}"]`); const invElement = document.querySelector(`[data-bcInv-cat="${productId}"]`); if (priceElement) { priceElement.childNodes[0].textContent = ''; priceElement.childNodes[0].textContent = toCurrencyString(price); } let totalStock = 0; let totalReserved = 0; let unit = ''; if (customFields && customFields.length > 0) { customFields.forEach(field => { const locationKey = field.node.name; // Example: "CDMX-Inventory" const inventoryData = field.node.value; // Example: "0011JS6-16-48:8" if (locationKey.includes("OUM_Sell")) { unit = inventoryData; } // 1. Calculate Inventory if (locationKey.includes("CDMX-Inventory") || locationKey.includes("MONTERREY-Inventory") || locationKey.includes("GUADALAJARA-Inventory")) { try { const newInvdata = JSON.parse(field.node.value); // Parse the inventory data if (newInvdata && typeof newInvdata === 'object') { // Calculate the quantity with fallback handling for missing or malformed data const quantity = newInvdata.length !== 0 ? newInvdata.length * newInvdata.inventory : newInvdata.inventory; totalStock += quantity; } else { console.warn(`Invalid inventory data format for location: ${locationKey}`, field.node.value); } } catch (error) { console.error(`Error parsing inventory data for location: ${locationKey} - ${field.node.value}`, error); } } // 2. Process Reserved Inventory if (locationKey.toLowerCase().includes("reserved")) { try { const parsedData = JSON.parse(inventoryData); if (parsedData && typeof parsedData === 'object' && parsedData.reserved !== undefined) { totalReserved += (parseInt(parsedData.reserved, 10) || 0); } } catch (error) { console.error(`Error parsing reserved JSON for location: ${locationKey} - ${inventoryData}`, error); } } }); } // Subtract reserved inventory from total stock let netAvailable = totalStock - totalReserved; if (netAvailable < 0) netAvailable = 0; let totalCount = Math.round(netAvailable); if (invElement) { let inventoryUnitValue = totalCount !== 0 ? `${totalCount} ${unit?.toLowerCase() || ''} Disponible` : 'No Disponible'; invElement.innerHTML = inventoryUnitValue; } } async function fetchCustomerGroupPrices(productIds,products) { try { const response = await fetch('/graphql', { method: 'POST', credentials: 'include', headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOlsxXSwiY29ycyI6WyJodHRwczovL2IyYi5qYXNvbm1leGljby5jb20iXSwiZWF0IjoxNzkyOTA5NjA1LCJpYXQiOjE3OTI3MzY4MDUsImlzcyI6IkJDIiwic2lkIjoxMDAyOTY0Nzc5LCJzdWIiOiJCQyIsInN1Yl90eXBlIjowLCJ0b2tlbl90eXBlIjoxfQ.OPGltOkf0i0d5qe4PGnrum2rtz6t8dGCVwGVx0nFrdNN6pKDNAQ7PM6pAEEmhpzvS-ueE5zOXiFrCTnZYxboIg' }, body: JSON.stringify({ query: ` query GetProductPrice($productIds: [Int!]!) { site { products(entityIds: $productIds,first:30) { edges { node { entityId sku prices { price { value currencyCode } } customFields { edges { node{ name value } } } variants { edges { node { prices { price { value } } sku } } } } } } } } `, variables: { productIds } }) }); if (!response.ok) { throw new Error(`Network response was not ok: ${response.statusText}`); } const data = await response.json(); if (data.errors) { throw new Error(`GraphQL errors: ${JSON.stringify(data.errors)}`); } // Map the response to extract prices and product IDs const prices = data?.data?.site?.products?.edges?.map(edge => { let isVariant = false; if (edge?.node?.variants?.edges.length > 0) { isVariant = true; if(edge?.node?.variants?.edges.length === 1){ let variantSKU= edge?.node?.variants?.edges[0]?.node?.sku; let parentSKU=edge?.node?.sku; if(parentSKU === variantSKU){ isVariant=false; //console.log('isVariant',isVariant) } } } let price = 0; if (isVariant) { const totalVariantPrice = edge?.node?.variants?.edges[0]?.node?.prices?.price?.value; const sku = edge?.node?.variants?.edges[0]?.node?.sku; const variant = sku.split('-').pop(); if(isNaN(variant)){ let productAlgolia= products.find(product=> product?.sku === edge?.node?.sku); price = productAlgolia?.default_price; } else { price = totalVariantPrice / variant; //console.log('divide Insta'); } } else { price = edge?.node?.variants?.edges[0]?.node?.prices?.price?.value; //console.log('price else',price); } // const price = edge?.node?.prices?.price?.value; const customFields = edge?.node?.customFields?.edges; const productId = edge?.node?.entityId; // console.log('pid and price: ',{productId, price }); return { price, customFields, productId }; // return price }); return prices; //return prices?.[0]; } catch (error) { console.error('Error fetching product price:', error); return null; } } let categoryFacetsGlobal = [] console.log('algoliaCategoryConfig', algoliaCategoryConfig) const isCategoryPage = typeof page_type !== 'undefined' && page_type == 'category' && category_id !== '' && !algoliaCategoryConfig.category_ids.includes(category_id) // && // algoliaCategoryConfig.category_ids[category_id].isEnabled const parentBreadCrumbs = await fetchParentCategoryBreadcrumbs() const instantsearchClient = algoliasearch( algoliaInstantsearchConfig.appId, algoliaInstantsearchConfig.publicApiKey ) instantsearchClient.initIndex(algoliaInstantsearchConfig.indexName) instantsearchClient.addAlgoliaAgent('BigCommerce Integration') const initInstantsearch = { indexName: algoliaInstantsearchConfig.indexName, searchClient: instantsearchClient, queryParameter: 'search_query', routing: true, searchFunction: function (helper) { const params = new URLSearchParams(window.location.search) const searchBoxValue = document.querySelector( '.ais-right-panel .ais-SearchBox .ais-SearchBox-input' ).value const queryParamValue = params.get('search_query') const page = helper.getPage() if (searchBoxValue && queryParamValue !== searchBoxValue) { helper.setQuery(searchBoxValue).setPage(page).search() } else if (queryParamValue && queryParamValue !== searchBoxValue) { helper.setQuery(queryParamValue).setPage(page).search() } else { helper.setQuery(searchBoxValue).setPage(page).search() } }, insights: algoliaInstantsearchConfig.isInsightsEnabled ? true : false, initialUiState: {}, } const doesCategoryFacetExist = function () { if (!isCategoryPage) { return false } const facets = categoryFacetsGlobal.length !== 0 ? categoryFacetsGlobal : algoliaInstantsearchConfig.facets for (const facet of facets) { if (facet.type === 'hierarchical_menu') { return true } } return false } const shouldWeUpdateUiState = async function () { if (!doesCategoryFacetExist()) { return } let crumbs = [] for (const breadcrumb of parentBreadCrumbs) { crumbs.push(breadcrumb.node.name) } initInstantsearch.initialUiState = { [algoliaInstantsearchConfig.indexName]: { hierarchicalMenu: { 'categories.lvl0': crumbs, }, }, } } const findObjectByLabel = (data, labelToFind) => { for (const item of data) { if (item.label === labelToFind) { return item } if (item.data && Array.isArray(item.data)) { const result = findObjectByLabel(item.data, labelToFind) if (result) { return result } } } return null } let search const { refinementList, rangeSlider, rangeInput, hierarchicalMenu, panel, clearRefinements } = instantsearch.widgets const { connectDynamicWidgets, connectCurrentRefinements } = instantsearch.connectors const hasFacetValues = function (resultState, facetName) { const isFacetValueAvailable = resultState.facets.some(function (facet) { return facet.name === facetName }) const isDisjunctiveFacetValueAvailable = resultState.disjunctiveFacets.some(function ( facet ) { return facet.name === facetName }) const isHierarchicalFacetValueAvailable = resultState.hierarchicalFacets.some(function ( facet ) { return facet.name === facetName }) return ( isFacetValueAvailable || isDisjunctiveFacetValueAvailable || isHierarchicalFacetValueAvailable ) } const widgets = [] const secondaryWidgets = [] async function createWidgetForFacet(facet) { const crumbs = [] let parentCrumbs = [] if (isCategoryPage) { parentCrumbs = parentBreadCrumbs } for (const crumb of parentCrumbs) { crumbs.push(crumb.node.name) } switch (facet.type) { case 'slider': const sliderPanel = panel({ hidden(options) { return !hasFacetValues(options.results, facet.attribute) }, templates: { header(options, { html }) { if (options.results) { const buttonText = facet.title === 'InStock' ? '-' : '+'; return html`` } }, }, container: document.createElement('div'), })(rangeSlider) widgets[facet.attribute] = { widget: (container) => sliderPanel({ attribute: facet.attribute, container }), container: document.createElement('div'), } break case 'input': const inputPanel = panel({ hidden(options) { return !hasFacetValues(options.results, facet.attribute) }, templates: { header(options, { html }) { if (options.results) { return html`` } }, }, container: document.createElement('div'), })(rangeInput) widgets[facet.attribute] = { widget: (container) => inputPanel({ attribute: facet.attribute, container, }), container: document.createElement('div'), } break case 'slider_range_combo': const sliderComboPanel = panel({ hidden(options) { return !hasFacetValues(options.results, facet.attribute) }, templates: { header(options, { html }) { if (options.results) { return html`` } }, }, container: document.createElement('div'), })(rangeSlider) widgets[facet.attribute] = { widget: (container) => sliderComboPanel({ attribute: facet.attribute, container }), container: document.createElement('div'), } secondaryWidgets[facet.attribute] = { widget: (container) => rangeInput({ attribute: facet.attribute, container, }), container: document.createElement('div'), } break case 'disjunctive': case 'conjunctive': const containerDiv = document.createElement('div'); // console.log(facet.title == 'InStock', 'ft'); if (facet.title == 'InStock') { containerDiv.classList.add('in-stock-class'); // Dynamically add class } const listPanel = panel({ hidden(options) { return !hasFacetValues(options.results, facet.attribute) }, templates: { header(options, { html }) { if (options.results) { const buttonText = facet.title === 'InStock' ? '-' : '+'; return html`` } }, }, container: containerDiv, })(refinementList) widgets[facet.attribute] = { widget: (container) => listPanel({ attribute: facet.attribute, container: container, operator: facet.type === 'disjunctive' ? 'or' : 'and', searchable: facet.searchable ?? false, limit: algoliaInstantsearchConfig.facetOptionLimit, }), container: containerDiv, } break case 'hierarchical_menu': const containerDivCat = document.createElement('div'); containerDivCat.classList.add('my-custom-class'); const hierarchicalMenuPanel = panel({ templates: { header(options) { if (options.results) { return `` } }, }, hidden({ items }) { return items.length === 0 }, container: containerDivCat, })(hierarchicalMenu) widgets[facet.attribute] = { widget: (container) => hierarchicalMenuPanel({ container, attributes: [ 'categories.lvl0', 'categories.lvl1', 'categories.lvl2', 'categories.lvl3', 'categories.lvl4', 'categories.lvl5', 'categories.lvl6', 'categories.lvl7', ], separator: ' > ', rootPath: crumbs.join(' > '), }), container: (() => { const div = document.createElement('div'); div.classList.add('my-custom-class'); // Add your class here return div; })(), } break } } async function loadDefaultFacets() { for (const facet of algoliaInstantsearchConfig.facets) { await createWidgetForFacet(facet) } } async function loadCategoryFacets() { const categoryFacets = await fetchCategoryById() if (categoryFacets) { categoryFacetsGlobal = JSON.parse(categoryFacets) } if (categoryFacetsGlobal.length === 0) { await loadDefaultFacets() return } for (const facet of categoryFacetsGlobal) { await createWidgetForFacet(facet) } } async function shouldWeLoadFacets() { if (isCategoryPage) { await loadCategoryFacets() } else { await loadDefaultFacets() } } const renderDynamicWidgets = (renderOptions, isFirstRender) => { let { attributesToRender, widgetParams } = renderOptions if (isFirstRender) { const ul = document.createElement('ul') ul.classList.add('ais-FacetList') widgetParams.container.appendChild(ul) } const ul = widgetParams.container.querySelector('ul') ul.innerHTML = '' if (isCategoryPage && categoryFacetsGlobal.length !== 0 && ul.style.display === 'block' ) { attributesToRender = categoryFacetsGlobal.map((facet) => facet.attribute) } //console.log('attributesToRender', attributesToRender, widgets) attributesToRender.forEach((attribute) => { if (!widgets[attribute]) { return } const facetContainer = widgets[attribute].container // console.log('facetContainer', facetContainer) ul.appendChild(facetContainer) }) } const customDynamicWidgets = connectDynamicWidgets(renderDynamicWidgets) const renderSecondaryWidgets = (renderOptions) => { const { attributesToRender } = renderOptions attributesToRender.forEach((attribute) => { if (!secondaryWidgets[attribute]) { return } const container = widgets[attribute].container.querySelector( '.ais-Panel .ais-Panel-body' ) if (!container) { return } const facetContainer = secondaryWidgets[attribute].container container.appendChild(facetContainer) }) } const customSecondaryWidgets = connectDynamicWidgets(renderSecondaryWidgets) const createDataAttribtues = (refinement) => Object.keys(refinement) .map((key) => `data-${key}="${refinement[key]}"`) .join(' ') const getFacetName = (label) => { let facet if (isCategoryPage && categoryFacetsGlobal.length !== 0) { facet = categoryFacetsGlobal.find((categoryFacet) => { return label.includes(categoryFacet.attribute) }) } else { facet = algoliaInstantsearchConfig.facets.find((configFacet) => { if ( configFacet.attribute === 'categories' && label.split('.')[0] === 'categories' ) { return true } if (configFacet.attribute === label) { return true } return false }) } return facet ? facet.title : '' } const renderListItem = (item) => ` ${item.refinements .map( (refinement) => `

${getFacetName( item.label )}: ${refinement.label }

` ) .join('')} ` const renderCurrentRefinements = (renderOptions) => { const { items, refine, widgetParams } = renderOptions widgetParams.container.innerHTML = `

${items.map(renderListItem).join('')} ` ;[...widgetParams.container.querySelectorAll('button')].forEach((element) => { element.addEventListener('click', (event) => { const item = Object.keys(event.currentTarget.dataset).reduce( (acc, key) => ({ ...acc, [key]: event.currentTarget.dataset[key], }), {} ) refine(item) }) }) } const customCurrentRefinements = connectCurrentRefinements(renderCurrentRefinements) let instantsearchFilters = [`is_visible=1`] if (!algoliaInstantsearchConfig.showOutOfStockItems) { instantsearchFilters.push('in_stock>0') } if (typeof page_type !== 'undefined' && page_type === 'category') { instantsearchFilters.push( `category_ids:"${category_id}"` ) } function addInstantsearchWidgets() { search.addWidgets([ instantsearch.widgets.searchBox({ container: '#searchbox', placeholder: 'Search...', searchAsYouType: true, }), instantsearch.widgets.infiniteHits({ container: '#infinite-hits', transformItems(items) { //console.log('tr',items); const actualhits = items; const objectIDs = actualhits.map(hit => parseInt(hit.objectID, 10)); fetchCustomerGroupPrices(objectIDs,items) .then((prices) => { //console.log('prices',prices); prices.forEach((bcData) => { if (bcData) { //console.log('bcData',bcData); const { price = "No Price Data", customFields = {}, productId } = bcData; updatePriceInTemplate({ price, customFields }, productId); } else { //console.log('else bcdata',bcData); updatePriceInTemplate({ price: " ", customFields: {} }, productId); } }); }) .catch((error) => { console.error("Error fetching customer group prices:", error); }); return items; }, templates: { item(hit, { html, sendEvent }) { //console.log('hit',hit); let productId = parseInt(hit.objectID, 10); let priceString = 'Fetching price...'; // Initial placeholder for price let productImageUrl = hit.image_url || (hit.product_images && hit.product_images.length > 0 ? hit.product_images[0].url_thumbnail : "https://cdn11.bigcommerce.com/s-j90qjpdktj/images/stencil/original/image-manager/coming-soon1.jpg"); // let addToCartParam let price if (algoliaInstantsearchConfig.recordType === 'variant') { // addToCartParam = `sku=${hit.sku}` price = formatIsPrice( hit.prices, algoliaInstantsearchConfig.currentCurrencyCode ) } else if (algoliaInstantsearchConfig.recordType === 'product') { // addToCartParam = `product_id=${hit.objectID}` const priceRange = formatIsPriceRange( hit.variants, algoliaInstantsearchConfig.currentCurrencyCode ) 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 (price.includes("MX$")) { price = price.replace("MX$", "").trim(); } //let inventory = hit.inventory !== 0 ? `${hit.inventory} ${hit?.metafields?.["Misc Data"]?.OUM_Buy ? hit?.metafields?.["Misc Data"]?.OUM_Buy.toLowerCase() : ''} Disponible` : 'No Disponible'; let inventory = ''; //const inventory = hit && hit.inventory ? `${hit.inventory} pz Disponible` : 'No Disponible' let templateHtml = html`

Comparar Agregar al carrito Se agregó el artículo

${hit.brand_name}

${hit.sku}

${hit.name}

${priceString} (más I.V.A.)

${inventory}

`; templateHtml = algoliaInstantsearchConfig.hooks.triggerHooks( 'instantSearchResultTemplate', templateHtml, html, hit, sendEvent, ); return templateHtml }, }, }), customDynamicWidgets({ container: document.querySelector('#dynamic-widgets'), widgets: Object.values(widgets).map(({ widget, container }) => { return widget(container) }), }), instantsearch.widgets.stats({ container: '#stats', templates: { text: function (data) { if (data.nbHits > 0) { return ( data.nbHits + ' results found in ' + data.processingTimeMS + ' ms' ) } }, }, }), customDynamicWidgets({ container: document.querySelector('#dynamic-widgets'), widgets: Object.values(widgets).map(({ widget, container }) => widget(container)), }), customCurrentRefinements({ container: document.querySelector('#current-refinements'), }), clearRefinements({ container: '#clear-refinements', templates: { resetLabel: 'Clear All', }, }), customSecondaryWidgets({ container: document.createElement('div'), widgets: Object.values(secondaryWidgets).map(({ widget, container }) => widget(container) ), }), instantsearch.widgets.configure({ hitsPerPage: algoliaInstantsearchConfig.hitsPerPage, distinct: algoliaInstantsearchConfig.isDistinct, filters: instantsearchFilters.join(' AND '), facetingAfterDistinct: algoliaInstantsearchConfig.isDistinct ? true : false, }), ]) if (algoliaInstantsearchConfig.sortOrders.length > 1) { search.addWidgets([ instantsearch.widgets.sortBy({ container: '.ais-sort-orders-container', items: algoliaInstantsearchConfig.sortOrders, }), ]) } } function attachInstantSearchDOMEvents() { document.querySelector('.ais-SearchBox-reset').addEventListener('click', () => { document.querySelector('.ais-right-panel .ais-SearchBox .ais-SearchBox-input').value = '' }) } await shouldWeLoadFacets() await shouldWeUpdateUiState() const instantSearchInitOptions = algoliaInstantsearchConfig.hooks.triggerHooks( 'instantSearchInitOptions', initInstantsearch ); search = instantsearch(instantSearchInitOptions) addInstantsearchWidgets() search.start() let rendered = false search.on('render', function () { if (!rendered) { const accordionButtons = document.querySelectorAll('.accordion-button'); //console.log('accord',accordionButtons) // Iterate through each button and modify its text content accordionButtons.forEach(button => { // Set the text content to just the first character let buttonTxt = button.innerHTML.charAt(0); //button.textContent = button.textContent.charAt(0); // console.log('in',button.innerHTML.charAt(0)) // button.textContent=buttonTxt; button.innerHTML = buttonTxt; const content = button.parentElement.parentElement.parentElement.parentElement.nextElementSibling; // Toggle visibility const Visible = button.textContent === '+' ? false : true; content.style.display = Visible ? 'block' : 'none'; }); // const secondLi = document.querySelector(".in-stock-class .ais-RefinementList-item:nth-child(2)"); // const input = secondLi?.querySelector('input[value="false"]'); // if (input) { // secondLi.style.display = "none"; // } // const trueLabels = document.querySelectorAll('.in-stock-class .ais-RefinementList-item input[value="true"] + span'); // // Loop through and replace the text content // trueLabels.forEach(label => { // label.textContent = ''; // label.textContent = "Sólo se muestran productos en existencia"; // }); // Select all list items in the refinement list const listItems = document.querySelectorAll('.in-stock-class .ais-RefinementList-item'); // Iterate through each list item listItems.forEach((item) => { const input = item.querySelector('.ais-RefinementList-checkbox'); const labelText = item.querySelector('.ais-RefinementList-labelText'); // Check the value of the input if (input && input.value === "false") { // Hide the list item item.style.display = 'none'; } else if (input && input.value === "true") { // Change the text of the label if (labelText) { labelText.textContent = ''; labelText.textContent = "Sólo se muestran productos en existencia"; } } }); } }) attachInstantSearchDOMEvents() })()

TAPON HEMBRA CARA PLANA 1/4in

Productos relacionados

J08FSP-TP TAPON HEMBRA CARA PLANA

J06FSP-TP TAPON HEMBRA CARA PLANA

J12FSP-TP TAPON HEMBRA CARA PLANA

J16FSP-TP TAPON HEMBRA CARA PLANA

1-4FSP-12-10 HEMBRA GIRATORIA CARA PLANA