Ich habe diesen Doku Eintrag gefunden Responsive Images in Shopware
Soweit ist alles klar, jedoch geht man hier davon aus das man konkrete Dateinamen hat.
Ich habe ein Plugin geschrieben für ein Einkaufswelt Element. Meine Bilder sind jedoch auf jeder Bildschirmgröße gleich.
Auswählen kann man das gewünschte Bild per „Media field“ Custom shopping world elements
Und meine aktuelle src für ein normales img ist $Data.grid_image
Was muss ich denn aber nun beim <picture> in die jeweiligen sources einfügen damit die richtigen Thumbnail Größen genommen werden?
<picture>
<source sizes="(min-width: 48em) 80vw, (min-width: 64em) 50vw, 100vw"
srcset="product-small@2x.jpg 400w, product-medium@2x.jpg 1200w, product-large@2x.jpg 2560w"
media="(min-resolution: 192dpi)">
<source sizes="(min-width: 48em) 80vw, (min-width: 64em) 50vw, 100vw"
srcset="product-small.jpg 200w, product-medium.jpg 600w, product-large.jpg 1280w">
<img srcset="product-large.jpg, product-large@2x.jpg 2x" alt="Product picture">
</picture>
Danke im voraus!