<div class="row product-primary">
<div class="product-gallery col-sm-5">
<div id="gallery" class="hidden">
<a itemprop="image" href="HierDerPfadZumErstenBild" title="My First Picture">
<img src="HierDerPfadZumErstenVorschauBild" alt="My First Preview Picture" data-list='{
"xs":{
"src":"HierDerPfadZumErstenThumbnail",
"size":{"width":40,"height":40},
"type":2,
"alt":"My First Thumbnail"
},
"sm":{
"src":"HierDerPfadZumErstenSMBild",
"size":{"width":130,"height":130},
"type":2,
"alt":"My First SM Picture"},
"md":{
"src":"HierDerPfadZumErstenMDBild",
"size":{"width":320,"height":320},
"type":2,
"alt":"My First MDPicture"
},
"lg":{
"src":"HierDerPfadZumErstenLargeBild",
"size":{"width":800,"height":800},
"type":2,
"alt":"My First Large Picture"
}
}' /></a>
<a itemprop="image" href="HierDerPfadZumZweitenBild" title="My Second Picture">
<img src="HierDerPfadZumZweitenVorschauBild" alt="My First Second Picture" data-list='{
"xs":{
"src":"HierDerPfadZumZweitenThumbnail",
"size":{"width":40,"height":40},
"type":2,
"alt":"My Second Thumbnail"
},
"sm":{
"src":"HierDerPfadZumZweitenSMBild",
"size":{"width":130,"height":130},
"type":2,
"alt":"My Second SM Picture"},
"md":{
"src":"HierDerPfadZumZweitenMDBild",
"size":{"width":320,"height":320},
"type":2,
"alt":"My Second MDPicture"
},
"lg":{
"src":"HierDerPfadZumZweitenLargeBild",
"size":{"width":800,"height":800},
"type":2,
"alt":"My Second Large Picture"
}
}' /></a>
</div>
</div>
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
<div class="pswp__bg"></div>
<div class="pswp__scroll-wrap">
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<div class="pswp__ui pswp__ui--hidden">
<div class="pswp__top-bar">
<div class="pswp__counter"></div>
<a class="pswp__button pswp__button--close" title="Close (Esc)"></a>
<a class="pswp__button pswp__button--share" title="Share"></a>
<a class="pswp__button pswp__button--fs" title="Toggle fullscreen"></a>
<a class="pswp__button pswp__button--zoom" title="Zoom in/out"></a>
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div>
</div>
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
<div class="pswp__share-tooltip"></div>
</div>
<a class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
</a>
<a class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
</a>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div>
</div>
