Wie verwende ich das Shopware Menu Scroller Plugin, den "swMenuScroller()"?

Hallo Community,

ich habe auf den Inhaltsseiten ein eigenes Menü eingebaut, in dieser Art:

<div class="container">
  <ul class="my--list">
    {foreach $pages as $subPage}
      <li class="custom-nav-item">
        <a class="custom-link" href="{url controller=custom sCustom=$subPage.id}" title="{$subPage.description}">
          {$subPage.description}
        </a>
      </li>
    {/foreach}
  </ul>
</div>

Das Menü wird auch soweit korrekt ausgegeben.

Da es aber im mobile View umbricht, möchte ich gerne den "swMenuScroller" verwenden.
Ich habe die Klassen wie oben vergeben (also .container und .my--list).

Wie binde ich nun die Funktion korrekt ein?
Ich habe in die header.tpl folgendes eingefügt:

<script type="text/javascript">
  $(window).load(function() {
    $('.container').swMenuScroller();
  });
</script>

Aber in der Konsole erhalte ich nur folgenden Fehler:
 

ReferenceError: $ is not defined
$(window).load(function()

	

Kann mir hier bitte jemand helfen?
 

Vielen dank,

F.