mySF + Rumpf

rumpf.html

<!-- Load the mySHOEFITTER Script -->
<script src="https://js.myshoefitter.com/v1/script.js"></script>

<!-- Initialize mySHOEFITTER -->
<script type="application/javascript">
  const isMobile = window.innerWidth <= 800;
  const referenceBtn = isMobile ? '.btn-fibbl.mobile' : '.btn-fibbl.js-hide-on-mobile';
  const isEng = document.querySelector('html').getAttribute('lang').includes('en');
  myshoefitter.init({
    shopSystem: 'shopware',
    enabledProductNames: ['1567', '1533', '1534', 'CH791'],
    button: {
      text: isEng ? 'Find your size' : 'Größe herausfinden',
      logo: false,
      attachTo: referenceBtn,
      position: 'after',
      styles: {
        position: 'absolute',
        fontSize: '11px',
        color: '#B20019',
        fontWeight: isMobile ? 'unset' : 500,
        border: '1px solid',
        borderRadius: 0,
        padding: '7px 24px',
        display: 'flex',
        alignItems: 'center',
        gap: '8px',
        zIndex: 1,
        transition: 'ease-in-out 0.2s',
        width: 'fit-content',
        left: isMobile ? '16px' : '280px',
        top: isMobile ? 'unset' : '36px',
        bottom: isMobile ? '54px' : 'unset'

      }
    }
  });
</script>