Hi,

The link will need use a tags not div tags. So it will need look like this:

<a class="cover open-disc" href="www.google.it"></a>

Hi,

The data-url only for open the link with template in our template, it can't open hyperlink as your wish. If you want use hyperlink, it will look like that:

<div class="col-xs-12 col-md-6 item-disc">
                <div class="info-album">
                  <a class="cover open-disc" href="google.com">
                   <img src="images/demo/albums/renegade-master.jpg" alt="Jamis Renegade Master">
                    <div class="rollover">                                <i class="plus"></i>
                      <p>Ascolta</p>
                    </div>
                  </a>
                  <p class="album">Renegade Master</p>
                  <p class="artist">Dimitri Vegas Like Mike # Jamis # Mad Mac</p>
                </div>
              </div>

I hope it's clearly for you now.

At our default template if you want to use rollout you need to use div:

<div class="col-xs-12 col-md-6 item-disc">
                <div class="info-album">
                  Here -> <div class="cover open-disc" data-url="discs/disc-01.html">
                    <img src="images/demo/albums/cover1.jpg" alt="">
                    <div class="rollover">
                      <i class="plus"></i>
                      <p>view album</p>
                    </div>
                  </div>
                  <p class="album">Perfect symmetry</p>
                  <p class="artist">Keane</p>
                </div>
              </div>

Otherwise you'll have to change CSS styling by yourself if you want to use:

<a class="cover open-disc" href="http://www.google.it"></a>

Now about rollout. If you want to use hyperlinks

<div class="cover open-disc" data-url="http://yourserver.com/album-1">

your server should send you data like this http://www.jamis.it/JAMIS/discs/disc-01.html (take a look at the source code).

<div class="container">
        <div class="close-btn"></div>
        <div class="voffset90"></div>
        <div class="row">
          <div class="col-md-4">
            <div class="info-album">
              <div class="cover">
                <img src="images/demo/albums/cover1.jpg" alt="">
              </div>
              <p class="album album-list">Perfect Symmetry</p>
              <p class="artist">Keane</p>
              <div class="voffset20"></div>
              <p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae omnis, debitis.</p>
              <p class="buyalbum">
                <a href="#" class="btn square inverse icon">buy album</a>
              </p>
              <ul class="links">
                <li><a href="#">SHOP 1</a></li>
                <li><a href="#">SHOP 2</a></li>
                <li><a href="#">SHOP 3</a></li>
              </ul>
              <div class="voffset80"></div>
            </div>
          </div></div></div>...