Shopware Lazy-Loading

Lazyloading im Template:

• Unter: https://luis-almeida.github.io/unveil/ gibt es eine Anleitung und die Datei: jquery.unveil.js
• Diese dann bereitstellen unter: _public > src > js
• in  Theme.php einbinden
• Funktionsaufruf in eigener JS in "DOM Ready" integrieren
• Block für Bilder auf Detailseite anpassen:

  
  {extends file="parent:frontend/detail/image.tpl"}
  
  {block name='frontend_detail_images_picture_element'}
  {if $Controller == 'detail'}
  {assign var="lazyImg" value=","|explode:$image.thumbnails[1].sourceSet}
  {assign var="lazyImgRet" value=" "|explode:$lazyImg[1]}
  <img data-src="{$lazyImg[0]}" data-src-retina="{$lazyImgRet[1]}" src="/media/image/e7/66/bd/loadindicator.gif" alt="{$alt}" itemprop="image" />
  {else}
  {$smarty.block.parent}
  {/if}
  /block}