Carousel Breite ändern

[AllyG]

Hallo,

ich will gern die festgelegte Breite des bestseller_carousel und bei mir zusätzlich noch des manufacturers_carousel ändern. Die klasse ist "bx-wrapper" (gilt für beide) aber die "max-width" ist nicht über eine stylesheet definiert sondern in irgendeiner html Datei nehme ich an aber ich finde sie einfach nicht.

Ich häng nochmal einen Screen an um genau zu zeigen welche Stelle ich meine.
[ Für Gäste sind keine Dateianhänge sichtbar ]

Linkback: https://www.modified-shop.org/forum/index.php?topic=36512.0

[Mike Randoo]

Hallo AllyG,

wenn mich nicht alles täuscht, hattest du auch das Responsive-TPL von modified, oder?
Dann schau mal in den Template-Ordner. Dort gibt's einen weiteren Ordner CSS.
Deine max-width solltest Du in der jquery.bxslider.css abändern können.

Gruß,
Mike

[AllyG]

Hallo Mike,

ja das stimmt ich hab des responsive Aber das funktioniert nicht das hab ich schon versucht. Das was in der jquery.bxslider.css steht wird jedes mal deaktiviert weil der Eintrag in der gesuchten html wahrscheinlich eine höhere Priorität hat.

[hpzeller]

Hallo AllyG,

diesen Tag <div class="bx-wrapper" style="max-width: 942px;"> findest Du nicht im Template, denn er wird erst im Browser per JavaScript durch das jQuery-Plugin "bxSlider" erzeugt, wobei sich die Eigenschaft 'max-width' aus den Settingeinstellungen ergibt.

Das Setting kann man hier festlegen:
suche in '/templates/tpl_modified_responsive/javascript/general_bottom.js' folgende stellen

Code: PHP  [Auswählen]

  /* BOF Hersteller Slider */
   $('.bxcarousel_manufacturers').bxSlider({
      minSlides: 4,
      maxSlides: 8,
      pager: false,
      slideWidth: 109,
      slideMargin: 10
    });
    /* EOF Hersteller Slider */


    $('.bxcarousel_bestseller').bxSlider({
      minSlides: 2,
      maxSlides: 7,
      pager: ($(this).children('li').length > 1), //FIX for only one entry
      slideWidth: 124,
      slideMargin: 14
    });
 

Es gilt folgende Gleichung:
(maxSlides x (slideWidth + slideMargin)) - slideMargin = max-width

PS:
Mehr Info hier -> http://bxslider.com/ und hier -> http://bxslider.com/options

Gruss
Hanspeter

[AllyG]

Ha ok super!

Vielen Dank da hätt ich mich ja dumm und dusselig gesucht