# Höhe des Banner-Sliders an image height anpassen?
**URL:** https://forum.shopware.com/t/hohe-des-banner-sliders-an-image-height-anpassen/57343
**Category:** Themes & Design
**Created:** [8. Januar 2019 um 11:43 UTC](https://forum.shopware.com/t/hohe-des-banner-sliders-an-image-height-anpassen/57343 "2019-01-08T11:43:16Z")
**Posts on this page:** 4
**Page:** 1
### Author:  [@queen0f\_hearts](https://forum.shopware.com/u/queen0f_hearts)
#### Post date: [8. Januar 2019 um 11:43 UTC](https://forum.shopware.com/t/hohe-des-banner-sliders-an-image-height-anpassen/57343/1 "2019-01-08T11:43:16Z")
Hallo zusammen,
ich suche seit Stunden und komme einfach nicht zum gewünschten Ergebnis.
Ich habe in der widgets/emotion/index.tpl versucht die cellHeight abhängig vom element anzupassen:
```
{block name="widgets/emotion/index/config"} {foreach $emotion.elements as $element} {$isBanner={$element.emotionId===4}} {if $isBanner} {$cellHeight = 200} {else} {$cellHeight = $emotion.cellHeight} {/if} {/foreach} {$cellWidth = 100 / $emotion.cols} {$cellSpacing = $emotion.cellSpacing} {$baseWidth = 1160} {$emotionMode = $emotion.mode} {$emotionGridMode = $emotion.mode} {$emotionFullscreen = $emotion.fullscreen} {$emotionCols = $emotion.cols} {$breakpoints = ['s' =\> '30em', 'm' =\> '48em', 'l' =\> '64em', 'xl' =\> '78.75em']} {if $Controller == 'listing' && $theme.displaySidebar} {$baseWidth = 900} {/if} {$emotionRows = []} {$emotionRows['base'] = 0} {/block}
```
Allerdings wird die cellHeight dann automatisch für alle elements übernommen und das möchte ich nicht…
---
### Author:  [@PStadtfeld](https://forum.shopware.com/u/PStadtfeld)
#### Post date: [8. Januar 2019 um 11:52 UTC](https://forum.shopware.com/t/hohe-des-banner-sliders-an-image-height-anpassen/57343/2 "2019-01-08T11:52:36Z")
Ich bin mir nicht sicher welchen Banner-Slider du da genau meinst, aber wenn es nur um die Höhe eines Elements geht wäre es vielleicht besser das über Less zu lösen und nicht in der tpl.
Öffne mit deinem Browser doch mal das Analysetool (meist F12) und schau nach, welche Klassen/IDs das gewünscht Element hat. Um darüber hinaus sicher zu gehen, dass sich die Änderung nicht auf andere Elemente gleichen Typs auswirkt kannst du noch die darüber positionierten Elemente mit nutzen und die Änderung daran festmachen, dass nur Kindelemente von Elementen geändert werden, die sich in einem einmaligen Element befinden welches an anderer Stelle nicht noch einmal verwendet wird.
Das sieht dann irgendwie so aus:
```
#diveinmalig {
.parentelement_klasse {
.zielobjekt_klasse {
height:n px;
(padding:0; margin:0; je nach bedarf)
}
}
}
```
Schon eine Weile nicht mehr gemacht, aber das hilft dir sicher eher weiter.
---
### Author:  [@queen0f\_hearts](https://forum.shopware.com/u/queen0f_hearts)
#### Post date: [8. Januar 2019 um 14:58 UTC](https://forum.shopware.com/t/hohe-des-banner-sliders-an-image-height-anpassen/57343/3 "2019-01-08T14:58:12Z")
> [@PStadtfeld schrieb:](https://forum.shopware.com/profile/26941/PStadtfeld "PStadtfeld")
>
> Ich bin mir nicht sicher welchen Banner-Slider du da genau meinst, aber wenn es nur um die Höhe eines Elements geht wäre es vielleicht besser das über Less zu lösen und nicht in der tpl.
Danke für deine Antwort! Ich rede vom Banner-Slider-Element, das ich über die Einkaufswelten auf der Startseite platziert habe.
Natürlich habe ich zuerst versucht, die Höhe über less zu verändern. Allerdings wird die Höhe über die Einkaufswelten eingelesen, deshalb ist die einzige Option (zumindest so wie ich das sehe), darauf zuzugreifen über die tpl-Datei.
---
### Author:  [@PStadtfeld](https://forum.shopware.com/u/PStadtfeld)
#### Post date: [9. Januar 2019 um 08:18 UTC](https://forum.shopware.com/t/hohe-des-banner-sliders-an-image-height-anpassen/57343/4 "2019-01-09T08:18:48Z")
Damit die Elementhöhe dem Bild entspricht müsstest du sämtliche Höhenangaben vom Element selbst entfernen.
Erst dann würde sich das Element dem Bild anpassen. (Das betrifft jedoch sowohl Höhe als auch Breite)
Das funktioniert auch nur dann, wenn die Grafik als img-Tag eingebunden ist, handelt es sich um eine Hintergrundgrafik funktioniert das grundsätzlich nicht.