10.25/12.3" BMW Mercedes Audi Android Display Screen Upgrade CarPlay

const TAG = 'spz-custom-smart-search-location'; const SMART_PRODUCR_SEARCH_WRAP_CLASSNAME = 'app-smart-product-search-wrap'; const THEME_NAME = window.SHOPLAZZA.theme.merchant_theme_name; const BREAKPOINT = 960; const DELAY = 300; class SpzCustomSmartSearchLocation extends SPZ.BaseElement { constructor(element) { super(element); this.mobileHeaderPluginParentEle = null; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.init(); this.listenerResize(); } init() { // PC-end not load if (this.isDesktop()) { return; } if (!window.__isLoadAppSmartSearch__) { this.initSmartSearch(); console.log('__isLoadAppSmartSearch__'); } // B-end must reload if (window.self === window.top && !window.__isLoadAppSmartSearch__) { window.__isLoadAppSmartSearch__ = true; } } initSmartSearch() { if (this.hasMobileUpperRightPlugin()) { this.showMobileSmartSearch(); } else { this.addMobileSmartSearch(); } } listenerResize() { window.removeEventListener('resize', window.smartSearchResizeCallback); window.smartSearchResizeCallback = SPZCore.Types.debounce( this.win, () => { this.init(); }, DELAY ); window.addEventListener('resize', window.smartSearchResizeCallback); } isDesktop() { const mediaQueryList = window.matchMedia(`(min-width: ${BREAKPOINT}px)`); return mediaQueryList.matches; } hasMobileUpperRightPlugin() { return !['geek', 'flash', 'boost'].includes(THEME_NAME.toLocaleLowerCase()); } showMobileSmartSearch() { this.mobileHeaderPluginParentEle = this.getMobileHeaderPluginParentEle(); this.setMobileHeaderIconsPluginStyle(this.mobileHeaderPluginParentEle); } getMobileHeaderPluginParentEle() { const MOBILE_HEADER_PLUGIN_PARENT_ELE_MAP = { nova: '.header__mobile #header__plugin-container', hero: '.header__icons .tw-flex.tw-justify-end.tw-items-center.tw-space-x-7', onePage: '.header__mobile #header__plugin-container', wind: '#header-icons .flex.justify-end.items-center', eva: '#header__icons .plugin_content' }; const headerPluginParentSelector = this.combineMultipleSelectors( Object.values(MOBILE_HEADER_PLUGIN_PARENT_ELE_MAP) ); return document.querySelector(headerPluginParentSelector); } setMobileHeaderIconsPluginStyle(pluginParentEle) { if (!pluginParentEle) { return; } const containHidden = pluginParentEle.classList.contains('md:hidden'); const containTwHidden = pluginParentEle.classList.contains('md:tw-hidden'); if (containHidden || containTwHidden) { Array.from(pluginParentEle.children).forEach((pluginElement) => { if (!this.hasSmartSearchPlugin(pluginElement)) { pluginElement.style.display = 'none'; } }); pluginParentEle.classList.remove('md:hidden', 'md:tw-hidden'); } else { const smartSearchPluginElement = Array.from(pluginParentEle.children).find( (pluginElement) => { return this.hasSmartSearchPlugin(pluginElement); } ); smartSearchPluginElement.style.display = 'block'; } } hasSmartSearchPlugin(pluginElement) { return ( pluginElement.classList.contains(`${SMART_PRODUCR_SEARCH_WRAP_CLASSNAME}`) || pluginElement.querySelectorAll(`.${SMART_PRODUCR_SEARCH_WRAP_CLASSNAME}`).length > 0 ); } addMobileSmartSearch() { this.mobileHeaderIconsEle = this.getMobileHeaderIconsEle(); this.smartSearchWrapEle = this.getSmartSearchWrapEle(); this.appendSmartSearchToHeader(); } getMobileHeaderIconsEle() { // Must be the parent element of the plugin const MOBILE_HEADER_ICONS_ELE_MAP = { geek: '#header-mobile-container .flex.items-center.justify-end.flex-shrink-0', flash: '#header-layout .header__icons', boost: '.header__mobile-bottom .tw-flex.tw-items-center.tw-justify-end.tw-flex-1' }; const headerIconsSelector = this.combineMultipleSelectors( Object.values(MOBILE_HEADER_ICONS_ELE_MAP) ); return document.querySelector(headerIconsSelector); } getSmartSearchWrapEle() { const smartSearchWrapEle = document.querySelector(this.getSmartSearchWrapSelector()); if (!smartSearchWrapEle) { return null; } return smartSearchWrapEle; } appendSmartSearchToHeader() { if (!this.smartSearchWrapEle) { return; } this.mobileHeaderIconsEle.insertAdjacentElement('afterbegin', this.smartSearchWrapEle); } getSmartSearchWrapSelector() { const PLUGIN_POSITION = { DRAWER: 'drawer', HEADER_TOP: 'headerTop' }; // only one this plugin of ancestor element const MOBILE_PLUGIN_POSITION_ELE_MAP = { [PLUGIN_POSITION.DRAWER]: { geek: '#header-menu-mobile #menu-drawer', flash: '#menu-drawer .plugin__header-content', boost: '.header__drawer' }, [PLUGIN_POSITION.HEADER_TOP]: { geek: '#header-menu-mobile #menu-drawer', flash: '#menu-drawer .plugin__header-content', boost: '.header-content .logo-wrap' } }; const MbPluginPositionInTheme = [ ...Object.values(MOBILE_PLUGIN_POSITION_ELE_MAP[PLUGIN_POSITION.DRAWER]), ...Object.values(MOBILE_PLUGIN_POSITION_ELE_MAP[PLUGIN_POSITION.HEADER_TOP]) ]; return Object.values(MbPluginPositionInTheme).reduce((pre, ancestor) => { if (pre === '') { return `${ancestor} .app-smart-product-search-wrap`; } if (pre.includes(ancestor)) { return pre; } return `${pre},${ancestor} .app-smart-product-search-wrap`; }, ''); } combineMultipleSelectors(selectorList) { return selectorList.reduce((pre, selector) => { if (pre === '') { return `${selector}`; } if (pre.includes(selector)) { return pre; } return `${pre},${selector}`; }, ''); } } SPZ.defineElement(TAG, SpzCustomSmartSearchLocation);

const TAG = 'spz-custom-smart-search-location'; const SMART_PRODUCR_SEARCH_WRAP_CLASSNAME = 'app-smart-product-search-wrap'; const THEME_NAME = window.SHOPLAZZA.theme.merchant_theme_name; const BREAKPOINT = 960; const DELAY = 300; class SpzCustomSmartSearchLocation extends SPZ.BaseElement { constructor(element) { super(element); this.mobileHeaderPluginParentEle = null; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.init(); this.listenerResize(); } init() { // PC-end not load if (this.isDesktop()) { return; } if (!window.__isLoadAppSmartSearch__) { this.initSmartSearch(); console.log('__isLoadAppSmartSearch__'); } // B-end must reload if (window.self === window.top && !window.__isLoadAppSmartSearch__) { window.__isLoadAppSmartSearch__ = true; } } initSmartSearch() { if (this.hasMobileUpperRightPlugin()) { this.showMobileSmartSearch(); } else { this.addMobileSmartSearch(); } } listenerResize() { window.removeEventListener('resize', window.smartSearchResizeCallback); window.smartSearchResizeCallback = SPZCore.Types.debounce( this.win, () => { this.init(); }, DELAY ); window.addEventListener('resize', window.smartSearchResizeCallback); } isDesktop() { const mediaQueryList = window.matchMedia(`(min-width: ${BREAKPOINT}px)`); return mediaQueryList.matches; } hasMobileUpperRightPlugin() { return !['geek', 'flash', 'boost'].includes(THEME_NAME.toLocaleLowerCase()); } showMobileSmartSearch() { this.mobileHeaderPluginParentEle = this.getMobileHeaderPluginParentEle(); this.setMobileHeaderIconsPluginStyle(this.mobileHeaderPluginParentEle); } getMobileHeaderPluginParentEle() { const MOBILE_HEADER_PLUGIN_PARENT_ELE_MAP = { nova: '.header__mobile #header__plugin-container', hero: '.header__icons .tw-flex.tw-justify-end.tw-items-center.tw-space-x-7', onePage: '.header__mobile #header__plugin-container', wind: '#header-icons .flex.justify-end.items-center', eva: '#header__icons .plugin_content' }; const headerPluginParentSelector = this.combineMultipleSelectors( Object.values(MOBILE_HEADER_PLUGIN_PARENT_ELE_MAP) ); return document.querySelector(headerPluginParentSelector); } setMobileHeaderIconsPluginStyle(pluginParentEle) { if (!pluginParentEle) { return; } const containHidden = pluginParentEle.classList.contains('md:hidden'); const containTwHidden = pluginParentEle.classList.contains('md:tw-hidden'); if (containHidden || containTwHidden) { Array.from(pluginParentEle.children).forEach((pluginElement) => { if (!this.hasSmartSearchPlugin(pluginElement)) { pluginElement.style.display = 'none'; } }); pluginParentEle.classList.remove('md:hidden', 'md:tw-hidden'); } else { const smartSearchPluginElement = Array.from(pluginParentEle.children).find( (pluginElement) => { return this.hasSmartSearchPlugin(pluginElement); } ); smartSearchPluginElement.style.display = 'block'; } } hasSmartSearchPlugin(pluginElement) { return ( pluginElement.classList.contains(`${SMART_PRODUCR_SEARCH_WRAP_CLASSNAME}`) || pluginElement.querySelectorAll(`.${SMART_PRODUCR_SEARCH_WRAP_CLASSNAME}`).length > 0 ); } addMobileSmartSearch() { this.mobileHeaderIconsEle = this.getMobileHeaderIconsEle(); this.smartSearchWrapEle = this.getSmartSearchWrapEle(); this.appendSmartSearchToHeader(); } getMobileHeaderIconsEle() { // Must be the parent element of the plugin const MOBILE_HEADER_ICONS_ELE_MAP = { geek: '#header-mobile-container .flex.items-center.justify-end.flex-shrink-0', flash: '#header-layout .header__icons', boost: '.header__mobile-bottom .tw-flex.tw-items-center.tw-justify-end.tw-flex-1' }; const headerIconsSelector = this.combineMultipleSelectors( Object.values(MOBILE_HEADER_ICONS_ELE_MAP) ); return document.querySelector(headerIconsSelector); } getSmartSearchWrapEle() { const smartSearchWrapEle = document.querySelector(this.getSmartSearchWrapSelector()); if (!smartSearchWrapEle) { return null; } return smartSearchWrapEle; } appendSmartSearchToHeader() { if (!this.smartSearchWrapEle) { return; } this.mobileHeaderIconsEle.insertAdjacentElement('afterbegin', this.smartSearchWrapEle); } getSmartSearchWrapSelector() { const PLUGIN_POSITION = { DRAWER: 'drawer', HEADER_TOP: 'headerTop' }; // only one this plugin of ancestor element const MOBILE_PLUGIN_POSITION_ELE_MAP = { [PLUGIN_POSITION.DRAWER]: { geek: '#header-menu-mobile #menu-drawer', flash: '#menu-drawer .plugin__header-content', boost: '.header__drawer' }, [PLUGIN_POSITION.HEADER_TOP]: { geek: '#header-menu-mobile #menu-drawer', flash: '#menu-drawer .plugin__header-content', boost: '.header-content .logo-wrap' } }; const MbPluginPositionInTheme = [ ...Object.values(MOBILE_PLUGIN_POSITION_ELE_MAP[PLUGIN_POSITION.DRAWER]), ...Object.values(MOBILE_PLUGIN_POSITION_ELE_MAP[PLUGIN_POSITION.HEADER_TOP]) ]; return Object.values(MbPluginPositionInTheme).reduce((pre, ancestor) => { if (pre === '') { return `${ancestor} .app-smart-product-search-wrap`; } if (pre.includes(ancestor)) { return pre; } return `${pre},${ancestor} .app-smart-product-search-wrap`; }, ''); } combineMultipleSelectors(selectorList) { return selectorList.reduce((pre, selector) => { if (pre === '') { return `${selector}`; } if (pre.includes(selector)) { return pre; } return `${pre},${selector}`; }, ''); } } SPZ.defineElement(TAG, SpzCustomSmartSearchLocation);

const TAG = 'spz-custom-smart-search-location'; const SMART_PRODUCR_SEARCH_WRAP_CLASSNAME = 'app-smart-product-search-wrap'; const THEME_NAME = window.SHOPLAZZA.theme.merchant_theme_name; const BREAKPOINT = 960; const DELAY = 300; class SpzCustomSmartSearchLocation extends SPZ.BaseElement { constructor(element) { super(element); this.mobileHeaderPluginParentEle = null; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.init(); this.listenerResize(); } init() { // PC-end not load if (this.isDesktop()) { return; } if (!window.__isLoadAppSmartSearch__) { this.initSmartSearch(); console.log('__isLoadAppSmartSearch__'); } // B-end must reload if (window.self === window.top && !window.__isLoadAppSmartSearch__) { window.__isLoadAppSmartSearch__ = true; } } initSmartSearch() { if (this.hasMobileUpperRightPlugin()) { this.showMobileSmartSearch(); } else { this.addMobileSmartSearch(); } } listenerResize() { window.removeEventListener('resize', window.smartSearchResizeCallback); window.smartSearchResizeCallback = SPZCore.Types.debounce( this.win, () => { this.init(); }, DELAY ); window.addEventListener('resize', window.smartSearchResizeCallback); } isDesktop() { const mediaQueryList = window.matchMedia(`(min-width: ${BREAKPOINT}px)`); return mediaQueryList.matches; } hasMobileUpperRightPlugin() { return !['geek', 'flash', 'boost'].includes(THEME_NAME.toLocaleLowerCase()); } showMobileSmartSearch() { this.mobileHeaderPluginParentEle = this.getMobileHeaderPluginParentEle(); this.setMobileHeaderIconsPluginStyle(this.mobileHeaderPluginParentEle); } getMobileHeaderPluginParentEle() { const MOBILE_HEADER_PLUGIN_PARENT_ELE_MAP = { nova: '.header__mobile #header__plugin-container', hero: '.header__icons .tw-flex.tw-justify-end.tw-items-center.tw-space-x-7', onePage: '.header__mobile #header__plugin-container', wind: '#header-icons .flex.justify-end.items-center', eva: '#header__icons .plugin_content' }; const headerPluginParentSelector = this.combineMultipleSelectors( Object.values(MOBILE_HEADER_PLUGIN_PARENT_ELE_MAP) ); return document.querySelector(headerPluginParentSelector); } setMobileHeaderIconsPluginStyle(pluginParentEle) { if (!pluginParentEle) { return; } const containHidden = pluginParentEle.classList.contains('md:hidden'); const containTwHidden = pluginParentEle.classList.contains('md:tw-hidden'); if (containHidden || containTwHidden) { Array.from(pluginParentEle.children).forEach((pluginElement) => { if (!this.hasSmartSearchPlugin(pluginElement)) { pluginElement.style.display = 'none'; } }); pluginParentEle.classList.remove('md:hidden', 'md:tw-hidden'); } else { const smartSearchPluginElement = Array.from(pluginParentEle.children).find( (pluginElement) => { return this.hasSmartSearchPlugin(pluginElement); } ); smartSearchPluginElement.style.display = 'block'; } } hasSmartSearchPlugin(pluginElement) { return ( pluginElement.classList.contains(`${SMART_PRODUCR_SEARCH_WRAP_CLASSNAME}`) || pluginElement.querySelectorAll(`.${SMART_PRODUCR_SEARCH_WRAP_CLASSNAME}`).length > 0 ); } addMobileSmartSearch() { this.mobileHeaderIconsEle = this.getMobileHeaderIconsEle(); this.smartSearchWrapEle = this.getSmartSearchWrapEle(); this.appendSmartSearchToHeader(); } getMobileHeaderIconsEle() { // Must be the parent element of the plugin const MOBILE_HEADER_ICONS_ELE_MAP = { geek: '#header-mobile-container .flex.items-center.justify-end.flex-shrink-0', flash: '#header-layout .header__icons', boost: '.header__mobile-bottom .tw-flex.tw-items-center.tw-justify-end.tw-flex-1' }; const headerIconsSelector = this.combineMultipleSelectors( Object.values(MOBILE_HEADER_ICONS_ELE_MAP) ); return document.querySelector(headerIconsSelector); } getSmartSearchWrapEle() { const smartSearchWrapEle = document.querySelector(this.getSmartSearchWrapSelector()); if (!smartSearchWrapEle) { return null; } return smartSearchWrapEle; } appendSmartSearchToHeader() { if (!this.smartSearchWrapEle) { return; } this.mobileHeaderIconsEle.insertAdjacentElement('afterbegin', this.smartSearchWrapEle); } getSmartSearchWrapSelector() { const PLUGIN_POSITION = { DRAWER: 'drawer', HEADER_TOP: 'headerTop' }; // only one this plugin of ancestor element const MOBILE_PLUGIN_POSITION_ELE_MAP = { [PLUGIN_POSITION.DRAWER]: { geek: '#header-menu-mobile #menu-drawer', flash: '#menu-drawer .plugin__header-content', boost: '.header__drawer' }, [PLUGIN_POSITION.HEADER_TOP]: { geek: '#header-menu-mobile #menu-drawer', flash: '#menu-drawer .plugin__header-content', boost: '.header-content .logo-wrap' } }; const MbPluginPositionInTheme = [ ...Object.values(MOBILE_PLUGIN_POSITION_ELE_MAP[PLUGIN_POSITION.DRAWER]), ...Object.values(MOBILE_PLUGIN_POSITION_ELE_MAP[PLUGIN_POSITION.HEADER_TOP]) ]; return Object.values(MbPluginPositionInTheme).reduce((pre, ancestor) => { if (pre === '') { return `${ancestor} .app-smart-product-search-wrap`; } if (pre.includes(ancestor)) { return pre; } return `${pre},${ancestor} .app-smart-product-search-wrap`; }, ''); } combineMultipleSelectors(selectorList) { return selectorList.reduce((pre, selector) => { if (pre === '') { return `${selector}`; } if (pre.includes(selector)) { return pre; } return `${pre},${selector}`; }, ''); } } SPZ.defineElement(TAG, SpzCustomSmartSearchLocation);

BMW Display
- BMW Display
- 14.9 inch display
- Dual Screen X5 X6
- F20 F21 F22 F23
- F22 F45 F46
- E81 E82 E87 E88
- F30 F31 F32 F33 F34 F36 F80 F82 F83 F84
- E90 E91 E92 E93
- F10 F11 F07
- G30 G31
- E60 E61 E63 E64
- F06 F12 F13
- F01 F02 F03
- G11 G12
- E65 E66
- X1 F48
- X1 E84
- X3 F25 X4 F26
- X3 G01 X4 G02
- X5 E70 X6 E71
- X5 F15 X6 F16
- Z4 E89
- MINI R60 F54 F55 F56
BENZ Display
AUDI Display
- AUDI Display
- A1 2010-2018
- A3 2014-2020
- A4 A5 2009-2016
- A4 A5 2016-2020
- A6 OEM STYLE
- A6 2005-2011
- A6 A7 2012-2018
- Q3 2013-2018
- Q5 2009-2016
- Q5 2017-2020
- Q7 2006-2015
- Q7 OEM STYLE
DIGITAL CLUSTER
- DIGITAL CLUSTER
- BMW
- Mercedes Benz
  - Mercedes Benz
  - Benz VITO
  - Benz E W212
  - Benz GLA CLA
  - Benz C class W204
  - Benz C class GLC W205
- Audi A4 A5 Q5
- Volkswagen
  - Volkswagen
  - Passat
  - Tiguan
  - GOFL
- JEEP
  - JEEP
  - Jeep Wrangler Meter
- Range Rover Sport
Carplay
ACCESSORIES
FAQ
Blog

const TAG = 'spz-custom-smart-search-location'; const SMART_PRODUCR_SEARCH_WRAP_CLASSNAME = 'app-smart-product-search-wrap'; const THEME_NAME = window.SHOPLAZZA.theme.merchant_theme_name; const BREAKPOINT = 960; const DELAY = 300; class SpzCustomSmartSearchLocation extends SPZ.BaseElement { constructor(element) { super(element); this.mobileHeaderPluginParentEle = null; } static deferredMount() { return false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.init(); this.listenerResize(); } init() { // PC-end not load if (this.isDesktop()) { return; } if (!window.__isLoadAppSmartSearch__) { this.initSmartSearch(); console.log('__isLoadAppSmartSearch__'); } // B-end must reload if (window.self === window.top && !window.__isLoadAppSmartSearch__) { window.__isLoadAppSmartSearch__ = true; } } initSmartSearch() { if (this.hasMobileUpperRightPlugin()) { this.showMobileSmartSearch(); } else { this.addMobileSmartSearch(); } } listenerResize() { window.removeEventListener('resize', window.smartSearchResizeCallback); window.smartSearchResizeCallback = SPZCore.Types.debounce( this.win, () => { this.init(); }, DELAY ); window.addEventListener('resize', window.smartSearchResizeCallback); } isDesktop() { const mediaQueryList = window.matchMedia(`(min-width: ${BREAKPOINT}px)`); return mediaQueryList.matches; } hasMobileUpperRightPlugin() { return !['geek', 'flash', 'boost'].includes(THEME_NAME.toLocaleLowerCase()); } showMobileSmartSearch() { this.mobileHeaderPluginParentEle = this.getMobileHeaderPluginParentEle(); this.setMobileHeaderIconsPluginStyle(this.mobileHeaderPluginParentEle); } getMobileHeaderPluginParentEle() { const MOBILE_HEADER_PLUGIN_PARENT_ELE_MAP = { nova: '.header__mobile #header__plugin-container', hero: '.header__icons .tw-flex.tw-justify-end.tw-items-center.tw-space-x-7', onePage: '.header__mobile #header__plugin-container', wind: '#header-icons .flex.justify-end.items-center', eva: '#header__icons .plugin_content' }; const headerPluginParentSelector = this.combineMultipleSelectors( Object.values(MOBILE_HEADER_PLUGIN_PARENT_ELE_MAP) ); return document.querySelector(headerPluginParentSelector); } setMobileHeaderIconsPluginStyle(pluginParentEle) { if (!pluginParentEle) { return; } const containHidden = pluginParentEle.classList.contains('md:hidden'); const containTwHidden = pluginParentEle.classList.contains('md:tw-hidden'); if (containHidden || containTwHidden) { Array.from(pluginParentEle.children).forEach((pluginElement) => { if (!this.hasSmartSearchPlugin(pluginElement)) { pluginElement.style.display = 'none'; } }); pluginParentEle.classList.remove('md:hidden', 'md:tw-hidden'); } else { const smartSearchPluginElement = Array.from(pluginParentEle.children).find( (pluginElement) => { return this.hasSmartSearchPlugin(pluginElement); } ); smartSearchPluginElement.style.display = 'block'; } } hasSmartSearchPlugin(pluginElement) { return ( pluginElement.classList.contains(`${SMART_PRODUCR_SEARCH_WRAP_CLASSNAME}`) || pluginElement.querySelectorAll(`.${SMART_PRODUCR_SEARCH_WRAP_CLASSNAME}`).length > 0 ); } addMobileSmartSearch() { this.mobileHeaderIconsEle = this.getMobileHeaderIconsEle(); this.smartSearchWrapEle = this.getSmartSearchWrapEle(); this.appendSmartSearchToHeader(); } getMobileHeaderIconsEle() { // Must be the parent element of the plugin const MOBILE_HEADER_ICONS_ELE_MAP = { geek: '#header-mobile-container .flex.items-center.justify-end.flex-shrink-0', flash: '#header-layout .header__icons', boost: '.header__mobile-bottom .tw-flex.tw-items-center.tw-justify-end.tw-flex-1' }; const headerIconsSelector = this.combineMultipleSelectors( Object.values(MOBILE_HEADER_ICONS_ELE_MAP) ); return document.querySelector(headerIconsSelector); } getSmartSearchWrapEle() { const smartSearchWrapEle = document.querySelector(this.getSmartSearchWrapSelector()); if (!smartSearchWrapEle) { return null; } return smartSearchWrapEle; } appendSmartSearchToHeader() { if (!this.smartSearchWrapEle) { return; } this.mobileHeaderIconsEle.insertAdjacentElement('afterbegin', this.smartSearchWrapEle); } getSmartSearchWrapSelector() { const PLUGIN_POSITION = { DRAWER: 'drawer', HEADER_TOP: 'headerTop' }; // only one this plugin of ancestor element const MOBILE_PLUGIN_POSITION_ELE_MAP = { [PLUGIN_POSITION.DRAWER]: { geek: '#header-menu-mobile #menu-drawer', flash: '#menu-drawer .plugin__header-content', boost: '.header__drawer' }, [PLUGIN_POSITION.HEADER_TOP]: { geek: '#header-menu-mobile #menu-drawer', flash: '#menu-drawer .plugin__header-content', boost: '.header-content .logo-wrap' } }; const MbPluginPositionInTheme = [ ...Object.values(MOBILE_PLUGIN_POSITION_ELE_MAP[PLUGIN_POSITION.DRAWER]), ...Object.values(MOBILE_PLUGIN_POSITION_ELE_MAP[PLUGIN_POSITION.HEADER_TOP]) ]; return Object.values(MbPluginPositionInTheme).reduce((pre, ancestor) => { if (pre === '') { return `${ancestor} .app-smart-product-search-wrap`; } if (pre.includes(ancestor)) { return pre; } return `${pre},${ancestor} .app-smart-product-search-wrap`; }, ''); } combineMultipleSelectors(selectorList) { return selectorList.reduce((pre, selector) => { if (pre === '') { return `${selector}`; } if (pre.includes(selector)) { return pre; } return `${pre},${selector}`; }, ''); } } SPZ.defineElement(TAG, SpzCustomSmartSearchLocation);

Create an account

(function(){ let w = window.innerWidth; function setHeaderCssVar() { const headerEle = document.getElementById('shoplaza-section-header'); if(!headerEle){ return }; document.body.style.setProperty('--window-height', `${window.innerHeight}px`); document.body.style.setProperty('--header-height', `${headerEle.clientHeight}px`); const mdScorllHideEle = headerEle.querySelector('.header__mobile .header__scroll_hide'); if (mdScorllHideEle) { document.body.style.setProperty('--header-scroll-hide-height-md', `${mdScorllHideEle.clientHeight}px`); } const pcScorllHideEle = headerEle.querySelector('.header__desktop .header__scroll_hide'); if (pcScorllHideEle) { document.body.style.setProperty('--header-scroll-hide-height-pc', `${pcScorllHideEle.clientHeight}px`); } } function handlResize() { if(w == window.innerWidth){return}; w = window.innerWidth; setHeaderCssVar(); }; function init(){ setHeaderCssVar(); window.removeEventListener('resize', window._theme_header_listener) window._theme_header_listener = handlResize; window.addEventListener('resize', window._theme_header_listener); } init(); })();

KOASON Android Screen Display Upgrade Apple CarPlay Android Auto Car Multimedia Player for Audi A4 A5

KOASON Android Screen Display Upgrade Apple CarPlay Android Auto Car Multimedia Player for Audi A4 A5

KOASON Android Screen Display Upgrade Apple CarPlay Android Auto Car Multimedia Player for Audi A4 A5

from $342.00 ~~$663.00~~ Save 48%

Koason Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player for Mercedes Benz C W205 GLC X253 C253 V W639 X class

Koason Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player for Mercedes Benz C W205 GLC X253 C253 V W639 X class

Koason Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player for Mercedes Benz C W205 GLC X253 C253 V W639 X class

from $377.00 ~~$754.00~~ Save 50%

KOASON 12.3inch LCD For BMW F10 F01 X3 X5 Cluster Dashboard Instrument Full Screen speedometer

KOASON 12.3inch LCD For BMW F10 F01 X3 X5 Cluster Dashboard Instrument Full Screen speedometer

KOASON 12.3inch LCD For BMW F10 F01 X3 X5 Cluster Dashboard Instrument Full Screen speedometer

$720.00 ~~$1,144.00~~ Save 37%

10.25inch Android Display Screen Upgrade Apple CarPlay Android Auto Multimedia Player Car GPS Navigator for BMW F20 F21 F22 F23 F30 F31 F32 F33 F36 NBT EU STOCK

$342.00 ~~$720.00~~

10.25inch Android Display Screen Upgrade Apple CarPlay Android Auto Multimedia Player Car GPS Navigator for BMW F20 F21 F22 F23 F30 F31 F32 F33 F36 NBT EU STOCK

$342.00 ~~$720.00~~

Countdown sale

00 Days

00 Hours

:

00 Minutes

:

00 Seconds

In order to give feedback to new and old users, our specially launches limited-time promotional products.

View more

Long Display Series

KOASON 12.3inch Dual Screen Android Screen For Mercedes Benz S Class W222 Long Display Extend to Dashboard

KOASON 12.3inch Dual Screen Android Screen For Mercedes Benz S Class W221 Long Display Extend to Dashboard

KOASON 12.3inch Dual Screen Android Touch Screen For Mercedes Benz E Class W213 Whole Display Extend to Dashboard

KOASON 14.9inch Android Touch Screen Upgrade Autoradio Wireless Apple CarPlay Android Auto For BMW 3 Series E90 E92

Save $355.00 Save $355.00

KOASON 14.9inch Android Touch Screen Upgrade Autoradio Wireless Apple CarPlay Android Auto For BMW 1 Series F20

from $834.00 $1,189.00

Save $355.00 Save $355.00

KOASON 14.9inch Android Touch Screen Upgrade Autoradio Wireless Apple CarPlay Android Auto For BMW 6 Series F06 F12 F13

from $834.00 $1,189.00

Save $343.00 Save $343.00

KOASON 14.9inch Android Touch Screen Upgrade Autoradio Wireless Apple CarPlay Android Auto For BMW X5 X6 E70 E71

from $834.00 $1,177.00

Save $389.00 Save $389.00

KOASON 14.9inch Android Touch Screen Upgrade Autoradio Wireless Apple CarPlay Android Auto For BMW 5 Series F10 F11 F18 G30 G38

from $800.00 $1,189.00

KOASON 12.3inch Dual Screen Android Screen For Mercedes Benz S Class W222 Long Display Extend to Dashboard

KOASON 12.3inch Dual Screen Android Screen For Mercedes Benz S Class W221 Long Display Extend to Dashboard

KOASON 12.3inch Dual Screen Android Touch Screen For Mercedes Benz E Class W213 Whole Display Extend to Dashboard

KOASON 14.9inch Android Touch Screen Upgrade Autoradio Wireless Apple CarPlay Android Auto For BMW 3 Series E90 E92

BMW Display Series

Save $275.00 Save $275.00

KOASON 14.9inch Android Touch Screen Upgrade Autoradio Wireless Apple CarPlay Android Auto For BMW 7 Series F01 F02 LHD

from $914.00 $1,189.00

Save $229.00 Save $229.00

KOASON Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player for BMW 2 Series F22 F45 F46

from $491.00 $720.00

KOASON 12.3inch Dual Screen BMW X5 X6 Android Dual Screen Display With Co-pilot Screen 8+128G

KOASON Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player for BMW 3 Series 4 Series M3 F30 F31 F32 F33 F34 F36 F80 F82 F83 F84

Save $229.00 Save $229.00

KOASON Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player for BMW 1 Series 2 Series F20 F21 F22 F23

from $491.00 $720.00

Save $229.00 Save $229.00

KOASON Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player for BMW 5Series （GT）F10 F11 F07

from $491.00 $720.00

Save $229.00 Save $229.00

KOASON Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player for BMW X3 F25 X4 F26

from $491.00 $720.00

Save $229.00 Save $229.00

KOASON Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player for BMW X5 E70 X6 X6M E71

from $491.00 $720.00

Save $275.00 Save $275.00

KOASON 14.9inch Android Touch Screen Upgrade Autoradio Wireless Apple CarPlay Android Auto For BMW 7 Series F01 F02 LHD

from $914.00 $1,189.00

Save $229.00 Save $229.00

KOASON Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player for BMW 2 Series F22 F45 F46

from $491.00 $720.00

KOASON 12.3inch Dual Screen BMW X5 X6 Android Dual Screen Display With Co-pilot Screen 8+128G

KOASON Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player for BMW 3 Series 4 Series M3 F30 F31 F32 F33 F34 F36 F80 F82 F83 F84

Mercedes Benz Display Series

KOASON 12.3inch Dual Screen Android Touch Screen For Mercedes Benz E Class W213 Whole Display Extend to Dashboard

KOASON 12.3inch Dual Screen Android Screen For Mercedes Benz S Class W222 Long Display Extend to Dashboard

KOASON 12.3inch Dual Screen Android Screen For Mercedes Benz S Class W221 Long Display Extend to Dashboard

Koason Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player For Mercedes Benz GLK

Save $229.00 Save $229.00

Koason Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player for Mercedes Benz GLA X156 CLA C117 X117 A W176

from $502.00 $731.00

Save $229.00 Save $229.00

Koason Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player For Mercedes Benz B Class W246

from $502.00 $731.00

Save $229.00 Save $229.00

Koason Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player for Mercedes Benz C class W204 S204 2007-2013

from $502.00 $731.00

Save $229.00 Save $229.00

Koason Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player for Mercedes Benz E Coupe C207 A207 W207

from $502.00 $731.00

KOASON 12.3inch Dual Screen Android Touch Screen For Mercedes Benz E Class W213 Whole Display Extend to Dashboard

KOASON 12.3inch Dual Screen Android Screen For Mercedes Benz S Class W222 Long Display Extend to Dashboard

KOASON 12.3inch Dual Screen Android Screen For Mercedes Benz S Class W221 Long Display Extend to Dashboard

Koason Android Screen Upgrade Apple CarPlay Android Auto GPS Navigation Car Multimedia Player For Mercedes Benz GLK

AUDI Display Series

Save $337.00 Save $337.00

Koason Android Screen Upgrade Apple CarPlay Car Multimedia Player OEM Style For Audi A6

from $669.00 $1,006.00

Save $297.00 Save $297.00

Koason Android Screen Display Upgrade Apple CarPlay Android Auto Car Multimedia Player For Audi Q5

from $400.00 $697.00

Save $166.00 Save $166.00

Koason Android Screen Display Upgrade Apple CarPlay Android Auto Car Multimedia Player For Audi A6

from $555.00 $721.00

Save $201.00 Save $201.00

Koason Android Screen Upgrade Apple CarPlay Car Multimedia Player OEM Style for Audi Q7

from $669.00 $870.00

Save $321.00 Save $321.00

KOASON Android Screen Display Upgrade Apple CarPlay Android Auto Car Multimedia Player for Audi A4 A5

from $342.00 $663.00

Save $150.00 Save $150.00

Koason Android Screen Display Upgrade Apple CarPlay Android Auto Car Multimedia Player for Audi Q5

from $537.00 $687.00

Save $138.00 Save $138.00

Koason Android Screen Display Upgrade Apple CarPlay Android Auto Car Multimedia Player for Audi Q3

from $537.00 $675.00

Save $138.00 Save $138.00

Koason Android Screen Display Upgrade Apple CarPlay Android Auto Car Multimedia Player for Audi A6 A7

from $537.00 $675.00

Save $337.00 Save $337.00

Koason Android Screen Upgrade Apple CarPlay Car Multimedia Player OEM Style For Audi A6

from $669.00 $1,006.00

Save $297.00 Save $297.00

Koason Android Screen Display Upgrade Apple CarPlay Android Auto Car Multimedia Player For Audi Q5

from $400.00 $697.00

Save $166.00 Save $166.00

Koason Android Screen Display Upgrade Apple CarPlay Android Auto Car Multimedia Player For Audi A6

from $555.00 $721.00

Save $201.00 Save $201.00

Koason Android Screen Upgrade Apple CarPlay Car Multimedia Player OEM Style for Audi Q7

from $669.00 $870.00

DigItal Cluster Series

Save $344.00 Save $344.00

KOASON 12.3inch LCD For Mercedes BENZ W205 Cluster Dashboard Instrument Full Screen speedometer

$800.00 $1,144.00

Save $424.00 Save $424.00

KOASON 12.3inch LCD For BMW F10 F01 X3 X5 Cluster Dashboard Instrument Full Screen speedometer

$720.00 $1,144.00

Save $92.00 Save $92.00

KOASON 12.3inch LCD For BMW F10 F07 F01 F06 HUD Cluster Dashboard Instrument Full Screen speedometer

$914.00 $1,006.00

Save $377.00 Save $377.00

12.3inch Digital LCD Dashboard Cluster For BMW 5 series E60 E61

$743.00 $1,120.00

Save $206.00 Save $206.00

KOASON 12.3inch Digital LCD Dashboard Cluster For Mercedes BENZ VITO

$914.00 $1,120.00

Save $210.00 Save $210.00

KOASON 12.3inch Digital LCD Dashboard Cluster For Mercedes Benz GLA CLA NTG4.5 5.0

$910.00 $1,120.00

Save $210.00 Save $210.00

KOASON 12.3inch Digital LCD Dashboard Cluster For Mercedes Benz E W212 NTG4.5 2012-2015

$910.00 $1,120.00

Save $92.00 Save $92.00

KOASON 12.3inch Digital LCD Dashboard Cluster For Mercedes Benz C class W204 2011-2014

$914.00 $1,006.00

Save $344.00 Save $344.00

KOASON 12.3inch LCD For Mercedes BENZ W205 Cluster Dashboard Instrument Full Screen speedometer

$800.00 $1,144.00

Save $424.00 Save $424.00

KOASON 12.3inch LCD For BMW F10 F01 X3 X5 Cluster Dashboard Instrument Full Screen speedometer

$720.00 $1,144.00

Save $92.00 Save $92.00

KOASON 12.3inch LCD For BMW F10 F07 F01 F06 HUD Cluster Dashboard Instrument Full Screen speedometer

$914.00 $1,006.00

Save $377.00 Save $377.00

12.3inch Digital LCD Dashboard Cluster For BMW 5 series E60 E61

$743.00 $1,120.00

Before and after installation comparison

Before

After

Other accessories

KOASON Mercedes-Benz A-Class B-Class E-Class C-Class GLC GLB A EQC EQE EQS Dedicated Wire-Free Hidden Car Recorder 4K HD

Save $8.00 Save $8.00

Koason Car OE Radio GPS Splitter Cable and android GPS fakra antenna Accessories

koason HD AHD Car Rear View Camera waterproof Vision Hand pull Car Monitor Car Camera For BMW F20/F21/F22

koason HD AHD Car Rear View Camera waterproof Vision Hand pull for BMW F30 F10 F48 F15

LVDS Signal Switch Box for Mercede Benz Android Screen NTG3.0 NTG4.0

Save $68.00 Save $68.00

KOASON Optional Car 360 camera Sony HD 1080P UHD Bird View Camera and 360 Camera chip for Android Radio Multimedia Player

from $114.00 $182.00

Koason HD CCD Car Rear View Camera waterproof Vision Hand pull Car Monitor Car Camera for Mercedes Benz AM ML GLE GLA Class W166 C292 W176

Save $46.00 Save $46.00

Koason Car DAB/DAB+ Radio Digital Tuner Receiver Module For Android Car Radio System

KOASON Mercedes-Benz A-Class B-Class E-Class C-Class GLC GLB A EQC EQE EQS Dedicated Wire-Free Hidden Car Recorder 4K HD

Save $8.00 Save $8.00

Koason Car OE Radio GPS Splitter Cable and android GPS fakra antenna Accessories

koason HD AHD Car Rear View Camera waterproof Vision Hand pull Car Monitor Car Camera For BMW F20/F21/F22

koason HD AHD Car Rear View Camera waterproof Vision Hand pull for BMW F30 F10 F48 F15

FAQ

View all

Koason

Koason is specialized in R&D，manufacture and distribution of the BMW Mercedes Benz Audi android screen Apple CarPlay upgrade , Our Car multimedia Player and GPS navigation system meet high requirements with CE EMARK FCC certificates and serves customers worldwide.

Service Tel: +8613824321677

Email: support@koason.com

Delivery worldwide

Your global shopping made easy

Shipping Policy

Offer standard and expedited shipping options.

© 2025 Koason Terms-of-service Shipping Policy About us Logistics query Contact us Privacy Policy Refund / Return Policy Intellectual Properyt Rights Reseller or wholesale