# Cms Element in Bilder

**URL:** <https://forum.shopware.com/t/cms-element-in-bilder/106990>\
**Category:** Programmierung\
**Created:** [4. April 2025 um 16:23 UTC](https://forum.shopware.com/t/cms-element-in-bilder/106990 "2025-04-04T16:23:19Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [4. April 2025 um 16:23 UTC](https://forum.shopware.com/t/cms-element-in-bilder/106990/1 "2025-04-04T16:23:19Z")

</div>

ich have Fehler ihn zu Lösen, habe versuche wieder zu stellen, aber kommt nicht…

Hallo, ich habe meine Start Seite mit **Drei Spalten, zentriert** Block gemacht. Ich versuche das jedes Bild wird eine **hover** Element und eine selbst Text habe, wie Beispiel [hier](https://www.w3schools.com/css/tryit.asp?filename=trycss_css_image_overlay_opacity) wird gemacht…

In meine selbst Thema habe der **storefront/element/cms-element-image.html.twig** datei gegeben und als Beispiel habe so gemacht, nach dem Linie 33,

```auto
 <div class="middle">
           <div class="text">John Doe</div>
  </div>

```

Das probleme… sie wird in alle Bilder gezeigt…

 ![hover](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/7/5/7586a48262f0b9e14324cce79253c6847ebdb587.jpeg)

Ich versuche einiger parameter geben um nur auf ein Bild zu zeigen.

```auto
[data-cms-element-id="6fd6bfbd5fcf6akkkk8b69914999082] {
   .cms-element {
   opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
    }
}

```

aber nicht funzioniert…

Jetzt versuche dieses cms Element zu rufen mit php,

```auto
{% if data-cms-element-id="0195d1a16a797e4781b7295291a31126"%}
                                            
                                                <div class="middle">
                                                 <div class="text">John Doe</div>
                                                </div>
{% endif %}

```

aber auch nicht finzionert, ich solte der ID **0195d1a16a797e4781b7295291a31126** in eine variable rufen aber mit `$bilder = "0195d1a16a797e4781b7295291a31126";`

```auto
$bilder = "0195d1a16a797e4781b7295291a31126";
{% if $bilder == $bilder %}
                                            
                                                <div class="middle">
                                                 <div class="text">John Doe</div>
                                                </div>
{% endif %}

```

auch nicht funzioniert..

---

<div class="post-metadata">

**Author:** ![Tobi78](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/tobi78/32/17189_2.png) [@Tobi78](https://forum.shopware.com/u/Tobi78)\
**Post date:** [7. April 2025 um 08:14 UTC](https://forum.shopware.com/t/cms-element-in-bilder/106990/2 "2025-04-07T08:14:31Z")

</div>

Ahoi,

ich kann dir leider nicht direkt helfen, weil ich das Problem nicht ganz verstanden habe… aber wenn du es einfacher haben willst eigene Inhaltselement zu erstellen, dann such mal im Store nach „CmsElementBuilder“ - das ist sehr, sehr viel einfacher.

Viele Grüße  
Tobi

---

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [7. April 2025 um 12:53 UTC](https://forum.shopware.com/t/cms-element-in-bilder/106990/3 "2025-04-07T12:53:10Z")

</div>

Danke für deinen Anwort,

An ende habemich entschiedet nur eine `opacity: 0.7` haben, nir fehlt Kenntnische über programiere…