# Kategorie Teaser nur als Bild anzeigen lassen?

**URL:** <https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330>\
**Category:** Allgemein\
**Created:** [22. Februar 2018 um 23:31 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330 "2018-02-22T23:31:18Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![Reini1281](https://avatars.discourse-cdn.com/v4/letter/r/b5e925/32.png) [@Reini1281](https://forum.shopware.com/u/Reini1281)\
**Post date:** [22. Februar 2018 um 23:31 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/1 "2018-02-22T23:31:18Z")

</div>

Guten Abend zusammen,

ist es möglich aus einem Kategorie Teaser den Text und den grauen Balken zu entfernen, so dass praktisch nur noch das hinterlegte Bild sichtbar ist?&nbsp;

![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/f/f6b08b6f133a02402329d5abc34d67c1501dca43.png)

In meinem Beispielbild möchte ich gerne den Text “E-Zigaretten InnoCigs” und den grauen Balken weghaben… dass der Kunde nur auf das Bild klickt und dann in die entsprechende Produktauswahl kommt.

&nbsp;

LG

---

<div class="post-metadata">

**Author:** ![Sarah\_Tier](https://avatars.discourse-cdn.com/v4/letter/s/bc79bd/32.png) [@Sarah\_Tier](https://forum.shopware.com/u/Sarah_Tier)\
**Post date:** [23. Februar 2018 um 01:59 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/2 "2018-02-23T01:59:10Z")

</div>

Hallo @Reini1281‍,

Du kannst doch ein Normales Banner (Bild) verwenden, dort kannst folgende Auswahl Treffen:

Bild: Auswählen

Link: Rufst die Kategorie oder das wo Du hin möchtes auf, kopierst den Link und fügst den bei Link ein.

Link-Ziel: hier kannst Du wählen im Selben Fenster oder in einem neuen Fenster

Titel kannst Du dann leer lassen.

---

<div class="post-metadata">

**Author:** ![Reini1281](https://avatars.discourse-cdn.com/v4/letter/r/b5e925/32.png) [@Reini1281](https://forum.shopware.com/u/Reini1281)\
**Post date:** [24. Februar 2018 um 09:11 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/3 "2018-02-24T09:11:03Z")

</div>

Die Variante war mir bekannt, dachte nur vielleicht geht das mit dem Teaser auch. Habs jetzt letztendlich dann doch über die Banner Methode gelöst.

Danke

&nbsp;

LG

---

<div class="post-metadata">

**Author:** ![Rednaxela](https://avatars.discourse-cdn.com/v4/letter/r/ad7895/32.png) [@Rednaxela](https://forum.shopware.com/u/Rednaxela)\
**Post date:** [24. Februar 2018 um 09:30 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/4 "2018-02-24T09:30:03Z")

</div>

Der Weg von @Sarah\_Tier‍&nbsp; ist meiner Meinung nach Käse, den grauen Balken mit Text bekommst du doch mit einfachen css Anpassungen weg

---

<div class="post-metadata">

**Author:** ![Reini1281](https://avatars.discourse-cdn.com/v4/letter/r/b5e925/32.png) [@Reini1281](https://forum.shopware.com/u/Reini1281)\
**Post date:** [24. Februar 2018 um 11:22 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/5 "2018-02-24T11:22:14Z")

</div>

könntest du auch erklären wie genau?

&nbsp;

LG

---

<div class="post-metadata">

**Author:** ![Rednaxela](https://avatars.discourse-cdn.com/v4/letter/r/ad7895/32.png) [@Rednaxela](https://forum.shopware.com/u/Rednaxela)\
**Post date:** [24. Februar 2018 um 12:01 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/6 "2018-02-24T12:01:34Z")

</div>

.emotion–category-teaser .category-teaser–title { display: none; }

Sollte das hier sein. Am besten eine eigene emotion.less erstellen, falls nicht schon getan, und diese Zeile einfügen.

---

<div class="post-metadata">

**Author:** ![Reini1281](https://avatars.discourse-cdn.com/v4/letter/r/b5e925/32.png) [@Reini1281](https://forum.shopware.com/u/Reini1281)\
**Post date:** [24. Februar 2018 um 12:07 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/7 "2018-02-24T12:07:50Z")

</div>

wo genau muss ich da was ändern? ![Blush](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/2f2885a69a3ab7fc5454d32cd96e7133e5bcd558.png "Blush")&nbsp;und was ist eine eigene emotion.less?

&nbsp;

sorry für die Frage aber da kenn ich mich leider nicht aus.

&nbsp;

LG

---

<div class="post-metadata">

**Author:** ![Sarah\_Tier](https://avatars.discourse-cdn.com/v4/letter/s/bc79bd/32.png) [@Sarah\_Tier](https://forum.shopware.com/u/Sarah_Tier)\
**Post date:** [24. Februar 2018 um 12:10 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/8 "2018-02-24T12:10:55Z")

</div>

@Rednaxela‍,

erkläre doch mal warum dies Käse ist? es ist ein Einfacher weg und auch möglich wenn man keine Kenntnisse vom Programmieren hat.

Der Effect bleibt gleich und ist einfacher, wie man sieht kommen so mehr und mehr Fragen auf ;)&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Rednaxela](https://avatars.discourse-cdn.com/v4/letter/r/ad7895/32.png) [@Rednaxela](https://forum.shopware.com/u/Rednaxela)\
**Post date:** [24. Februar 2018 um 13:05 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/9 "2018-02-24T13:05:35Z")

</div>

@Sarah\_Tier‍ &nbsp; Der Kategorie Teaser nutzt ja schon den Link für die Kategorie. Solltest du mal eine Kategorie verschieben, musst du auch dann den Link wieder anpassen. Und ein bisschen css Gedöns sollte schon drin sein, wenn es nicht nach Einheitsbrei aussehen soll.

@Reini1281‍&nbsp;&nbsp; [Getting started with LESS](https://developers.shopware.com/designers-guide/less/)

Erstelle in `frontend/_public/src/less/_components/ eine Datei emotion.less mit diesem Inhalt: `.emotion–category-teaser .category-teaser–title { display: none; } . Erstelle in `frontend/_public/src/less/ eine Datei all.less mit diesem Inhalt: `@import „\_components/emotion“;

Cache löschen, Theme compilieren

---

<div class="post-metadata">

**Author:** ![Reini1281](https://avatars.discourse-cdn.com/v4/letter/r/b5e925/32.png) [@Reini1281](https://forum.shopware.com/u/Reini1281)\
**Post date:** [24. Februar 2018 um 14:49 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/10 "2018-02-24T14:49:20Z")

</div>

hab alles soweit gemacht wie du geschrieben hast, aber…

- in \_components gibt es schon eine datei mit Namen “emotions.less” ich habe die Zeile dort ganz am Ende eingefügt.

- in less gab es die Datei “all.less” ebenfalls schon, habe auch dort deine Zeile am Ende eingefügt.

&nbsp;

wenn &nbsp;ich jetzt mein Theme kompilieren möchte kommt folgende Fehlermeldung

![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/4/4148467a5383ddc212913bafd23ffdf839fa145c.png)

weißt du was ich falsch gemacht hab?

&nbsp;

LG

---

<div class="post-metadata">

**Author:** ![Rednaxela](https://avatars.discourse-cdn.com/v4/letter/r/ad7895/32.png) [@Rednaxela](https://forum.shopware.com/u/Rednaxela)\
**Post date:** [24. Februar 2018 um 15:14 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/11 "2018-02-24T15:14:44Z")

</div>

@Reini1281‍

&nbsp;

Ich glaube , du hast nach der letzten geschweiften Klammer einen Punkt . Der hat da nix verloren

---

<div class="post-metadata">

**Author:** ![Reini1281](https://avatars.discourse-cdn.com/v4/letter/r/b5e925/32.png) [@Reini1281](https://forum.shopware.com/u/Reini1281)\
**Post date:** [24. Februar 2018 um 15:27 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/12 "2018-02-24T15:27:07Z")

</div>

Inhalt der „all.less“ im Verzeichnis&nbsp;

```
themes/Frontend/Responsive/frontend/_public/src/less

```

![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/a/a0dc6fc298197767e9dd37ecb7d5b874a11dbace.png)

Inhalt der „emotion.less“ im Verzeichnis&nbsp;

```
themes/Frontend/Responsive/frontend/_public/src/less/_components

```

![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/9/96da12c3f30c1425861d3cff38eedb68e674dcad.png)

&nbsp;

LG

---

<div class="post-metadata">

**Author:** ![Reini1281](https://avatars.discourse-cdn.com/v4/letter/r/b5e925/32.png) [@Reini1281](https://forum.shopware.com/u/Reini1281)\
**Post date:** [24. Februar 2018 um 16:48 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/13 "2018-02-24T16:48:12Z")

</div>

So, ich hab jetzt nochmal alles in original Zustand gebracht, die beiden Dateien nochmal abgeändert, und siehe da es funktioniert ![Thumb-Up](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/7fcda44f782696668a3d093569d15e88105769e1.png "Thumb-Up")

&nbsp;

Also alles läuft so wie es soll und mein Problem ist gelöst, Danke

&nbsp;

LG

---

<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:** [24. Februar 2018 um 17:26 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/14 "2018-02-24T17:26:30Z")

</div>

Hallo,

ich hoffe, du hast die Änderung auch in einem eigenen Theme gemacht oder? Änderungen im Bare- oder Responsive Theme sollte man niemals machen und werden beim nächsten Update automatisch wieder überschrieben. Siehe:&nbsp;[https://developers.shopware.com/designers-guide/getting-started/#custom-themes](https://developers.shopware.com/designers-guide/getting-started/#custom-themes)&nbsp;.

Grüße

Sebastian

---

<div class="post-metadata">

**Author:** ![Reini1281](https://avatars.discourse-cdn.com/v4/letter/r/b5e925/32.png) [@Reini1281](https://forum.shopware.com/u/Reini1281)\
**Post date:** [24. Februar 2018 um 17:48 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/15 "2018-02-24T17:48:15Z")

</div>

Hab ich gemacht ![Thumb-Up](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/7fcda44f782696668a3d093569d15e88105769e1.png "Thumb-Up")&nbsp;Danke

&nbsp;

LG

---

<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:** [24. Februar 2018 um 17:59 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/16 "2018-02-24T17:59:39Z")

</div>

Hallo,

dann ist ja gut, weil du oben ja die all.less und emotion.less aus dem&nbsp;Responsive Theme genannt hast, und da wäre eine Änderung komplett falsch aufgehoben und würde beim Update automatisch wieder überschrieben. Deine Kommentare klingen überhaupt nicht so, also ob du die Änderung auch wirklich in einem eigenen Theme gemacht hast, weil es die Dateien in deinem eigenen Theme noch gar nicht geben kann, wenn du sie nicht selbst manuell angelegt hast.

Grüße

Sebastian

---

<div class="post-metadata">

**Author:** ![simkli](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/simkli/32/13124_2.png) [@simkli](https://forum.shopware.com/u/simkli)\
**Post date:** [24. Februar 2018 um 18:07 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/17 "2018-02-24T18:07:35Z")

</div>

> Deine Kommentare klingen überhaupt nicht so, also ob du die Änderung auch wirklich in einem eigenen Theme gemacht hast,

@sschreier‍ &nbsp;: Oder er hat alle Dateien aus dem Responsive Theme rüber kopiert ins eigene Theme, was die Sache auch nicht besser macht 😕

Viele Grüße

---

<div class="post-metadata">

**Author:** ![Reini1281](https://avatars.discourse-cdn.com/v4/letter/r/b5e925/32.png) [@Reini1281](https://forum.shopware.com/u/Reini1281)\
**Post date:** [24. Februar 2018 um 18:54 UTC](https://forum.shopware.com/t/kategorie-teaser-nur-als-bild-anzeigen-lassen/51330/18 "2018-02-24T18:54:01Z")

</div>

ich habe die Daten im Responsive Theme angepasst weil das das Theme ist welches ich im Moment im Einsatz habe… mein eigenes Theme ist noch in Arbeit. Dass die Daten bei einem Update überschrieben werden weiß ich, zur Not muss ich es dann nochmal neu anpassen, ist ja jetzt nicht so ein großes Ding.

&nbsp;

LG
