The North Face at WAWHK

import wixWindowFrontend from 'wix-window-frontend'; import wixSeoFrontend from 'wix-seo-frontend'; import wixData from 'wix-data'; const SITE = 'https://www.wawhk.com'; function pageElement(id) { try { return $w(id); } catch (error) { console.error(`Missing required brand router element: ${id}`); return null; } } function repeaterData(data) { return (Array.isArray(data.products) ? data.products : []).map((product, index) => ({ _id: `${data.slug || 'brand'}-${index + 1}`.replace(/[^A-Za-z0-9-]/g, '-'), ...product, })); } function absoluteUrl(value) { if (!value) return SITE + '/shop'; if (typeof value === 'object') value = value.url || value.href || value.slug || ''; if (/^https?:\/\//.test(value)) return value; if (String(value).charAt(0) === '/') return SITE + value; return SITE + '/product-page/' + value; } function mediaUrl(product) { const media = product.mainMedia || (product.mediaItems || [])[0] || {}; if (typeof media === 'string') return media; return media.src || media.url || (media.image && (media.image.url || media.image.src)) || ''; } function priceText(product) { const priceData = product.priceData || {}; const formatted = priceData.formatted || {}; return product.formattedPrice || formatted.price || product.price || priceData.price || ''; } function productLink(product) { return absoluteUrl(product.productPageUrl || product.url || product.slug || product.handle || product._id); } async function productsForPage(data) { const routedProducts = repeaterData(data); if (routedProducts.length) return routedProducts; const brand = String(data.title || '').replace(/\s+at\s+WAWHK\s*$/i, '').trim(); if (!brand) return []; try { let result = await wixData.query('Stores/Products') .eq('brand', brand) .limit(48) .find(); if (!result.items.length) { result = await wixData.query('Stores/Products') .contains('name', brand) .limit(48) .find(); } return result.items .filter((product) => product.visible !== false) .map((product, index) => ({ _id: `${data.slug || 'brand'}-${index + 1}`.replace(/[^A-Za-z0-9-]/g, '-'), title: product.name, brand, link: productLink(product), image: mediaUrl(product), price: priceText(product), color: '', size: '', })); } catch (error) { console.error(`Unable to load ${brand} products`, error); return []; } } function collectionSchema(data, products) { return { '@context': 'https://schema.org', '@type': 'CollectionPage', '@id': `${data.canonicalUrl}#collection`, url: data.canonicalUrl, name: data.title, description: data.intro, mainEntity: { '@type': 'ItemList', numberOfItems: products.length, itemListElement: products.map((product, index) => ({ '@type': 'ListItem', position: index + 1, url: product.link, name: product.title, })), }, }; } $w.onReady(async () => { const data = wixWindowFrontend.getRouterData(); if (!data || !data.canonicalUrl) return; const brandTitle = pageElement('#brandTitle'); const brandIntro = pageElement('#brandIntro'); const productRepeater = pageElement('#productRepeater'); if (!brandTitle || !brandIntro || !productRepeater) return; const standaloneProductImage = pageElement('#productImage'); if (standaloneProductImage) standaloneProductImage.collapse(); const products = await productsForPage(data); brandTitle.text = data.title; brandIntro.text = data.intro; productRepeater.onItemReady(($item, product) => { $item('#productName').text = product.title; $item('#productMeta').text = [product.brand, product.color, product.size, product.price] .filter(Boolean) .join(' / '); if (product.image) $item('#container2').background = { src: product.image }; const productButton = $item('#button7'); productButton.link = product.link; productButton.target = '_self'; }); productRepeater.data = products; await wixSeoFrontend.setStructuredData([collectionSchema(data, products)]); });