Comment implémenter la transition du widget vers la disposition mobile

Lors de l’initialisation du widget, vous pouvez spécifier si la version mobile doit être utilisée par défaut. Pour ce faire, utilisez le paramètre isMobile de la méthode window.metaframe.create.

Pour basculer entre la disposition mobile et la disposition bureau de Metaframe selon la résolution de l’appareil, utilisez la méthode window.metaframe.setIsMobile.

Exemple de code pour basculer à la disposition mobile de Metaframe pour une résolution d’écran de 1000 px ou moins :

const mediaQuery = window.matchMedia("(max-width: 1000px)");

function handleMetaframeLayoutChange(e) {
window.metaframe.setIsMobile(e.matches);
}

mediaQuery.addEventListener('change', handleMetaframeLayoutChange)