# Icon Merkzettel mit Text?

**URL:** https://forum.shopware.com/t/icon-merkzettel-mit-text/102948
**Category:** Shopware 6 (German)
**Created:** [13. Februar 2024 um 10:44 UTC](https://forum.shopware.com/t/icon-merkzettel-mit-text/102948 "2024-02-13T10:44:39Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [13. Februar 2024 um 10:44 UTC](https://forum.shopware.com/t/icon-merkzettel-mit-text/102948/1 "2024-02-13T10:44:39Z")

</div>

Im Listing würde ich gern zum Icon Merkzettel auch den Text anzeigen lassen wollen. Im Template finde ich dazu:

```auto
{% if showText %}
  <span class="product-wishlist-btn-content product-wishlist-btn-content-{{ size }}">
   {{ "listing.addToWishlist"|trans|sw_sanitize }}
  </span>
{% endif %}

```

Wo wird denn „showText“ definiert?

---

<div class="post-metadata">

### Author: ![marcus.kreusch](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/marcus.kreusch/32/18641_2.png) [@marcus.kreusch](https://forum.shopware.com/u/marcus.kreusch)
#### Post date: [13. Februar 2024 um 13:11 UTC](https://forum.shopware.com/t/icon-merkzettel-mit-text/102948/2 "2024-02-13T13:11:19Z")

</div>

Hi @R4M,

das wuerde man dieser Stelle in views/storefront/component/product/card/box-standard.html.twig mitgeben:

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/9/d/9d41357f0f47a6fe75e5b2c19dee5aa687627244.png)

Also dann als zusaetzliches

```auto
showText: true

```

So wird es z.B. in views/storefront/component/buy-widget/buy-widget.html.twig fuer die Artikel-Detailseite gemacht:

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/e/2/e28732dba9e9eef55747363a979be9a3f48103a2.png)

Viele Gruesse  
Marcus

---

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [13. Februar 2024 um 13:36 UTC](https://forum.shopware.com/t/icon-merkzettel-mit-text/102948/3 "2024-02-13T13:36:15Z")

</div>

ah verstehe, da schau ich mal nach - danke dir

---

<div class="post-metadata">

### Author: ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)
#### Post date: [14. Februar 2024 um 19:55 UTC](https://forum.shopware.com/t/icon-merkzettel-mit-text/102948/5 "2024-02-14T19:55:42Z")

</div>

Hallo,

wie schon erwähnt, würde es sich am einfachsten (und updatesichersten) lösen lassen, indem man den Twig-Block {% block component\_product\_box\_wishlist\_action %} überschreibt und bei diesem die showText-Variable auf true setzt. Also die Datei „box-standard.html.twig“ ( [shopware/src/Storefront/Resources/views/storefront/component/product/card/box-standard.html.twig at trunk · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/trunk/src/Storefront/Resources/views/storefront/component/product/card/box-standard.html.twig#L63) ) unter „Resources/views/storefront/component/product/card/“ mit folgendem Inhalt ablegen:

```auto
{% sw_extends '@Storefront/storefront/component/product/card/box-standard.html.twig' %}

{% block component_product_box_wishlist_action %}
     {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
          showText: true,
          appearance: 'circle',
          productId: id
     } %}
{% endblock %}

```

Grüße  
Sebastian

---

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [15. Februar 2024 um 06:53 UTC](https://forum.shopware.com/t/icon-merkzettel-mit-text/102948/6 "2024-02-15T06:53:18Z")

</div>

> [@sschreier](#):
>
> würde es sich am einfachsten (und updatesichersten) lösen lassen, indem man den Twig-Block {% block component\_product\_box\_wishlist\_action %} überschreib

Danke dir, habe diese Lösung schon so umgesetzt 🙂