Sightly Template Details

<template data-sly-template.product="${@ item}">
  <a href="${item.url}"
     rel="nofollow"
     class="slide-product-image slide-product-link"
     target="_blank"
     data-type="product-link"
     title="${item.productTitle}"
     data-product-title="${item.advertiser}|${item.productTitle}"
     data-sly-attribute.data-aps-asin="${item.asin}"
     data-sly-attribute.data-aps-asc-tag="${item.tag}"
  >
    <img src="${item.productImage.rendition['sni6col-square']}" alt="${item.productTitle}"/>
  </a>
  <div class="slide-text-wrapper">
    <a href="${item.url}"
       rel="nofollow"
       class="slide-product-title slide-product-link"
       target="_blank"
       data-type="product-link"
       title="${item.productTitle}"
       data-product-title="${item.advertiser}|${item.productTitle}"
       data-sly-attribute.data-aps-asin="${item.asin}"
       data-sly-attribute.data-aps-asc-tag="${item.tag}"
    >
      <h4>${item.productTitle}</h4>
    </a>
    <span class="slide-product-advertiser" data-sly-test="${item.priceAdvertiserString}">
      ${item.priceAdvertiserString}
    </span>
  </div>
</template>