Banner Slider verschiedene Größen

Archive Shopware 3.5
1

Hallo Zusammen, ich versuche gerade den Slider für die Banner so anzupassen das es auf der Startseite groß ist z.B. 800x400px und auf den Kategorieseiten aber kleiner, z.B. 800x200px. Leider bin ich bisher noch nicht auf die Lösung gekommen. Ist das überhaupt machbar? Den großen Banner habe ich bereits angepasst. Ich hatte das so versucht: In der plugins/recommondation/blockslisting.tpl {if $banner\_active} $('.slider\_banner').ajaxSlider('locale', { 'width':800, 'height':200, 'scrollWidth': 800, 'containerClass': 'bannerSlider', 'outer': false, 'headline': false, 'rotate': true, 'scrollSpeed': 600 }); {/if} Jedoch greift der Banner ja auch auf verschiedene CSS Klassen zu. wenn ich die anpasse ändert sich ja auch der Hauptbanner auf der Startseite. Ist ja auch logisch… In der gleichen Templatevorlage ist auch dieser Abschnitt: [code]{block name=“frontend_listing_index_banner”} {if $banners && !$sLiveShopping && $banner_active}

{foreach from=$banners item=banner} {if !$banner.liveshoppingID}
{$banner.description}
{else}
{include file=“frontend/listing/box_liveshopping.tpl” liveArt=$banner.liveshoppingData}
{/if} {/foreach}
{else} {$smarty.block.parent} {/if} {/block}[/code] ändere ich hier die Klassen funktioniert zwar der Banner auf der Startseite aber der auf der Kategorieseite nicht… Übersehe ich irgendwie was?

2

Hat sich erledigt. Lösung: Die Templatedatei war korrekt. {if $banner\_active} $('.slider\_banner2').ajaxSlider('locale', { 'width':760, 'height':212, 'scrollWidth': 760, 'containerClass': 'bannerSlider', 'outer': false, 'headline': false, 'rotate': true, 'scrollSpeed': 600 }); {/if} [code]{block name=“frontend_listing_index_banner”} {if $banners && !$sLiveShopping && $banner_active}

{foreach from=$banners item=banner} {if !$banner.liveshoppingID}
{$banner.description}
{else}
{include file=“frontend/listing/box_liveshopping.tpl” liveArt=$banner.liveshoppingData}
{/if} {/foreach}
{else} {$smarty.block.parent} {/if} {/block}[/code] in der CSS noch folgendes eingefügt: #content .slider\_banner2 .sliding\_container .slide { width:760px; float:left} #center .slider\_banner2 {width: 760px; } #center .slider\_banner2 .bannerSlider {width: 760px;height: 212px; position: relative; margin-bottom: 15px;} #center .slider\_banner2 .bannerSlider .sliding\_outer {position: relative; overflow: hidden; left: 0px; width: 760px; height: 212px;} #content .slider\_banner2 .slide\_navigation { bottom: 0;position: absolute; right: 65px; text-align: center; z-index: 3; } Ich habe also die Klasse slider_banner in slider_banner2 geändert und die CSS erweitert (das hatte ich vorhin völlig vergessen :oops: )