# Image Gallery zoom Modal

**URL:** <https://forum.shopware.com/t/image-gallery-zoom-modal/65137>\
**Category:** Themes & Design\
**Created:** [2. März 2020 um 15:54 UTC](https://forum.shopware.com/t/image-gallery-zoom-modal/65137 "2020-03-02T15:54:54Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![kommad](https://avatars.discourse-cdn.com/v4/letter/k/96bed5/32.png) [@kommad](https://forum.shopware.com/u/kommad)\
**Post date:** [2. März 2020 um 15:54 UTC](https://forum.shopware.com/t/image-gallery-zoom-modal/65137/1 "2020-03-02T15:54:54Z")

</div>

die zoom Bilder werden auch initial beim Aufruf der Detailseite geladen, dies verlangsamt das Laden der Seite. Die zoom Bilder sollten erst beim öffnen der zoom gallery geladen werden.

**Gibt es die Möglichkeit dies (in den options) einzustellen?**

&nbsp;

---

<div class="post-metadata">

**Author:** ![kommad](https://avatars.discourse-cdn.com/v4/letter/k/96bed5/32.png) [@kommad](https://forum.shopware.com/u/kommad)\
**Post date:** [16. April 2020 um 15:35 UTC](https://forum.shopware.com/t/image-gallery-zoom-modal/65137/2 "2020-04-16T15:35:56Z")

</div>

found the trick.&nbsp;Wenn für den zoom das 1920px thumbnail verwendet werden soll, muss die size für das zoom bild angegeben werden.

Also 1920 / 2 = 960px&nbsp;

{% block element\_image\_gallery\_inner\_zoom\_modal\_slider\_item\_image %}  
&nbsp; &nbsp; {% sw\_thumbnails ‘gallery-slider-image-thumbnails’ with {  
&nbsp; &nbsp; &nbsp; &nbsp; media: image,  
&nbsp; &nbsp; &nbsp; &nbsp; sizes: {  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ‘default’: ‘960px’  
&nbsp; &nbsp; &nbsp; &nbsp; },  
&nbsp; &nbsp; &nbsp; &nbsp; attributes: {  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ‘class’: ‘gallery-slider-image js-image-zoom-element’,  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ‘alt’: (image.translated.alt ?: fallbackImageTitle),  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ‘title’: (image.translated.title ?: fallbackImageTitle)  
&nbsp; &nbsp; &nbsp; &nbsp; }  
&nbsp; &nbsp; } %}  
{% endblock %}