# Produktbild größer machen

**URL:** https://forum.shopware.com/t/produktbild-grosser-machen/61901
**Category:** Allgemein
**Created:** [20. September 2019 um 15:51 UTC](https://forum.shopware.com/t/produktbild-grosser-machen/61901 "2019-09-20T15:51:46Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![proxypunk](https://avatars.discourse-cdn.com/v4/letter/p/bbce88/32.png) [@proxypunk](https://forum.shopware.com/u/proxypunk)
#### Post date: [20. September 2019 um 15:51 UTC](https://forum.shopware.com/t/produktbild-grosser-machen/61901/1 "2019-09-20T15:51:46Z")

</div>

Hallihallo,

wie kann ich das große Bild in der Produkt-Detailansicht auf die volle größe des vorgegebenen (Eltern-)Elements ziehen?  
Oder kann ich die Bildgröße für die Detailansicht sogar irgendwo im Backend einstellen?

---

<div class="post-metadata">

### Author: ![msslovi0](https://avatars.discourse-cdn.com/v4/letter/m/b2d939/32.png) [@msslovi0](https://forum.shopware.com/u/msslovi0)
#### Post date: [20. September 2019 um 18:47 UTC](https://forum.shopware.com/t/produktbild-grosser-machen/61901/2 "2019-09-20T18:47:18Z")

</div>

Das kann ganz einfach über Änderungen am CSS gemacht werden, wie das geht steht hier:

[https://developers.shopware.com/designers-guide/less/](https://developers.shopware.com/designers-guide/less/)

Gruß

Matt

---

<div class="post-metadata">

### Author: ![proxypunk](https://avatars.discourse-cdn.com/v4/letter/p/bbce88/32.png) [@proxypunk](https://forum.shopware.com/u/proxypunk)
#### Post date: [21. September 2019 um 12:36 UTC](https://forum.shopware.com/t/produktbild-grosser-machen/61901/3 "2019-09-21T12:36:08Z")

</div>

Klappt super, ich liebe den Inspector! 😉 Danke!!

---

<div class="post-metadata">

### Author: ![msslovi0](https://avatars.discourse-cdn.com/v4/letter/m/b2d939/32.png) [@msslovi0](https://forum.shopware.com/u/msslovi0)
#### Post date: [21. September 2019 um 16:16 UTC](https://forum.shopware.com/t/produktbild-grosser-machen/61901/4 "2019-09-21T16:16:13Z")

</div>

Vergiss aber nicht, die im Inspektor gemachten Änderungen auch zu speichern 🙂

Gruß

Matt

---

<div class="post-metadata">

### Author: ![proxypunk](https://avatars.discourse-cdn.com/v4/letter/p/bbce88/32.png) [@proxypunk](https://forum.shopware.com/u/proxypunk)
#### Post date: [26. September 2019 um 07:42 UTC](https://forum.shopware.com/t/produktbild-grosser-machen/61901/5 "2019-09-26T07:42:08Z")

</div>

Ha! Der war echt gut. 😃

Hier der konkrete Code für maximal große Produktbilder in der Detailansicht.&nbsp;  
Vergesst bitte nicht, das Ganze in ein entsprechendes Mediaquery für den Desktopview zu setzen.

> .image-slider–container {
> 
> &nbsp; &nbsp; margin-bottom: 0;  
> &nbsp; &nbsp; height: 200%;
> 
> }
> 
> .image-slider–item .image–element {
> 
> &nbsp; &nbsp; display: inline-block;  
> &nbsp; &nbsp; max-width: 100%;  
> &nbsp; &nbsp; height: 200%;  
> &nbsp; &nbsp; width: 100%;
> 
> }
> 
> div.image-slider–container div.image-slider–slide \> div.image–box.image-slider–item span.image–element span.image–media img {  
> &nbsp; &nbsp; display: block;  
> &nbsp; &nbsp; max-width: 100%;  
> &nbsp; &nbsp; max-height: 100%;  
> &nbsp; &nbsp; height: 200%;  
> &nbsp; &nbsp; width: 100%;  
> }