# Produktbild im Tmeplate ausgeben

**URL:** <https://forum.shopware.com/t/produktbild-im-tmeplate-ausgeben/90486>\
**Category:** Themes & Design\
**Tags:** programming, templates--design, themes--design\
**Created:** [22. September 2021 um 14:57 UTC](https://forum.shopware.com/t/produktbild-im-tmeplate-ausgeben/90486 "2021-09-22T14:57:35Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![agentsgroup](https://avatars.discourse-cdn.com/v4/letter/a/5e9695/32.png) [@agentsgroup](https://forum.shopware.com/u/agentsgroup)\
**Post date:** [22. September 2021 um 14:57 UTC](https://forum.shopware.com/t/produktbild-im-tmeplate-ausgeben/90486/1 "2021-09-22T14:57:35Z")

</div>

Moin,

wie ist es möglich via Twig an das Produktbild zu kommen?

Ich möchte gerne die Galerie auf der Produktdetailseite durch das Cover Bild des Produkt ersetzen.  
Den dump habe ich mir ausgeben lassen, aber leider stehe ich nun etwas auf dem Schlau. Die Bilder sind unter ‚‘ {{ page.product.media.elements }}’’ zu finden aber leider ist es nicht so einfach wie gedacht.

Hat hier jemand eine schnelle Lösung oder Idee?

Viele Grüße und danke im voraus!

---

<div class="post-metadata">

**Author:** ![agentsgroup](https://avatars.discourse-cdn.com/v4/letter/a/5e9695/32.png) [@agentsgroup](https://forum.shopware.com/u/agentsgroup)\
**Post date:** [24. September 2021 um 09:01 UTC](https://forum.shopware.com/t/produktbild-im-tmeplate-ausgeben/90486/2 "2021-09-24T09:01:22Z")

</div>

Lösung:

```auto
{% block page_product_detail_media %}
    <div class="col-lg-7 product-detail-media">
        {% if page.product.media %}
            {% sw_thumbnails 'product-image-thumbnails' with {
                media: page.product.cover.media,
                sizes: {
                    'xs': '501px',
                    'sm': '315px',
                    'md': '800px',
                    'lg': '1000px',
                    'xl': '1200px',
                },
                attributes: {
                    'class': 'product-image-cover img-fluid ',
                    'alt': (page.product.cover.media.translated.alt ?: ''),
                    'title': (page.product.cover.media.translated.title ?: '')
                }
            } %}
        {% else %}
            {% sw_icon 'placeholder' style {
                'size': 'lg'
            } %}
        {% endif %}
    </div>
{% endblock %}

```