Never mind. I figured it out myself:

In components/com_muscol/templates/template_song.php:

Change line 20 from

<tr class="song-item" {{#if isplayable}}data-isplayable{{/if}} data-id="{{id}}" data-type="song" itemprop="track" itemscope itemtype="http://schema.org/MusicRecording">

to

<tr class="song-item" {{#if isplayable}}data-isplayable{{/if}} data-id="{{id}}" data-type="song" itemprop="track" itemscope itemtype="http://schema.org/MusicRecording" onclick="play_song(jQuery(this));" data-id="{{id}}">

and change line 35 from

 <a class="templateSongLink" href="/{{link}}"><div class="name" itemprop="name">{{name}}</div></a>

to

<div class="name" itemprop="name">{{name}}</div>

Hmm, however this now plays the song when I click the "buy" button, and doesn't stop when I click the pause button on the thumbnail. It'd be great if someone would actually help with this.

Nope - I did figure it out!

Don't edit line 20, leave it as it is.

Change line 22 from

<td class="song">

to

<td class="song" onclick="play_song(jQuery(this));" data-id="{{id}}">

and change line 28 from

<div class="playPauseSongBtn" onclick="play_song(jQuery(this));" data-id="{{id}}"></div>

to

<div class="playPauseSongBtn"></div>

This makes the song play or stop when you click anywhere up to the duration. You still need to change line 35 as above.

I'm a bit disappointed at the "support" paying customers get.

No again, this hasn't worked. Now all songs play the first song.

hi
if you add the data-id="{{id}}" to the element you're clicking on, doesn't it do the trick?

You can see here I have, and wherever I add the code to play the song it always plays the first track:

<td class="song" onclick="play_song(jQuery(this));" data-id="{{id}}">

could you send me a link to this page?

Sure, here you go.

Any thoughts on this? I've left it non-functioning for you to see and I'd rather not leave it that way for long.

Ok man, just checking.

By the way, here's the code as it is at the moment, just to make sure I haven't made a silly error somewhere:

<tr class="song-item" {{#if isplayable}}data-isplayable{{/if}} data-id="{{id}}" data-type="song" itemprop="track" itemscope itemtype="http://schema.org/MusicRecording">



  <td class="song" onclick="play_song(jQuery(this));" data-id="{{id}}">

    <div class="song-image-wrapper" style="background: url('data:image/jpg;base64,{{base64_img}}') center / cover;">

      <meta itemprop="image" content="{{thumbnail_src}}" />

      <div class="imagediv" style="background: url('/{{thumbnail_src}}') center / cover;"></div>

        <?php if (JFactory::getUser()->authorise('muscol.displayplayer', 'com_muscol') ) { ?>

            {{#if isplayable}}

                <div class="playPauseSongBtn"></div>

            {{/if}}

        <?php } ?>

    </div>