Slider-Thumbnails anpassen

Moin Leute,

ich verwende auf meiner Seite den Cyclone Slider 2 und habe bei einem Review einen Slider eingefügt. Der Slider bietet dabei verschiedenen Templates und ich für die Seite das Template Thumbnails genommen. Wie der Name schon sagt, zeigt das Template kleine Vorschaubilder an, allerdings unterhalb vom Slider, ich möchte die Thumbnails allerdings neben dem Sleider in der Sidebar anzeigen lassen. Daher meine Frage ob mir jemand helfen könnte, da man warscheinlich was beim PHP ändern muss.

Meine Seite: http://progames.bplaced.net/victor-vran

Cyclone Slider 2: https://wordpress.org/plugins/cyclone-slider-2

Also ich hab inzwischen eine "Lösung" mit CSS gefunden.

margin-top: -405px !important;
margin-left: 690px !important;
max-width: none !important;
z-index: 110;

Allerdings hab ich jetzt das Problem, dass wenn ich versuche eine Scrollbar hinzuzufügen, dann werden die Thumbnails nicht mehr angezeigt.

height: 381px;
overflow-y: auto;
overflow-x: hidden;

Vielleicht weiß einer ne Lösung, ich würde mich freuen.

Danke für die Anwort,

es soll allerdings nicht ganz so wie deinem Screen aussehen sondern eher so:

Ich wollte neben dem Slider drei Thumbnails angezeigt bekommen mit den Maßen: Breite 245px Höhe 116px und dann muss eben noch die Scrollbar eingefügt werden damit man die restlichen sehen kann. Ich weiß das ich in der PHP noch die Thumbnails ändern muss, da er momentan ein 40x40 Bild hochskaliert Allerdings habe ich nicht so richtig verstanden was du mit 1. gemeint hast.

So hab mal ein bisschen weiter gebastelt und das Logo oben sollte jetzt auch kleiner sein, ist eine Vektorgrafik (vorher 28,5 KB jetzt 3,58 KB). Allerdings habe ich jetzt noch das Problem, dass in der PHP vom Plugin ein 40x40 Thumbnail abgerufen wird, das müsste irgendwie geändert werden und danke für die Hilfe :)
[size=8]
[size=10]>

<ul class="clearfix">

<?php foreach($slides as $i=>$slide): ?>

<?php if ( 'image' == $slide['type'] ) : ?>

<li>

<img src="<?php echo $slide['image_thumbnails']['40_40_crop']; ?>" width="245" height="118" alt="<?php echo $slide['img_alt'];?>" title="<?php echo $slide['img_title'];?>" />

</li>

<?php elseif ( 'youtube' == $slide['type'] ) : ?>

<li>

<img src="<?php echo $slide['thumbnail_small']; ?>" width="245" height="118" alt="<?php echo $slide['img_alt'];?>" title="<?php echo $slide['img_title'];?>" />

</li>

<?php elseif ( 'vimeo' == $slide['type'] ) : ?>

<li>

<img src="<?php echo $slide['thumbnail_small']; ?>" width="245" height="118" alt="<?php echo $slide['img_alt'];?>" title="<?php echo $slide['img_title'];?>" />

</li>

<?php elseif ( 'video' == $slide['type'] ) : ?>

<li>

<div class="thumb-custom">Video</div>

</li>

<?php elseif ( 'custom' == $slide['type'] ) : ?>

<li>

<div class="thumb-custom">HTML</div>

</li>

<?php endif; ?>

<?php endforeach; ?>

</ul>[/SIZE][/SIZE]

Ich glaub ich wieß auch schon die Stelle wo man das ändern muss, allerdings weiß ich nicht wie ich das ändern kann - wäre nett wenn mir jemand helfen könnte.

Hallo,

Ich habe mal in der functions.php vom Theme nachgeschaut:

add_theme_support('post-thumbnails' );
add_image_size('mag-image', 340, 160,true);
add_image_size('blog-image', 220, 180,true);        
add_image_size('sb-post-thumbnail', 160, 227,true);
add_image_size('sb-post-big-thumbnail', 365, 180,true);

Leider habe ich es nicht so ganz verstanden, wie ich das hier ersetzten kann:

[size=8][size=10][size=8][size=10]<?php if ( 'image' == $slide['type'] ) : ?>
<li>
[/SIZE][/SIZE]<img src="<?php echo  $slide['image_thumbnails']['40_40_crop'];?>" width="245"  height="118" alt="<?php echo $slide['img_alt'];?>" title="<?php  echo $slide['img_title'];?>" />[/SIZE][/SIZE]

Mein PHP-Verständnis ist nicht so besonders hoch, daher würde ich mich über Hilfe freuen;)

Danke für die Tipps, allerdings werden die Thumbnails gar nicht mehr angezeigt, wenn man die Werte an der Stelle ändert und auf der Pluginseite hab ich nichts passendes gefunden.

[size=8][size=10]<img src="<?php echo  $slide['image_thumbnails']['250_250_crop'];?>" width="245"  height="118" alt="<?php echo $slide['img_alt'];?>" title="<?php  echo $slide['img_title'];?>" />[/SIZE][/SIZE]

Ich hab jetzt was Interessantes in einer Widget, die vom Theme kommt, gefunden:

<div class="sb-post-thumbnail">
                        <?php if ( has_post_thumbnail() ) { ?>
                            <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail('sb-post-thumbnail', array('title' => get_the_title())); ?></a>
                        <?php } else { ?>
                            <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><img  src="<?php echo get_template_directory_uri(); ?>/images/default-image.png" width="160" height="227" alt="<?php the_title(); ?>" /></a>
                        <?php } ?>
                        </div>

So sieht die Widget auf der Seite aus: http://progames.bplaced.net/willkommen

Ich hab mir das Ganze jetzt mal durchgelesen und bin auf die Idee gekommen, dass es vielleicht nicht geht, da es ja immer nur von the_post_thumbnail die Rede ist und nicht von image_thumbnails. Eine weitere Möglichkeit wäre auch, dass es nicht funktioniert weil diese ['40_40_crop'] irgentwo anders noch einmal erwähnt werden bzw. als größe implementiert werden. Denn das Plugin bietet im Admin eine Seite wo man die Slider erstellen kann und dort konnte man auch die Thumbnails sehen, wenn man an den ['40_40_crop'] nichts verändert hat.

Das ganze ist wohl komplizierter als ich dachte. '_'