Product images fancybox problem

[Rico_ds]

Hi,

I’m new to presta and I need some help from you guys. I want to show product images in fancybox, and I added the library like in the developers documents is written.  Then in the product-cover-thumbnails.tpl file I have added the data-fancybox.

  {block name='product_cover'}
  <div class="product-cover">
    <a href="{$product.cover.bySize.large_default.url}" data-fancybox>
      <img class="js-qv-product-cover" src="{$product.cover.bySize.large_default.url}" alt="{$product.cover.legend}" title="{$product.cover.legend}" style="width:100%;" itemprop="image">
    </a>
  {/block}

Know I have 2 issues:

1. It shows only the cover image on popup
2. There is no arrows to navigate to other images. I have tried data-fancybox=”group” but it didn’t help.

Any ideas how to fix this?