From 6af7c7a9961749257d8852ab0abeca3697e051c7 Mon Sep 17 00:00:00 2001
From: tinect <s.koenig@tinect.de>
Date: Tue, 27 Oct 2020 17:01:57 +0100
Subject: [PATCH] Add option to specify max size of container

---
 CHANGELOG_de-DE.md                                  |  4 ++++
 CHANGELOG_en-GB.md                                  |  4 ++++
 composer.json                                       |  2 +-
 .../js/frosh-platform-thumbnail-processor.js        |  2 +-
 src/Resources/config/config.xml                     | 13 +++++++++++--
 .../js/frosh-platform-thumbnail-processor.js        |  2 +-
 .../views/storefront/utilities/thumbnail.html.twig  |  7 ++++++-
 7 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG_de-DE.md b/CHANGELOG_de-DE.md
index 1ffd29f..f8ff8a4 100644
--- a/CHANGELOG_de-DE.md
+++ b/CHANGELOG_de-DE.md
@@ -1,3 +1,7 @@
+# 1.0.13
+
+* FEATURE Option hinzugefügt, um die maximale Containergröße zu definieren
+
 # 1.0.12
 
 * BUGFIX Behebe Problem beim Ersetzen von Medien
diff --git a/CHANGELOG_en-GB.md b/CHANGELOG_en-GB.md
index eebd16d..f0eb289 100644
--- a/CHANGELOG_en-GB.md
+++ b/CHANGELOG_en-GB.md
@@ -1,3 +1,7 @@
+# 1.0.13
+
+* FEATURE Added Option to set max width of container
+
 # 1.0.12
 
 * BUGFIX Fix error when replacing media
diff --git a/composer.json b/composer.json
index a337742..a7760b4 100644
--- a/composer.json
+++ b/composer.json
@@ -11,7 +11,7 @@
         "thumbnail"
     ],
     "description": "This plugins allows you to use variable thumbnails, without having them on storage.",
-    "version": "1.0.12",
+    "version": "1.0.13",
     "type": "shopware-platform-plugin",
     "license": "mit",
     "authors": [
diff --git a/src/Resources/app/storefront/dist/storefront/js/frosh-platform-thumbnail-processor.js b/src/Resources/app/storefront/dist/storefront/js/frosh-platform-thumbnail-processor.js
index d62407f..c27830c 100644
--- a/src/Resources/app/storefront/dist/storefront/js/frosh-platform-thumbnail-processor.js
+++ b/src/Resources/app/storefront/dist/storefront/js/frosh-platform-thumbnail-processor.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([["frosh-platform-thumbnail-processor"],{"/C/M":function(t,e,i){var n,a,r;!function(o,s){if(o){s=s.bind(null,o,o.document),t.exports?s(i("gyLt")):(a=[i("gyLt")],void 0===(r="function"==typeof(n=s)?n.apply(e,a):n)||(t.exports=r))}}("undefined"!=typeof window?window:0,(function(t,e,i){"use strict";var n=function(){var a,r,o,s,l,d,c,u=i.cfg,f={"data-bgset":1,"data-include":1,"data-poster":1,"data-bg":1,"data-script":1},v="(\\s|^)("+u.loadedClass,g=e.documentElement,p=function(t){i.rAF((function(){i.rC(t,u.loadedClass),u.unloadedClass&&i.rC(t,u.unloadedClass),i.aC(t,u.lazyClass),("none"==t.style.display||t.parentNode&&"none"==t.parentNode.style.display)&&setTimeout((function(){i.loader.unveil(t)}),0)}))},y=function(t){var e,i,n,a;for(e=0,i=t.length;e<i;e++)(a=(n=t[e]).target).getAttribute(n.attributeName)&&("source"==a.localName&&a.parentNode&&(a=a.parentNode.querySelector("img")),a&&v.test(a.className)&&p(a))};u.unloadedClass&&(v+="|"+u.unloadedClass),v+="|"+u.loadingClass+")(\\s|$)",v=new RegExp(v),f[u.srcAttr]=1,f[u.srcsetAttr]=1,t.MutationObserver?(o=new MutationObserver(y),a=function(){s||(s=!0,o.observe(g,{subtree:!0,attributes:!0,attributeFilter:Object.keys(f)}))},r=function(){s&&(s=!1,o.disconnect())}):(g.addEventListener("DOMAttrModified",(d=[],c=function(){y(d),d=[],l=!1},function(t){s&&f[t.attrName]&&t.newValue&&(d.push({target:t.target,attributeName:t.attrName}),l||(setTimeout(c),l=!0))}),!0),a=function(){s=!0},r=function(){s=!1}),addEventListener("lazybeforeunveil",r,!0),addEventListener("lazybeforeunveil",a),addEventListener("lazybeforesizes",r,!0),addEventListener("lazybeforesizes",a),a(),removeEventListener("lazybeforeunveil",n)};addEventListener("lazybeforeunveil",n)}))},"0GdD":function(t,e,i){var n,a,r;!function(o,s){if(o){s=s.bind(null,o,o.document),t.exports?s(i("gyLt")):(a=[i("gyLt")],void 0===(r="function"==typeof(n=s)?n.apply(e,a):n)||(t.exports=r))}}("undefined"!=typeof window?window:0,(function(t,e,i,n){"use strict";var a,r=e.createElement("a").style,o="objectFit"in r,s=/object-fit["']*\s*:\s*["']*(contain|cover)/,l=/object-position["']*\s*:\s*["']*(.+?)(?=($|,|'|"|;))/,d="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",c=/\(|\)|'/,u={center:"center","50% 50%":"center"};function f(t,n){var r,o,s,l,u=i.cfg,f=function(){var e=t.currentSrc||t.src;e&&o!==e&&(o=e,l.backgroundImage="url("+(c.test(e)?JSON.stringify(e):e)+")",r||(r=!0,i.rC(s,u.loadingClass),i.aC(s,u.loadedClass)))},v=function(){i.rAF(f)};t._lazysizesParentFit=n.fit,t.addEventListener("lazyloaded",v,!0),t.addEventListener("load",v,!0),i.rAF((function(){var r=t,o=t.parentNode;"PICTURE"==o.nodeName.toUpperCase()&&(r=o,o=o.parentNode),function(t){var e=t.previousElementSibling;e&&i.hC(e,a)&&(e.parentNode.removeChild(e),t.style.position=e.getAttribute("data-position")||"",t.style.visibility=e.getAttribute("data-visibility")||"")}(r),a||function(){if(!a){var t=e.createElement("style");a=i.cfg.objectFitClass||"lazysizes-display-clone",e.querySelector("head").appendChild(t)}}(),s=t.cloneNode(!1),l=s.style,s.addEventListener("load",(function(){var t=s.currentSrc||s.src;t&&t!=d&&(s.src=d,s.srcset="")})),i.rC(s,u.loadedClass),i.rC(s,u.lazyClass),i.rC(s,u.autosizesClass),i.aC(s,u.loadingClass),i.aC(s,a),["data-parent-fit","data-parent-container","data-object-fit-polyfilled",u.srcsetAttr,u.srcAttr].forEach((function(t){s.removeAttribute(t)})),s.src=d,s.srcset="",l.backgroundRepeat="no-repeat",l.backgroundPosition=n.position,l.backgroundSize=n.fit,s.setAttribute("data-position",r.style.position),s.setAttribute("data-visibility",r.style.visibility),r.style.visibility="hidden",r.style.position="absolute",t.setAttribute("data-parent-fit",n.fit),t.setAttribute("data-parent-container","prev"),t.setAttribute("data-object-fit-polyfilled",""),t._objectFitPolyfilledDisplay=s,o.insertBefore(s,r),t._lazysizesParentFit&&delete t._lazysizesParentFit,t.complete&&f()}))}if(!o||!(o&&"objectPosition"in r)){var v=function(t){if(t.detail.instance==i){var e=t.target,n=function(t){var e=(getComputedStyle(t,null)||{}).fontFamily||"",i=e.match(s)||"",n=i&&e.match(l)||"";return n&&(n=n[1]),{fit:i&&i[1]||"",position:u[n]||n||"center"}}(e);return!(!n.fit||o&&"center"==n.position)&&(f(e,n),!0)}};t.addEventListener("lazybeforesizes",(function(t){if(t.detail.instance==i){var e=t.target;null==e.getAttribute("data-object-fit-polyfilled")||e._objectFitPolyfilledDisplay||v(t)||i.rAF((function(){e.removeAttribute("data-object-fit-polyfilled")}))}})),t.addEventListener("lazyunveilread",v,!0),n&&n.detail&&v(n)}}))},B6W3:function(t,e,i){var n,a,r;!function(o,s){s=s.bind(null,o,o.document),t.exports?s(i("gyLt")):(a=[i("gyLt")],void 0===(r="function"==typeof(n=s)?n.apply(e,a):n)||(t.exports=r))}(window,(function(t,e,i){"use strict";var n="loading"in HTMLImageElement.prototype,a="loading"in HTMLIFrameElement.prototype,r=!1,o=i.prematureUnveil,s=i.cfg,l={focus:1,mouseover:1,click:1,load:1,transitionend:1,animationend:1,scroll:1,resize:1};function d(){var o,d,c,u;r||(r=!0,n&&a&&s.nativeLoading.disableListeners&&(!0===s.nativeLoading.disableListeners&&(s.nativeLoading.setLoadingAttribute=!0),o=i.loader,d=o.checkElems,c=function(){setTimeout((function(){t.removeEventListener("scroll",o._aLSL,!0)}),1e3)},(u="object"==typeof s.nativeLoading.disableListeners?s.nativeLoading.disableListeners:l).scroll&&(t.addEventListener("load",c),c(),t.removeEventListener("scroll",d,!0)),u.resize&&t.removeEventListener("resize",d,!0),Object.keys(u).forEach((function(t){u[t]&&e.removeEventListener(t,d,!0)}))),s.nativeLoading.setLoadingAttribute&&t.addEventListener("lazybeforeunveil",(function(t){var e=t.target;"loading"in e&&!e.getAttribute("loading")&&e.setAttribute("loading","lazy")}),!0))}s.nativeLoading||(s.nativeLoading={}),t.addEventListener&&t.MutationObserver&&(n||a)&&(i.prematureUnveil=function(t){return r||d(),!(!("loading"in t)||!s.nativeLoading.setLoadingAttribute&&!t.getAttribute("loading")||"auto"==t.getAttribute("data-sizes")&&!t.offsetWidth)||(o?o(t):void 0)})}))},gyLt:function(t,e,i){!function(e,i){var n=function(t,e,i){"use strict";var n,a;if(function(){var e,i={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:!0,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:!0,ricTimeout:0,throttleDelay:125};for(e in a=t.lazySizesConfig||t.lazysizesConfig||{},i)e in a||(a[e]=i[e])}(),!e||!e.getElementsByClassName)return{init:function(){},cfg:a,noSupport:!0};var r=e.documentElement,o=t.HTMLPictureElement,s=t.addEventListener.bind(t),l=t.setTimeout,d=t.requestAnimationFrame||l,c=t.requestIdleCallback,u=/^picture$/i,f=["load","error","lazyincluded","_lazyloaded"],v={},g=Array.prototype.forEach,p=function(t,e){return v[e]||(v[e]=new RegExp("(\\s|^)"+e+"(\\s|$)")),v[e].test(t.getAttribute("class")||"")&&v[e]},y=function(t,e){p(t,e)||t.setAttribute("class",(t.getAttribute("class")||"").trim()+" "+e)},b=function(t,e){var i;(i=p(t,e))&&t.setAttribute("class",(t.getAttribute("class")||"").replace(i," "))},m=function(t,e,i){var n=i?"addEventListener":"removeEventListener";i&&m(t,e),f.forEach((function(i){t[n](i,e)}))},A=function(t,i,a,r,o){var s=e.createEvent("Event");return a||(a={}),a.instance=n,s.initEvent(i,!r,!o),s.detail=a,t.dispatchEvent(s),s},h=function(e,i){var n;!o&&(n=t.picturefill||a.pf)?(i&&i.src&&!e.getAttribute("srcset")&&e.setAttribute("srcset",i.src),n({reevaluate:!0,elements:[e]})):i&&i.src&&(e.src=i.src)},z=function(t,e){return(getComputedStyle(t,null)||{})[e]},C=function(t,e,i){for(i=i||t.offsetWidth;i<a.minSize&&e&&!t._lazysizesWidth;)i=e.offsetWidth,e=e.parentNode;return i},E=(vt=[],gt=[],pt=vt,yt=function(){var t=pt;for(pt=vt.length?gt:vt,ut=!0,ft=!1;t.length;)t.shift()();ut=!1},bt=function(t,i){ut&&!i?t.apply(this,arguments):(pt.push(t),ft||(ft=!0,(e.hidden?l:d)(yt)))},bt._lsFlush=yt,bt),L=function(t,e){return e?function(){E(t)}:function(){var e=this,i=arguments;E((function(){t.apply(e,i)}))}},w=function(t){var e,n,a=function(){e=null,t()},r=function(){var t=i.now()-n;t<99?l(r,99-t):(c||a)(a)};return function(){n=i.now(),e||(e=l(r,99))}},N=(q=/^img$/i,J=/^iframe$/i,G="onscroll"in t&&!/(gle|ing)bot/.test(navigator.userAgent),Q=0,V=0,X=-1,K=function(t){V--,(!t||V<0||!t.target)&&(V=0)},Y=function(t){return null==$&&($="hidden"==z(e.body,"visibility")),$||!("hidden"==z(t.parentNode,"visibility")&&"hidden"==z(t,"visibility"))},Z=function(t,i){var n,a=t,o=Y(t);for(D-=i,U+=i,I-=i,H+=i;o&&(a=a.offsetParent)&&a!=e.body&&a!=r;)(o=(z(a,"opacity")||1)>0)&&"visible"!=z(a,"overflow")&&(n=a.getBoundingClientRect(),o=H>n.left&&I<n.right&&U>n.top-1&&D<n.bottom+1);return o},tt=function(){var t,i,o,s,l,d,c,u,f,v,g,p,y=n.elements;if((B=a.loadMode)&&V<8&&(t=y.length)){for(i=0,X++;i<t;i++)if(y[i]&&!y[i]._lazyRace)if(!G||n.prematureUnveil&&n.prematureUnveil(y[i]))st(y[i]);else if((u=y[i].getAttribute("data-expand"))&&(d=1*u)||(d=Q),v||(v=!a.expand||a.expand<1?r.clientHeight>500&&r.clientWidth>500?500:370:a.expand,n._defEx=v,g=v*a.expFactor,p=a.hFac,$=null,Q<g&&V<1&&X>2&&B>2&&!e.hidden?(Q=g,X=0):Q=B>1&&X>1&&V<6?v:0),f!==d&&(O=innerWidth+d*p,R=innerHeight+d,c=-1*d,f=d),o=y[i].getBoundingClientRect(),(U=o.bottom)>=c&&(D=o.top)<=R&&(H=o.right)>=c*p&&(I=o.left)<=O&&(U||H||I||D)&&(a.loadHidden||Y(y[i]))&&(T&&V<3&&!u&&(B<3||X<4)||Z(y[i],d))){if(st(y[i]),l=!0,V>9)break}else!l&&T&&!s&&V<4&&X<4&&B>2&&(P[0]||a.preloadAfterLoad)&&(P[0]||!u&&(U||H||I||D||"auto"!=y[i].getAttribute(a.sizesAttr)))&&(s=P[0]||y[i]);s&&!l&&st(s)}},et=function(t){var e,n=0,r=a.throttleDelay,o=a.ricTimeout,s=function(){e=!1,n=i.now(),t()},d=c&&o>49?function(){c(s,{timeout:o}),o!==a.ricTimeout&&(o=a.ricTimeout)}:L((function(){l(s)}),!0);return function(t){var a;(t=!0===t)&&(o=33),e||(e=!0,(a=r-(i.now()-n))<0&&(a=0),t||a<9?d():l(d,a))}}(tt),it=function(t){var e=t.target;e._lazyCache?delete e._lazyCache:(K(t),y(e,a.loadedClass),b(e,a.loadingClass),m(e,at),A(e,"lazyloaded"))},nt=L(it),at=function(t){nt({target:t.target})},rt=function(t){var e,i=t.getAttribute(a.srcsetAttr);(e=a.customMedia[t.getAttribute("data-media")||t.getAttribute("media")])&&t.setAttribute("media",e),i&&t.setAttribute("srcset",i)},ot=L((function(t,e,i,n,r){var o,s,d,c,f,v;(f=A(t,"lazybeforeunveil",e)).defaultPrevented||(n&&(i?y(t,a.autosizesClass):t.setAttribute("sizes",n)),s=t.getAttribute(a.srcsetAttr),o=t.getAttribute(a.srcAttr),r&&(c=(d=t.parentNode)&&u.test(d.nodeName||"")),v=e.firesLoad||"src"in t&&(s||o||c),f={target:t},y(t,a.loadingClass),v&&(clearTimeout(k),k=l(K,2500),m(t,at,!0)),c&&g.call(d.getElementsByTagName("source"),rt),s?t.setAttribute("srcset",s):o&&!c&&(J.test(t.nodeName)?function(t,e){try{t.contentWindow.location.replace(e)}catch(i){t.src=e}}(t,o):t.src=o),r&&(s||c)&&h(t,{src:o})),t._lazyRace&&delete t._lazyRace,b(t,a.lazyClass),E((function(){var e=t.complete&&t.naturalWidth>1;v&&!e||(e&&y(t,"ls-is-cached"),it(f),t._lazyCache=!0,l((function(){"_lazyCache"in t&&delete t._lazyCache}),9)),"lazy"==t.loading&&V--}),!0)})),st=function(t){if(!t._lazyRace){var e,i=q.test(t.nodeName),n=i&&(t.getAttribute(a.sizesAttr)||t.getAttribute("sizes")),r="auto"==n;(!r&&T||!i||!t.getAttribute("src")&&!t.srcset||t.complete||p(t,a.errorClass)||!p(t,a.lazyClass))&&(e=A(t,"lazyunveilread").detail,r&&_.updateElem(t,!0,t.offsetWidth),t._lazyRace=!0,V++,ot(t,e,r,n,i))}},lt=w((function(){a.loadMode=3,et()})),dt=function(){3==a.loadMode&&(a.loadMode=2),lt()},ct=function(){T||(i.now()-W<999?l(ct,999):(T=!0,a.loadMode=3,et(),s("scroll",dt,!0)))},{_:function(){W=i.now(),n.elements=e.getElementsByClassName(a.lazyClass),P=e.getElementsByClassName(a.lazyClass+" "+a.preloadClass),s("scroll",et,!0),s("resize",et,!0),s("pageshow",(function(t){if(t.persisted){var i=e.querySelectorAll("."+a.loadingClass);i.length&&i.forEach&&d((function(){i.forEach((function(t){t.complete&&st(t)}))}))}})),t.MutationObserver?new MutationObserver(et).observe(r,{childList:!0,subtree:!0,attributes:!0}):(r.addEventListener("DOMNodeInserted",et,!0),r.addEventListener("DOMAttrModified",et,!0),setInterval(et,999)),s("hashchange",et,!0),["focus","mouseover","click","load","transitionend","animationend"].forEach((function(t){e.addEventListener(t,et,!0)})),/d$|^c/.test(e.readyState)?ct():(s("load",ct),e.addEventListener("DOMContentLoaded",et),l(ct,2e4)),n.elements.length?(tt(),E._lsFlush()):et()},checkElems:et,unveil:st,_aLSL:dt}),_=(S=L((function(t,e,i,n){var a,r,o;if(t._lazysizesWidth=n,n+="px",t.setAttribute("sizes",n),u.test(e.nodeName||""))for(r=0,o=(a=e.getElementsByTagName("source")).length;r<o;r++)a[r].setAttribute("sizes",n);i.detail.dataAttr||h(t,i.detail)})),x=function(t,e,i){var n,a=t.parentNode;a&&(i=C(t,a,i),(n=A(t,"lazybeforesizes",{width:i,dataAttr:!!e})).defaultPrevented||(i=n.detail.width)&&i!==t._lazysizesWidth&&S(t,a,n,i))},j=w((function(){var t,e=M.length;if(e)for(t=0;t<e;t++)x(M[t])})),{_:function(){M=e.getElementsByClassName(a.autosizesClass),s("resize",j)},checkElems:j,updateElem:x}),F=function(){!F.i&&e.getElementsByClassName&&(F.i=!0,_._(),N._())};var M,S,x,j;var P,T,k,B,W,O,R,D,I,H,U,$,q,J,G,Q,V,X,K,Y,Z,tt,et,it,nt,at,rt,ot,st,lt,dt,ct;var ut,ft,vt,gt,pt,yt,bt;return l((function(){a.init&&F()})),n={cfg:a,autoSizer:_,loader:N,init:F,uP:h,aC:y,rC:b,hC:p,fire:A,gW:C,rAF:E}}(e,e.document,Date);e.lazySizes=n,t.exports&&(t.exports=n)}("undefined"!=typeof window?window:{})},jrnS:function(t,e,i){"use strict";i.r(e);var n=i("nhVY");i("gyLt"),i("B6W3"),i("/C/M"),i("tsXc"),i("0GdD");document.addEventListener("lazyloaded",n.a.debounce((function(t){if(t.target.classList.contains("tns-complete")){var e=window.document.createEvent("UIEvents");e.initUIEvent("resize",!0,!1,window,0),window.dispatchEvent(e)}}),400))},tsXc:function(t,e,i){(function(n){var a,r,o;!function(n,s){if(n){s=s.bind(null,n,n.document),t.exports?s(i("gyLt")):(r=[i("gyLt")],void 0===(o="function"==typeof(a=s)?a.apply(e,r):a)||(t.exports=o))}}("undefined"!=typeof window?window:0,(function(t,e,i){"use strict";if(t.addEventListener){var a=/\s+(\d+)(w|h)\s+(\d+)(w|h)/,r=/parent-fit["']*\s*:\s*["']*(contain|cover|width)/,o=/parent-container["']*\s*:\s*["']*(.+?)(?=(\s|$|,|'|"|;))/,s=/^picture$/i,l=i.cfg,d={getParent:function(e,i){var a=e,r=e.parentNode;return i&&"prev"!=i||!r||!s.test(r.nodeName||"")||(r=r.parentNode),"self"!=i&&(a="prev"==i?e.previousElementSibling:i&&(r.closest||t.jQuery)&&(r.closest?r.closest(i):n(r).closest(i)[0])||r),a},getFit:function(t){var e,i,n=getComputedStyle(t,null)||{},a=n.content||n.fontFamily,s={fit:t._lazysizesParentFit||t.getAttribute("data-parent-fit")};return!s.fit&&a&&(e=a.match(r))&&(s.fit=e[1]),s.fit?(!(i=t._lazysizesParentContainer||t.getAttribute("data-parent-container"))&&a&&(e=a.match(o))&&(i=e[1]),s.parent=d.getParent(t,i)):s.fit=n.objectFit,s},getImageRatio:function(e){var i,n,r,o,d,c,u,f=e.parentNode,v=f&&s.test(f.nodeName||"")?f.querySelectorAll("source, img"):[e];for(i=0;i<v.length;i++)if(n=(e=v[i]).getAttribute(l.srcsetAttr)||e.getAttribute("srcset")||e.getAttribute("data-pfsrcset")||e.getAttribute("data-risrcset")||"",r=e._lsMedia||e.getAttribute("media"),r=l.customMedia[e.getAttribute("data-media")||r]||r,n&&(!r||(t.matchMedia&&matchMedia(r)||{}).matches)){(o=parseFloat(e.getAttribute("data-aspectratio")))||((d=n.match(a))?"w"==d[2]?(c=d[1],u=d[3]):(c=d[3],u=d[1]):(c=e.getAttribute("width"),u=e.getAttribute("height")),o=c/u);break}return o},calculateSize:function(t,e){var i,n,a,r=this.getFit(t),o=r.fit,s=r.parent;return"width"==o||("contain"==o||"cover"==o)&&(n=this.getImageRatio(t))?(s?e=s.clientWidth:s=t,a=e,"width"==o?a=e:(i=e/s.clientHeight)&&("cover"==o&&i<n||"contain"==o&&i>n)&&(a=e*(n/i)),a):e}};i.parentFit=d,e.addEventListener("lazybeforesizes",(function(t){if(!t.defaultPrevented&&t.detail.instance==i){var e=t.target;t.detail.width=d.calculateSize(e,t.detail.width)}}))}}))}).call(this,i("UoTJ"))}},[["jrnS","runtime","vendor-node","vendor-shared"]]]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([["frosh-platform-thumbnail-processor"],{"/C/M":function(t,e,i){var n,a,r;!function(o,s){if(o){s=s.bind(null,o,o.document),t.exports?s(i("gyLt")):(a=[i("gyLt")],void 0===(r="function"==typeof(n=s)?n.apply(e,a):n)||(t.exports=r))}}("undefined"!=typeof window?window:0,(function(t,e,i){"use strict";var n=function(){var a,r,o,s,l,d,c,u=i.cfg,f={"data-bgset":1,"data-include":1,"data-poster":1,"data-bg":1,"data-script":1},v="(\\s|^)("+u.loadedClass,g=e.documentElement,p=function(t){i.rAF((function(){i.rC(t,u.loadedClass),u.unloadedClass&&i.rC(t,u.unloadedClass),i.aC(t,u.lazyClass),("none"==t.style.display||t.parentNode&&"none"==t.parentNode.style.display)&&setTimeout((function(){i.loader.unveil(t)}),0)}))},y=function(t){var e,i,n,a;for(e=0,i=t.length;e<i;e++)(a=(n=t[e]).target).getAttribute(n.attributeName)&&("source"==a.localName&&a.parentNode&&(a=a.parentNode.querySelector("img")),a&&v.test(a.className)&&p(a))};u.unloadedClass&&(v+="|"+u.unloadedClass),v+="|"+u.loadingClass+")(\\s|$)",v=new RegExp(v),f[u.srcAttr]=1,f[u.srcsetAttr]=1,t.MutationObserver?(o=new MutationObserver(y),a=function(){s||(s=!0,o.observe(g,{subtree:!0,attributes:!0,attributeFilter:Object.keys(f)}))},r=function(){s&&(s=!1,o.disconnect())}):(g.addEventListener("DOMAttrModified",(d=[],c=function(){y(d),d=[],l=!1},function(t){s&&f[t.attrName]&&t.newValue&&(d.push({target:t.target,attributeName:t.attrName}),l||(setTimeout(c),l=!0))}),!0),a=function(){s=!0},r=function(){s=!1}),addEventListener("lazybeforeunveil",r,!0),addEventListener("lazybeforeunveil",a),addEventListener("lazybeforesizes",r,!0),addEventListener("lazybeforesizes",a),a(),removeEventListener("lazybeforeunveil",n)};addEventListener("lazybeforeunveil",n)}))},"0GdD":function(t,e,i){var n,a,r;!function(o,s){if(o){s=s.bind(null,o,o.document),t.exports?s(i("gyLt")):(a=[i("gyLt")],void 0===(r="function"==typeof(n=s)?n.apply(e,a):n)||(t.exports=r))}}("undefined"!=typeof window?window:0,(function(t,e,i,n){"use strict";var a,r=e.createElement("a").style,o="objectFit"in r,s=/object-fit["']*\s*:\s*["']*(contain|cover)/,l=/object-position["']*\s*:\s*["']*(.+?)(?=($|,|'|"|;))/,d="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",c=/\(|\)|'/,u={center:"center","50% 50%":"center"};function f(t,n){var r,o,s,l,u=i.cfg,f=function(){var e=t.currentSrc||t.src;e&&o!==e&&(o=e,l.backgroundImage="url("+(c.test(e)?JSON.stringify(e):e)+")",r||(r=!0,i.rC(s,u.loadingClass),i.aC(s,u.loadedClass)))},v=function(){i.rAF(f)};t._lazysizesParentFit=n.fit,t.addEventListener("lazyloaded",v,!0),t.addEventListener("load",v,!0),i.rAF((function(){var r=t,o=t.parentNode;"PICTURE"==o.nodeName.toUpperCase()&&(r=o,o=o.parentNode),function(t){var e=t.previousElementSibling;e&&i.hC(e,a)&&(e.parentNode.removeChild(e),t.style.position=e.getAttribute("data-position")||"",t.style.visibility=e.getAttribute("data-visibility")||"")}(r),a||function(){if(!a){var t=e.createElement("style");a=i.cfg.objectFitClass||"lazysizes-display-clone",e.querySelector("head").appendChild(t)}}(),s=t.cloneNode(!1),l=s.style,s.addEventListener("load",(function(){var t=s.currentSrc||s.src;t&&t!=d&&(s.src=d,s.srcset="")})),i.rC(s,u.loadedClass),i.rC(s,u.lazyClass),i.rC(s,u.autosizesClass),i.aC(s,u.loadingClass),i.aC(s,a),["data-parent-fit","data-parent-container","data-object-fit-polyfilled",u.srcsetAttr,u.srcAttr].forEach((function(t){s.removeAttribute(t)})),s.src=d,s.srcset="",l.backgroundRepeat="no-repeat",l.backgroundPosition=n.position,l.backgroundSize=n.fit,s.setAttribute("data-position",r.style.position),s.setAttribute("data-visibility",r.style.visibility),r.style.visibility="hidden",r.style.position="absolute",t.setAttribute("data-parent-fit",n.fit),t.setAttribute("data-parent-container","prev"),t.setAttribute("data-object-fit-polyfilled",""),t._objectFitPolyfilledDisplay=s,o.insertBefore(s,r),t._lazysizesParentFit&&delete t._lazysizesParentFit,t.complete&&f()}))}if(!o||!(o&&"objectPosition"in r)){var v=function(t){if(t.detail.instance==i){var e=t.target,n=function(t){var e=(getComputedStyle(t,null)||{}).fontFamily||"",i=e.match(s)||"",n=i&&e.match(l)||"";return n&&(n=n[1]),{fit:i&&i[1]||"",position:u[n]||n||"center"}}(e);return!(!n.fit||o&&"center"==n.position)&&(f(e,n),!0)}};t.addEventListener("lazybeforesizes",(function(t){if(t.detail.instance==i){var e=t.target;null==e.getAttribute("data-object-fit-polyfilled")||e._objectFitPolyfilledDisplay||v(t)||i.rAF((function(){e.removeAttribute("data-object-fit-polyfilled")}))}})),t.addEventListener("lazyunveilread",v,!0),n&&n.detail&&v(n)}}))},B6W3:function(t,e,i){var n,a,r;!function(o,s){s=s.bind(null,o,o.document),t.exports?s(i("gyLt")):(a=[i("gyLt")],void 0===(r="function"==typeof(n=s)?n.apply(e,a):n)||(t.exports=r))}(window,(function(t,e,i){"use strict";var n="loading"in HTMLImageElement.prototype,a="loading"in HTMLIFrameElement.prototype,r=!1,o=i.prematureUnveil,s=i.cfg,l={focus:1,mouseover:1,click:1,load:1,transitionend:1,animationend:1,scroll:1,resize:1};function d(){var o,d,c,u;r||(r=!0,n&&a&&s.nativeLoading.disableListeners&&(!0===s.nativeLoading.disableListeners&&(s.nativeLoading.setLoadingAttribute=!0),o=i.loader,d=o.checkElems,c=function(){setTimeout((function(){t.removeEventListener("scroll",o._aLSL,!0)}),1e3)},(u="object"==typeof s.nativeLoading.disableListeners?s.nativeLoading.disableListeners:l).scroll&&(t.addEventListener("load",c),c(),t.removeEventListener("scroll",d,!0)),u.resize&&t.removeEventListener("resize",d,!0),Object.keys(u).forEach((function(t){u[t]&&e.removeEventListener(t,d,!0)}))),s.nativeLoading.setLoadingAttribute&&t.addEventListener("lazybeforeunveil",(function(t){var e=t.target;"loading"in e&&!e.getAttribute("loading")&&e.setAttribute("loading","lazy")}),!0))}s.nativeLoading||(s.nativeLoading={}),t.addEventListener&&t.MutationObserver&&(n||a)&&(i.prematureUnveil=function(t){return r||d(),!(!("loading"in t&&(s.nativeLoading.setLoadingAttribute||t.getAttribute("loading")))||"auto"==t.getAttribute("data-sizes")&&!t.offsetWidth)||(o?o(t):void 0)})}))},gyLt:function(t,e,i){!function(e,i){var n=function(t,e,i){"use strict";var n,a;if(function(){var e,i={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:!0,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:!0,ricTimeout:0,throttleDelay:125};for(e in a=t.lazySizesConfig||t.lazysizesConfig||{},i)e in a||(a[e]=i[e])}(),!e||!e.getElementsByClassName)return{init:function(){},cfg:a,noSupport:!0};var r=e.documentElement,o=t.HTMLPictureElement,s=t.addEventListener.bind(t),l=t.setTimeout,d=t.requestAnimationFrame||l,c=t.requestIdleCallback,u=/^picture$/i,f=["load","error","lazyincluded","_lazyloaded"],v={},g=Array.prototype.forEach,p=function(t,e){return v[e]||(v[e]=new RegExp("(\\s|^)"+e+"(\\s|$)")),v[e].test(t.getAttribute("class")||"")&&v[e]},y=function(t,e){p(t,e)||t.setAttribute("class",(t.getAttribute("class")||"").trim()+" "+e)},b=function(t,e){var i;(i=p(t,e))&&t.setAttribute("class",(t.getAttribute("class")||"").replace(i," "))},m=function(t,e,i){var n=i?"addEventListener":"removeEventListener";i&&m(t,e),f.forEach((function(i){t[n](i,e)}))},A=function(t,i,a,r,o){var s=e.createEvent("Event");return a||(a={}),a.instance=n,s.initEvent(i,!r,!o),s.detail=a,t.dispatchEvent(s),s},h=function(e,i){var n;!o&&(n=t.picturefill||a.pf)?(i&&i.src&&!e.getAttribute("srcset")&&e.setAttribute("srcset",i.src),n({reevaluate:!0,elements:[e]})):i&&i.src&&(e.src=i.src)},z=function(t,e){return(getComputedStyle(t,null)||{})[e]},C=function(t,e,i){for(i=i||t.offsetWidth;i<a.minSize&&e&&!t._lazysizesWidth;)i=e.offsetWidth,e=e.parentNode;return i},E=(vt=[],gt=[],pt=vt,yt=function(){var t=pt;for(pt=vt.length?gt:vt,ut=!0,ft=!1;t.length;)t.shift()();ut=!1},bt=function(t,i){ut&&!i?t.apply(this,arguments):(pt.push(t),ft||(ft=!0,(e.hidden?l:d)(yt)))},bt._lsFlush=yt,bt),L=function(t,e){return e?function(){E(t)}:function(){var e=this,i=arguments;E((function(){t.apply(e,i)}))}},w=function(t){var e,n,a=function(){e=null,t()},r=function(){var t=i.now()-n;t<99?l(r,99-t):(c||a)(a)};return function(){n=i.now(),e||(e=l(r,99))}},N=(q=/^img$/i,J=/^iframe$/i,G="onscroll"in t&&!/(gle|ing)bot/.test(navigator.userAgent),Q=0,V=0,X=-1,K=function(t){V--,(!t||V<0||!t.target)&&(V=0)},Y=function(t){return null==$&&($="hidden"==z(e.body,"visibility")),$||!("hidden"==z(t.parentNode,"visibility")&&"hidden"==z(t,"visibility"))},Z=function(t,i){var n,a=t,o=Y(t);for(D-=i,U+=i,I-=i,H+=i;o&&(a=a.offsetParent)&&a!=e.body&&a!=r;)(o=(z(a,"opacity")||1)>0)&&"visible"!=z(a,"overflow")&&(n=a.getBoundingClientRect(),o=H>n.left&&I<n.right&&U>n.top-1&&D<n.bottom+1);return o},tt=function(){var t,i,o,s,l,d,c,u,f,v,g,p,y=n.elements;if((B=a.loadMode)&&V<8&&(t=y.length)){for(i=0,X++;i<t;i++)if(y[i]&&!y[i]._lazyRace)if(!G||n.prematureUnveil&&n.prematureUnveil(y[i]))st(y[i]);else if((u=y[i].getAttribute("data-expand"))&&(d=1*u)||(d=Q),v||(v=!a.expand||a.expand<1?r.clientHeight>500&&r.clientWidth>500?500:370:a.expand,n._defEx=v,g=v*a.expFactor,p=a.hFac,$=null,Q<g&&V<1&&X>2&&B>2&&!e.hidden?(Q=g,X=0):Q=B>1&&X>1&&V<6?v:0),f!==d&&(O=innerWidth+d*p,R=innerHeight+d,c=-1*d,f=d),o=y[i].getBoundingClientRect(),(U=o.bottom)>=c&&(D=o.top)<=R&&(H=o.right)>=c*p&&(I=o.left)<=O&&(U||H||I||D)&&(a.loadHidden||Y(y[i]))&&(T&&V<3&&!u&&(B<3||X<4)||Z(y[i],d))){if(st(y[i]),l=!0,V>9)break}else!l&&T&&!s&&V<4&&X<4&&B>2&&(P[0]||a.preloadAfterLoad)&&(P[0]||!u&&(U||H||I||D||"auto"!=y[i].getAttribute(a.sizesAttr)))&&(s=P[0]||y[i]);s&&!l&&st(s)}},et=function(t){var e,n=0,r=a.throttleDelay,o=a.ricTimeout,s=function(){e=!1,n=i.now(),t()},d=c&&o>49?function(){c(s,{timeout:o}),o!==a.ricTimeout&&(o=a.ricTimeout)}:L((function(){l(s)}),!0);return function(t){var a;(t=!0===t)&&(o=33),e||(e=!0,(a=r-(i.now()-n))<0&&(a=0),t||a<9?d():l(d,a))}}(tt),it=function(t){var e=t.target;e._lazyCache?delete e._lazyCache:(K(t),y(e,a.loadedClass),b(e,a.loadingClass),m(e,at),A(e,"lazyloaded"))},nt=L(it),at=function(t){nt({target:t.target})},rt=function(t){var e,i=t.getAttribute(a.srcsetAttr);(e=a.customMedia[t.getAttribute("data-media")||t.getAttribute("media")])&&t.setAttribute("media",e),i&&t.setAttribute("srcset",i)},ot=L((function(t,e,i,n,r){var o,s,d,c,f,v;(f=A(t,"lazybeforeunveil",e)).defaultPrevented||(n&&(i?y(t,a.autosizesClass):t.setAttribute("sizes",n)),s=t.getAttribute(a.srcsetAttr),o=t.getAttribute(a.srcAttr),r&&(c=(d=t.parentNode)&&u.test(d.nodeName||"")),v=e.firesLoad||"src"in t&&(s||o||c),f={target:t},y(t,a.loadingClass),v&&(clearTimeout(k),k=l(K,2500),m(t,at,!0)),c&&g.call(d.getElementsByTagName("source"),rt),s?t.setAttribute("srcset",s):o&&!c&&(J.test(t.nodeName)?function(t,e){try{t.contentWindow.location.replace(e)}catch(i){t.src=e}}(t,o):t.src=o),r&&(s||c)&&h(t,{src:o})),t._lazyRace&&delete t._lazyRace,b(t,a.lazyClass),E((function(){var e=t.complete&&t.naturalWidth>1;v&&!e||(e&&y(t,"ls-is-cached"),it(f),t._lazyCache=!0,l((function(){"_lazyCache"in t&&delete t._lazyCache}),9)),"lazy"==t.loading&&V--}),!0)})),st=function(t){if(!t._lazyRace){var e,i=q.test(t.nodeName),n=i&&(t.getAttribute(a.sizesAttr)||t.getAttribute("sizes")),r="auto"==n;(!r&&T||!i||!t.getAttribute("src")&&!t.srcset||t.complete||p(t,a.errorClass)||!p(t,a.lazyClass))&&(e=A(t,"lazyunveilread").detail,r&&_.updateElem(t,!0,t.offsetWidth),t._lazyRace=!0,V++,ot(t,e,r,n,i))}},lt=w((function(){a.loadMode=3,et()})),dt=function(){3==a.loadMode&&(a.loadMode=2),lt()},ct=function(){T||(i.now()-W<999?l(ct,999):(T=!0,a.loadMode=3,et(),s("scroll",dt,!0)))},{_:function(){W=i.now(),n.elements=e.getElementsByClassName(a.lazyClass),P=e.getElementsByClassName(a.lazyClass+" "+a.preloadClass),s("scroll",et,!0),s("resize",et,!0),s("pageshow",(function(t){if(t.persisted){var i=e.querySelectorAll("."+a.loadingClass);i.length&&i.forEach&&d((function(){i.forEach((function(t){t.complete&&st(t)}))}))}})),t.MutationObserver?new MutationObserver(et).observe(r,{childList:!0,subtree:!0,attributes:!0}):(r.addEventListener("DOMNodeInserted",et,!0),r.addEventListener("DOMAttrModified",et,!0),setInterval(et,999)),s("hashchange",et,!0),["focus","mouseover","click","load","transitionend","animationend"].forEach((function(t){e.addEventListener(t,et,!0)})),/d$|^c/.test(e.readyState)?ct():(s("load",ct),e.addEventListener("DOMContentLoaded",et),l(ct,2e4)),n.elements.length?(tt(),E._lsFlush()):et()},checkElems:et,unveil:st,_aLSL:dt}),_=(S=L((function(t,e,i,n){var a,r,o;if(t._lazysizesWidth=n,n+="px",t.setAttribute("sizes",n),u.test(e.nodeName||""))for(r=0,o=(a=e.getElementsByTagName("source")).length;r<o;r++)a[r].setAttribute("sizes",n);i.detail.dataAttr||h(t,i.detail)})),x=function(t,e,i){var n,a=t.parentNode;a&&(i=C(t,a,i),(n=A(t,"lazybeforesizes",{width:i,dataAttr:!!e})).defaultPrevented||(i=n.detail.width)&&i!==t._lazysizesWidth&&S(t,a,n,i))},j=w((function(){var t,e=M.length;if(e)for(t=0;t<e;t++)x(M[t])})),{_:function(){M=e.getElementsByClassName(a.autosizesClass),s("resize",j)},checkElems:j,updateElem:x}),F=function(){!F.i&&e.getElementsByClassName&&(F.i=!0,_._(),N._())};var M,S,x,j;var P,T,k,B,W,O,R,D,I,H,U,$,q,J,G,Q,V,X,K,Y,Z,tt,et,it,nt,at,rt,ot,st,lt,dt,ct;var ut,ft,vt,gt,pt,yt,bt;return l((function(){a.init&&F()})),n={cfg:a,autoSizer:_,loader:N,init:F,uP:h,aC:y,rC:b,hC:p,fire:A,gW:C,rAF:E}}(e,e.document,Date);e.lazySizes=n,t.exports&&(t.exports=n)}("undefined"!=typeof window?window:{})},jrnS:function(t,e,i){"use strict";i.r(e);var n=i("nhVY");i("gyLt"),i("B6W3"),i("/C/M"),i("tsXc"),i("0GdD");document.addEventListener("lazyloaded",n.a.debounce((function(t){if(t.target.classList.contains("tns-complete")){var e=window.document.createEvent("UIEvents");e.initUIEvent("resize",!0,!1,window,0),window.dispatchEvent(e)}}),400))},tsXc:function(t,e,i){(function(n){var a,r,o;!function(n,s){if(n){s=s.bind(null,n,n.document),t.exports?s(i("gyLt")):(r=[i("gyLt")],void 0===(o="function"==typeof(a=s)?a.apply(e,r):a)||(t.exports=o))}}("undefined"!=typeof window?window:0,(function(t,e,i){"use strict";if(t.addEventListener){var a=/\s+(\d+)(w|h)\s+(\d+)(w|h)/,r=/parent-fit["']*\s*:\s*["']*(contain|cover|width)/,o=/parent-container["']*\s*:\s*["']*(.+?)(?=(\s|$|,|'|"|;))/,s=/^picture$/i,l=i.cfg,d={getParent:function(e,i){var a=e,r=e.parentNode;return i&&"prev"!=i||!r||!s.test(r.nodeName||"")||(r=r.parentNode),"self"!=i&&(a="prev"==i?e.previousElementSibling:i&&(r.closest||t.jQuery)&&(r.closest?r.closest(i):n(r).closest(i)[0])||r),a},getFit:function(t){var e,i,n=getComputedStyle(t,null)||{},a=n.content||n.fontFamily,s={fit:t._lazysizesParentFit||t.getAttribute("data-parent-fit")};return!s.fit&&a&&(e=a.match(r))&&(s.fit=e[1]),s.fit?(!(i=t._lazysizesParentContainer||t.getAttribute("data-parent-container"))&&a&&(e=a.match(o))&&(i=e[1]),s.parent=d.getParent(t,i)):s.fit=n.objectFit,s},getImageRatio:function(e){var i,n,r,o,d,c,u,f=e.parentNode,v=f&&s.test(f.nodeName||"")?f.querySelectorAll("source, img"):[e];for(i=0;i<v.length;i++)if(n=(e=v[i]).getAttribute(l.srcsetAttr)||e.getAttribute("srcset")||e.getAttribute("data-pfsrcset")||e.getAttribute("data-risrcset")||"",r=e._lsMedia||e.getAttribute("media"),r=l.customMedia[e.getAttribute("data-media")||r]||r,n&&(!r||(t.matchMedia&&matchMedia(r)||{}).matches)){(o=parseFloat(e.getAttribute("data-aspectratio")))||((d=n.match(a))?"w"==d[2]?(c=d[1],u=d[3]):(c=d[3],u=d[1]):(c=e.getAttribute("width"),u=e.getAttribute("height")),o=c/u);break}return o},calculateSize:function(t,e){var i,n,a,r=this.getFit(t),o=r.fit,s=r.parent;return"width"==o||("contain"==o||"cover"==o)&&(n=this.getImageRatio(t))?(s?e=s.clientWidth:s=t,a=e,"width"==o?a=e:(i=e/s.clientHeight)&&("cover"==o&&i<n||"contain"==o&&i>n)&&(a=e*(n/i)),a):e}};i.parentFit=d,e.addEventListener("lazybeforesizes",(function(t){if(!t.defaultPrevented&&t.detail.instance==i){var e=t.target;t.detail.width=d.calculateSize(e,t.detail.width)}}))}}))}).call(this,i("UoTJ"))}},[["jrnS","runtime","vendor-node","vendor-shared"]]]);
\ No newline at end of file
diff --git a/src/Resources/config/config.xml b/src/Resources/config/config.xml
index f886b28..16b20c2 100644
--- a/src/Resources/config/config.xml
+++ b/src/Resources/config/config.xml
@@ -38,7 +38,7 @@
             <label>Fix Listing ThumbnailSizes</label>
             <defaultValue>1</defaultValue>
             <helpText>
-                There is some problem with thumbnail-sizes in storefront.
+                There are problems with thumbnail-sizes in storefront.
                 This can help you delivering better matching sizes to the visitor.
             </helpText>
         </input-field>
@@ -48,11 +48,20 @@
             <label>Fix ThumbnailSizes in DetailGallery</label>
             <defaultValue>1</defaultValue>
             <helpText>
-                There is some problem with thumbnail-sizes in the gallery of the product page.
+                There are problems with thumbnail-sizes in the gallery of the product page.
                 This can help you delivering better matching sizes to the visitor.
             </helpText>
         </input-field>
 
+        <input-field type="int">
+            <name>DefaultContainerMaxSize</name>
+            <label>Specific max width of container</label>
+            <defaultValue>1360</defaultValue>
+            <helpText>
+                There may be reasons you modified the container max size. So you can adjust this here for thumbnails. If you don't know, keep it at 1360.
+            </helpText>
+        </input-field>
+
         <component name="frosh-thumbnail-processor-info-texts">
             <name>froshthumbnailprocessorinfotexts</name>
         </component>
diff --git a/src/Resources/public/administration/js/frosh-platform-thumbnail-processor.js b/src/Resources/public/administration/js/frosh-platform-thumbnail-processor.js
index 0811e0a..a628e3f 100644
--- a/src/Resources/public/administration/js/frosh-platform-thumbnail-processor.js
+++ b/src/Resources/public/administration/js/frosh-platform-thumbnail-processor.js
@@ -1 +1 @@
-(this.webpackJsonp=this.webpackJsonp||[]).push([["frosh-platform-thumbnail-processor"],{"7wHn":function(e,t){e.exports='{% block frosh_thumbnail_processor_info_texts %}\n    <div class="frosh-thumbnail-processor-info-texts">\n        <p>\n            available variables:<br>\n            <b>{mediaUrl}</b>: f.e. https://cdn.test.de/<br>\n            <b>{mediaPath}</b>: f.e. media/image/5b/6d/16/tea.png<br>\n            <b>{width}</b>: f.e. 800<br>\n            <b>{height}</b>: f.e. 800\n        </p>\n\n        <h3>Tested Supports</h3>\n        <p>Any service provider that changes image sizes using the url parameter should also be compatible.</p>\n\n        <h4 class="supports-headline"><a href="https://imgproxy.net/" target="_blank">imgproxy</a> (selfhosted)</h4>\n        <p class="supports-description">\n            <sw-text-field label="Template example" size="small" copyable="true"\n                           value="http://localhost:8080/x/fit/{width}/{height}/sm/0/plain/{mediaUrl}/{mediaPath}"/>\n            will become <code>http://localhost:8080/x/fit/800/800/sm/0/plain/https://www.example.com/media/01/82/69/sasse.png</code>\n        </p>\n\n        <h4 class="supports-headline"><a href="https://bunnycdn.com/" target="_blank">BunnyCDN</a></h4>\n        <blockquote>Opinion: not cheap with 9,5$/m per zone, but fast and including webp</blockquote>\n        <p class="supports-description">\n            You would have to active "Bunny Optimizer" and "Manipulation Engine" in your Zone in BunnyCDN.<br><br>\n            <sw-text-field label="Template example" size="small" copyable="true"\n                           value="{mediaUrl}/{mediaPath}?width={width}&height={height}"/>\n            will become <code>https://www.example.com/media/01/82/69/sasse.png?width=800&height=800</code>\n        </p>\n\n        <h4 class="supports-headline"><a href="https://images.weserv.nl/" target="_blank">Images.weserv.nl</a></h4>\n        <blockquote>Opinion: free, but slow and without webp</blockquote>\n        <p class="supports-description">\n            An image cache & resize service. Manipulate images on-the-fly with a worldwide cache.<br><br>\n            <sw-text-field label="Template example" size="small" copyable="true"\n                           value="https://images.weserv.nl/?url={mediaUrl}/{mediaPath}&w={width}&h={height}"/>\n            will become\n            <code>https://images.weserv.nl/?url=https://www.example.com/media/01/82/69/sasse.png&w=800&h=800</code>\n        </p>\n\n        <h4 class="supports-headline"><a href="https://www.cloudimage.io/en/home" target="_blank">cloudimage</a></h4>\n        <blockquote>Opinion: has free plan, fast and including webp</blockquote>\n        <p class="supports-description">\n            An image cache & resize service. Manipulate images on-the-fly with a worldwide cache.<br><br>\n            <sw-text-field label="Template example" size="small" copyable="true"\n                           value="https://token.cloudimg.io/v7/{mediaUrl}/{mediaPath}&w={width}&h={height}"/>\n            will become\n            <code>https://token.cloudimg.io/v7/https://www.example.com/media/01/82/69/sasse.png&w=800&h=800</code>\n        </p>\n    </div>\n{% endblock %}\n'},"82rC":function(e,t,a){var n=a("c0+O");"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);(0,a("SZ7m").default)("f192babe",n,!0,{})},RsLZ:function(e,t,a){"use strict";a.r(t);var n=a("7wHn"),s=a.n(n);a("82rC");Shopware.Component.register("frosh-thumbnail-processor-info-texts",{template:s.a})},"c0+O":function(e,t,a){}},[["RsLZ","runtime","vendors-node"]]]);
\ No newline at end of file
+(this.webpackJsonp=this.webpackJsonp||[]).push([["frosh-platform-thumbnail-processor"],{"7wHn":function(e,t){e.exports='{% block frosh_thumbnail_processor_info_texts %}\n    <div class="frosh-thumbnail-processor-info-texts">\n        <p>\n            available variables:<br>\n            <b>{mediaUrl}</b>: f.e. https://cdn.test.de/<br>\n            <b>{mediaPath}</b>: f.e. media/image/5b/6d/16/tea.png<br>\n            <b>{width}</b>: f.e. 800<br>\n            <b>{height}</b>: f.e. 800\n        </p>\n\n        <h3>Tested Supports</h3>\n        <p>Any service provider that changes image sizes using the url parameter should also be compatible.</p>\n\n        <h4 class="supports-headline"><a href="https://imgproxy.net/" target="_blank">imgproxy</a> (selfhosted)</h4>\n        <p class="supports-description">\n            <sw-text-field label="Template example" size="small" copyable="true"\n                           value="http://localhost:8080/x/fit/{width}/{height}/sm/0/plain/{mediaUrl}/{mediaPath}"/>\n            will become <code>http://localhost:8080/x/fit/800/800/sm/0/plain/https://www.example.com/media/01/82/69/sasse.png</code>\n        </p>\n\n        <h4 class="supports-headline"><a href="https://bunnycdn.com/" target="_blank">BunnyCDN</a></h4>\n        <blockquote>Opinion: not cheap with 9,5$/m per zone, but fast and including webp</blockquote>\n        <p class="supports-description">\n            You would have to active "Bunny Optimizer" and "Manipulation Engine" in your Zone in BunnyCDN.<br><br>\n            <sw-text-field label="Template example" size="small" copyable="true"\n                           value="{mediaUrl}/{mediaPath}?width={width}&height={height}"/>\n            will become <code>https://www.example.com/media/01/82/69/sasse.png?width=800&height=800</code>\n        </p>\n\n        <h4 class="supports-headline"><a href="https://images.weserv.nl/" target="_blank">Images.weserv.nl</a></h4>\n        <blockquote>Opinion: free, but slow and without webp</blockquote>\n        <p class="supports-description">\n            An image cache & resize service. Manipulate images on-the-fly with a worldwide cache.<br><br>\n            <sw-text-field label="Template example" size="small" copyable="true"\n                           value="https://images.weserv.nl/?url={mediaUrl}/{mediaPath}&w={width}&h={height}"/>\n            will become\n            <code>https://images.weserv.nl/?url=https://www.example.com/media/01/82/69/sasse.png&w=800&h=800</code>\n        </p>\n\n        <h4 class="supports-headline"><a href="https://www.cloudimage.io/en/home" target="_blank">cloudimage</a></h4>\n        <blockquote>Opinion: has free plan, fast and including webp</blockquote>\n        <p class="supports-description">\n            An image cache & resize service. Manipulate images on-the-fly with a worldwide cache.<br><br>\n            <sw-text-field label="Template example" size="small" copyable="true"\n                           value="https://token.cloudimg.io/v7/{mediaUrl}/{mediaPath}&w={width}&h={height}"/>\n            will become\n            <code>https://token.cloudimg.io/v7/https://www.example.com/media/01/82/69/sasse.png&w=800&h=800</code>\n        </p>\n    </div>\n{% endblock %}\n'},"82rC":function(e,t,a){var n=a("iRd4");"string"==typeof n&&(n=[[e.i,n,""]]),n.locals&&(e.exports=n.locals);(0,a("t/wU").default)("37af8a43",n,!0,{})},RsLZ:function(e,t,a){"use strict";a.r(t);var n=a("7wHn"),s=a.n(n);a("82rC");Shopware.Component.register("frosh-thumbnail-processor-info-texts",{template:s.a})},iRd4:function(e,t,a){}},[["RsLZ","runtime","vendors-node"]]]);
\ No newline at end of file
diff --git a/src/Resources/views/storefront/utilities/thumbnail.html.twig b/src/Resources/views/storefront/utilities/thumbnail.html.twig
index 20e878d..6770996 100644
--- a/src/Resources/views/storefront/utilities/thumbnail.html.twig
+++ b/src/Resources/views/storefront/utilities/thumbnail.html.twig
@@ -24,7 +24,12 @@
             {% set container = 100 %}
             {% set sizes = sizes|merge({ 'xl': (container / columns)|round(0, 'ceil') ~'vw'}) %}
         {% else %}
-            {% set container = 1360 %}
+            {% set defaultContainerMaxSize = shopware.config.FroshPlatformThumbnailProcessor.config.DefaultContainerMaxSize %}
+            {% if defaultContainerMaxSize is defined %}
+                {% set container = defaultContainerMaxSize %}
+            {% else %}
+                {% set container = 1360 %}
+            {% endif %}
             {% set sizes = sizes|merge({ 'xl': (container / columns)|round(0, 'ceil') ~'px'}) %}
         {% endif %}
     {% endif %}