Hallo,
ich würde gerne den Breakpoint von @tabletViewportWidth verschieben. Hierzu habe ich 2 Anpassungen vorgenommen:
-
Mein_Theme/frontend/_public/src/less/_variables/structure.less
@phoneLandscapeViewportWidth: 30em; // 480px
@tabletViewportWidth: 60em; // 960px
// @tabletViewportWidth: 48em; // 768px
@tabletLandscapeViewportWidth: 64em; // 1024px
@desktopViewportWidth: 78.75em; // 1260px -
Responsive/frontend/_public/src/js/jquery.shopware-responsive.js
[…]
window.StateManager.init([
{
state: ‘xs’,
enter: 0,
exit: 29.9375 // 479px
},
{
state: ‘s’,
enter: 30, // 480px
//exit: 47.9375 // 767px
exit: 59.9375 // 959px
},
{
state: ‘m’,
//enter: 48, // 768px
enter: 60, // 960px
exit: 63.9375 // 1023px
},
{
state: ‘l’,
enter: 64, // 1024px
exit: 78.6875 // 1259px
},
{
state: ‘xl’,
enter: 78.75, // 1260px
exit: 322.5 // 5160px
}
]);
[…]
Wie kann ich die Anpassungen in der jquery.shopware-responsive.js updatesicher vornehmen?
VG,
Philipp