浜у搧璇︽儏 - PERSOLY 婊ゆ竻鍣ㄥ伐鍘?/title> <meta name="description" content="PERSOLY 婊ゆ竻鍣ㄤ骇鍝佽鎯咃紝鍖呭惈灏哄銆佷氦鍙夊瀷鍙峰拰璇环鍏ュ彛銆? /> <link rel="canonical" href="https://persolyfilter.com/zh/product-detail.html" /> <link rel="alternate" hreflang="zh-CN" href="https://persolyfilter.com/zh/product-detail.html" /> <link rel="alternate" hreflang="en" href="https://persolyfilter.com/product-detail.html" /> <link rel="alternate" hreflang="ar" href="https://persolyfilter.com/ar/product-detail.html" /> <link rel="alternate" hreflang="ru" href="https://persolyfilter.com/ru/product-detail.html" /> <link rel="alternate" hreflang="es" href="https://persolyfilter.com/es/product-detail.html" /> <link rel="alternate" hreflang="id" href="https://persolyfilter.com/id/product-detail.html" /> <link rel="alternate" hreflang="x-default" href="https://persolyfilter.com/product-detail.html" /> <link rel="stylesheet" href="/assets/css/style.css?v=20260713-172458" /> </head> <body class="site-cinema product-detail-page"> <header class="cf-nav"> <a href="index.html" class="cf-logo"><span></span>PERSOLY</a> <nav> <a href="/zh/index.html">棣栭〉</a> <a href="/zh/products.html" aria-current="page">浜у搧涓績</a> <a href="/zh/solutions.html">琛屼笟鏂规</a> <a href="/zh/about.html">鍏充簬鎴戜滑</a> <a href="/zh/contact.html">鑱旂郴鎴戜滑</a> </nav> <div class="global-language" data-lang-switcher> <button class="global-language-trigger" type="button" aria-haspopup="true" aria-expanded="false"> <span class="market-mark"><img class="market-flag" src="/assets/images/flags/cn.svg" alt="China" /><span>CN</span></span> <span class="market-copy"><b>鍦板尯</b><small>CN / EN</small></span> <span class="market-caret" aria-hidden="true"></span> </button> <div class="global-language-menu" role="menu"> <a class="market-option is-active" href="/zh/product-detail.html" data-lang="zh" role="menuitem"><span class="market-code"><img class="market-flag" src="/assets/images/flags/cn.svg" alt="China" /><span>CN</span></span><span><b>涓枃</b><small>涓浗甯傚満</small></span></a> <a class="market-option" href="/en/product-detail.html" data-lang="en" role="menuitem"><span class="market-code"><img class="market-flag" src="/assets/images/flags/gb.svg" alt="United Kingdom" /><span>EN</span></span><span><b>English</b><small>鍏ㄧ悆鑻辨枃</small></span></a> <a class="market-option" href="/ar/product-detail.html" data-lang="ar" role="menuitem"><span class="market-code"><img class="market-flag" src="/assets/images/flags/ae.svg" alt="United Arab Emirates" /><span>ME</span></span><span><b>丕賱毓乇亘賷丞</b><small>涓笢甯傚満</small></span></a> <a class="market-option" href="/ru/product-detail.html" data-lang="ru" role="menuitem"><span class="market-code"><img class="market-flag" src="/assets/images/flags/ru.svg" alt="Russia" /><span>RU</span></span><span><b>袪褍褋褋泻懈泄</b><small>淇勭綏鏂競鍦?/small></span></a> <a class="market-option" href="/es/product-detail.html" data-lang="es" role="menuitem"><span class="market-code"><img class="market-flag" src="/assets/images/flags/es.svg" alt="Spain" /><span>ES</span></span><span><b>Espa帽ol</b><small>瑗胯甯傚満</small></span></a> <a class="market-option" href="/id/product-detail.html" data-lang="id" role="menuitem"><span class="market-code"><img class="market-flag" src="/assets/images/flags/id.svg" alt="Indonesia" /><span>ID</span></span><span><b>Indonesia</b><small>鍗板凹甯傚満</small></span></a> </div> </div> <a href="contact.html" class="cf-nav-cta">璇环</a> </header> <main> <section class="pd-shell" id="pdShell"> <div class="pd-loading">姝ｅ湪鍔犺浇 PERSOLY 浜у搧...</div> </section> <section class="sp-rfq"> <p class="sp-kicker">蹇€熻浠?/p> <h2>闇€瑕佷环鏍笺€丮OQ 鎴栧寘瑁呮柟妗堬紵</h2> <p>鍙戦€?PERSOLY 鍨嬪彿銆佹暟閲忓拰鐩殑娓紝鎴戜滑鍥炲鍑哄彛浠锋牸銆佷氦鏈熷拰鍖呰鏂规銆?/p> <a href="contact.html" class="cf-btn cf-btn-orange" id="pdBottomQuote">鍙戦€佽浠?/a> </section> </main> <footer class="cf-footer"> <a href="index.html" class="cf-logo"><span></span>PERSOLY</a> <p>婊ゆ竻鍣ㄥ埗閫犲伐鍘傘€傛敮鎸?OEM/ODM銆佸嚭鍙ｅ寘瑁呭拰 24 灏忔椂璇环鍝嶅簲銆?/p> <div> <a href="products.html">浜у搧涓績</a> <a href="solutions.html">琛屼笟鏂规</a> <a href="about.html">鍏充簬鎴戜滑</a> <a href="contact.html">鑱旂郴鎴戜滑</a> </div> </footer> <script src="/assets/js/product-image-manifest.js?v=20260713-172458"></script> <script> (function () { var ticking = false; function applyNavState() { document.body.classList.toggle('cf-scrolled', (window.scrollY || 0) > 18); ticking = false; } function onScroll() { if (!ticking) { window.requestAnimationFrame(applyNavState); ticking = true; } } applyNavState(); window.addEventListener('scroll', onScroll, { passive: true }); })(); </script> <script> (function () { var shell = document.getElementById('pdShell'); var bottomQuote = document.getElementById('pdBottomQuote'); document.documentElement.classList.add('sp-motion-ready'); function clean(value) { return String(value || '').replace(/\s+/g, ' ').trim(); } function esc(value) { return clean(value).replace(/[&<>"']/g, function (c) { return ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' })[c]; }); } function fallback(cat) { if (cat === 'Fuel Filters') return '/uploads/cats/cat-fuel.catalog-20260713.png'; if (cat === 'Oil Filters') return '/uploads/cats/cat-oil.catalog-20260713.png'; if (cat === 'Air Filters') return '/uploads/cats/cat-air.catalog-20260713.png'; return '/uploads/cats/cat-other.v2.png'; } function catParam(cat) { if (cat === 'Fuel Filters') return 'fuel'; if (cat === 'Oil Filters') return 'oil'; if (cat === 'Air Filters') return 'air'; return 'other'; } function categoryLabel(cat) { if (cat === 'Fuel Filters') return '鐕冩补婊ゆ竻鍣?; if (cat === 'Oil Filters') return '鏈烘补婊ゆ竻鍣?; if (cat === 'Air Filters') return '绌烘皵婊ゆ竻鍣?; if (cat === 'Other Filters') return '鍏朵粬婊ゆ竻鍣?; return cat || 'PERSOLY 婊ゆ竻鍣?; } function imageFor(product) { var ext = window.PERSOLY_PRODUCT_IMAGES && window.PERSOLY_PRODUCT_IMAGES[product.persoly_no]; return ext ? '/uploads/products/' + product.persoly_no + '.' + ext : fallback(product.category); } function hasProductPhoto(product) { return Boolean(window.PERSOLY_PRODUCT_IMAGES && window.PERSOLY_PRODUCT_IMAGES[product.persoly_no]); } function placeholderFor(product, size) { var sku = esc(product.persoly_no); var cat = esc(categoryLabel(product.category)); return '<div class="persoly-placeholder ' + (size || '') + '" role="img" aria-label="PERSOLY ' + sku + ' 浜у搧鍗犱綅鍥?>' + '<div class="ph-mark">PERSOLY</div>' + '<div class="ph-visual" aria-hidden="true"><span class="ph-filter-core"></span><span class="ph-filter-lines"></span><span class="ph-filter-cap"></span></div>' + '<div class="ph-meta"><span>' + cat + '</span><strong>' + sku + '</strong></div>' + '</div>'; } function mediaFor(product, size) { if (!hasProductPhoto(product)) return placeholderFor(product, size); return '<img src="' + imageFor(product) + '" alt="PERSOLY ' + esc(product.persoly_no) + '" data-fallback="' + fallback(product.category) + '">'; } function setImageFallback(img) { img.addEventListener('error', function () { if (img.dataset.tried === 'fallback') return; img.dataset.tried = 'fallback'; img.src = img.dataset.fallback; }); } function chipList(items, emptyText, limit) { var list = (items || []).filter(Boolean).slice(0, limit || 80); if (!list.length) return '<span>' + esc(emptyText) + '</span>'; return list.map(function (item) { return '<span>' + esc(item) + '</span>'; }).join(''); } function spec(label, value) { return '<div><span>' + esc(label) + '</span><strong>' + esc(value || '-') + '</strong></div>'; } function render(product, related) { var sku = clean(product.persoly_no); var quoteHref = 'contact.html?sku=' + encodeURIComponent(sku); bottomQuote.href = quoteHref; document.title = 'PERSOLY ' + sku + ' | 浜у搧璇︽儏'; shell.innerHTML = '<div class="pd-hero" data-sp-reveal>' + '<div class="pd-media">' + mediaFor(product, 'ph-detail') + '</div>' + '<div class="pd-copy">' + '<p class="sp-kicker">' + esc(categoryLabel(product.category)) + '</p>' + '<h1>' + esc(sku) + '</h1>' + '<p>' + esc(product.vehicle || 'PERSOLY 鍑哄彛渚涘簲鍨嬪彿锛屾敮鎸?OEM 浜ゅ弶鍨嬪彿纭銆?) + '</p>' + '<div class="pd-actions">' + '<a class="cf-btn cf-btn-orange" href="' + quoteHref + '">璇环姝ゅ瀷鍙?/a>' + '<a class="cf-btn cf-btn-ghost" href="products.html?cat=' + catParam(product.category) + '">杩斿洖鍝佺被</a>' + '</div>' + '</div>' + '</div>' + '<div class="pd-grid" data-sp-reveal>' + '<section class="pd-panel pd-specs">' + '<p class="sp-kicker">瑙勬牸鍙傛暟</p>' + spec('灏哄', product.size) + spec('铻虹汗', product.thread) + spec('绮惧害', product.precision) + spec('鍝佺被', categoryLabel(product.category)) + '</section>' + '<section class="pd-panel">' + '<p class="sp-kicker">浜ゅ弶鍨嬪彿</p>' + '<div class="pd-chips">' + chipList(product.cross_refs, '鍙戦€?OEM 鍙风爜缁欐垜浠‘璁?, 48) + '</div>' + '</section>' + '<section class="pd-panel">' + '<p class="sp-kicker">鍙傝€冨搧鐗?/p>' + '<div class="pd-chips pd-chips-muted">' + chipList(product.manufacturers, 'PERSOLY 宸ョ▼纭', 32) + '</div>' + '</section>' + '</div>' + '<section class="pd-related" data-sp-reveal>' + '<div class="pd-related-head"><p class="sp-kicker">鍚屽搧绫诲瀷鍙?/p><h2>鐩稿叧 PERSOLY 鍨嬪彿</h2></div>' + '<div class="pd-related-grid">' + related.map(function (item) { var itemSku = clean(item.persoly_no); return '<a href="product-detail.html?sku=' + encodeURIComponent(itemSku) + '">' + mediaFor(item, 'ph-related') + '<span>' + esc(categoryLabel(item.category)) + '</span><strong>' + esc(itemSku) + '</strong>' + '</a>'; }).join('') + '</div>' + '</section>'; shell.querySelectorAll('img').forEach(setImageFallback); shell.querySelectorAll('[data-sp-reveal]').forEach(function (el) { requestAnimationFrame(function () { el.classList.add('is-visible'); }); }); } function renderMissing(sku) { shell.innerHTML = '<section class="pd-missing">' + '<p class="sp-kicker">鏈壘鍒板瀷鍙?/p>' + '<h1>' + esc(sku || 'PERSOLY 鍨嬪彿') + '</h1>' + '<p>鏈湴棰勮鐩綍涓殏鏈壘鍒拌鍨嬪彿銆傚彲杩斿洖浜у搧涓績鎼滅储锛屾垨鎶婂彿鐮佸彂缁欐垜浠汉宸ョ‘璁ゃ€?/p>' + '<div class="pd-actions"><a class="cf-btn cf-btn-orange" href="products.html?q=' + encodeURIComponent(sku || '') + '">鎼滅储鐩綍</a><a class="cf-btn cf-btn-ghost" href="contact.html?sku=' + encodeURIComponent(sku || '') + '">鑱旂郴宸ョ▼纭</a></div>' + '</section>'; } var params = new URLSearchParams(location.search); var sku = clean(params.get('sku') || params.get('model') || params.get('id')); if (!sku) { renderMissing(''); return; } fetch('/assets/data/products-data.json') .then(function (response) { return response.json(); }) .then(function (data) { var products = (data.products || []).filter(function (p) { return p && p.persoly_no; }); var product = products.find(function (p) { return clean(p.persoly_no).toLowerCase() === sku.toLowerCase(); }); if (!product) { renderMissing(sku); return; } var related = products.filter(function (p) { return p.category === product.category && clean(p.persoly_no) !== clean(product.persoly_no); }).slice(0, 3); render(product, related); }) .catch(function () { shell.innerHTML = '<div class="pd-loading">鐩綍鏁版嵁鍔犺浇澶辫触锛岃閫氳繃鏈湴鏈嶅姟鍣ㄦ墦寮€璇ラ〉闈€?/div>'; }); })(); </script> <script src="assets/js/language-switcher.js?v=20260709-market-i18n-2"></script> <script src="assets/js/analytics.js?v=20260708-analytics2"></script> </body> </html>