Anzeige zusätzliche Artikelbilder in Produkt-Detailansicht

ulli

Die zusätzlichen Thumbnail-Bilder unter dem Info-Image sollen kleiner und alle angezeigt werden.
Leider finde ich den zugehörigen Quelltext nicht, auch die css-Klasse "mo_images" und die anderen sind in den Stylesheets nicht zu finden.

Mal (vereinfacht) der betreffende Quelltext:

Code

<div class="product_info_box_middle_left left">
	<a class="fancy img_main zoom" href="images/product_images/popup_images/1278_0.jpg" rel="fancy">
		<img class="img_border_info al" src="images/product_images/info_images/1278_0.jpg" width="142" height="240" />
	</a><br />


	<ul class="mo_images">
		<li>
			<a class="fancy img_right" href="images/product_images/popup_images/1278_1.jpg" rel="fancy">
			<img class="img_border_pic" width="73.18" height="109.09" src="images/product_images/thumbnail_images/1278_1.jpg" />
			</a>
		</li>
		<li>
			<a class="fancy img_right" href="images/product_images/popup_images/1278_2.jpg" rel="fancy">
			<img class="img_border_pic" width="109.09" height="82.27" src="images/product_images/thumbnail_images/1278_2.jpg" />
			</a>
		</li>
	</ul>


<script type="text/javascript" charset="utf-8">jQuery(document).ready(function() {jQuery('ul.mo_images').prettyGallery({navigation:'bottom',itemsPerPage:2,of_label: ' von '});});</script>
</div>

Alles anzeigen

Ich finde auch keine Möglichkeit, die Thumbnail-Größe anzupassen (woher nimmt der Quelltext diese Angaben wie ' width="109.09" height="82.27" ' ?)

ulli

Kein Entwickler hier? Es gibt seit Tagen viele Fragen, aber wenig Antworten.

Ergänzung zu oben:
Ich will, wie gesagt, eine andere Darstellung der Thumbnails erreichen und zudem für JEDES Bild die Lupenfunktion anwendbar machen, nicht nur für das erste Bild.
Habe es schon in anderen Shops gesehen, dass bei Auswahl (oder hover) eines nächsten Thnumbnails dieses als Infi-Image angezeigt wird und per Lupe gezoomt wird.

Beispiel, wie es aussehen sollte, unten.
WO muss man dafür am Quelltext schrauben?

[Blockierte Grafik: http://www.profibag.de/images/beispiel.gif]

danielp

Guten Tag,

weiß jemand rat? Finde die Idee von Superman toll und würde das ebenfalls gerne realisieren...
Ich setze allerdings die Shopversion commerce:SEO v2.1 CE ein

Auf eine Rückmeldung würde ich mich sehr freuen.

MfG
danielp

admin

Die Angabe kommt aus IMAGE_DIMENSION in der product_info_v1.html (Template Ordner), die Werte kannst Du auch fixieren statt {$IMAGE_DIMENSION} nimmt Du einfach width="50" height = "50" ...

danielp

Hallo admin,

vielen Dank für deine Antwort.
Ich setze allerdings den commerce:SEO v2.1 CE ein...

Das müßte doch in nachfolgendem Code sein:
{literal}
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("area[rel^='prettyPhoto']").prettyPhoto();
var themeName = '{/literal}{$INFO_GALLERY}{literal}';
var Slide = {/literal}{$INFO_GALLERY_SLIDE}{literal};
$(".prettyGallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:themeName,slideshow:3000, autoplay_slideshow: Slide, social_tools: false});
$("area[rel^='prettyPhoto']").prettyPhoto();
var themeName = '{/literal}{$INFO_GALLERY}{literal}';
var Slide = {/literal}{$INFO_GALLERY_SLIDE}{literal};
$('.prettyGallery:first').prettyGallery();
$('.prettyGallery:last').prettyGallery({
'navigation':'bottom',
'itemsPerPage':1
});
});
</script>
{/literal}

Oder?

MfG
danielp