Wie kommt die Größe der Gallerie-Bilder zustande?

In der Standard.html kannst du bei imageanzeige ein width oder hight bei den thumbs anfügen.

 

Ich glaube die Gallerie-Bilder werden nicht in der Größe angepasst - diese sollte man gleich in der richtigen Größe hinterlegen. Auch weil die hight bzw width Angabe schmale oder flache Bilder unverhältnismäßig groß darstellt, was die Darstellung der Kategorien zerschießen kann...

 

Jeep und wo?

 

Wo hinterlegen? Naja - images/categories - bzw eben gleich richtig skalierte Bilder über den Admin-Bereich hochladen.... Man kann sich aber auch den Inhalt des Ordners runterladen - Bilder anpassen (geht mit PS als Stapelverarvbeitung mit passender Aktion - oder mit 'Scripten')- und unter gleichem Namen wieder speichern - hochladen und überschreiben - fertig...

Oder meinst Du die hight / width Angaben? Das geht in der entsprechenden categorie_listing.html Datei in /templates/EyeCandy/module/categorie_listing

HTML:

<li class="box_list" style="width:{$GM_LI_WIDTH}%">
   {if $SHOW_SUB_CATEGORIES_IMAGES eq '1' && $module_data.CATEGORIES_IMAGE}
    <a href="{$module_data.CATEGORIES_LINK}"><img src="{$module_data.CATEGORIES_IMAGE}" alt="{$module_data.CATEGORIES_ALT_TEXT|default:$module_data.CATEGORIES_NAME}" title="{$module_data.CATEGORIES_ALT_TEXT|default:$module_data.CATEGORIES_NAME}" height="150px"/></a><br />

Der Eintrag 'height="150px"' ist von mir.

Frage beantwortet?

 

Nö Du verwechselst da was. Jox wollte die Gallery-Bilder auf der Produktdetailseite kleiner haben. Daher an Dich die Frage...Jeeep und wo.

 

Ah - gut - Upps dann nichts für ungut...

 

So jetzt hab ich mir das nochmal angeschaut - man schnappe sich die standart.htm aus /templates/EyeCandy/module/product_info

und suche:

HTML:

{if $thumbnails|@count > 1}
     <div class="thumbnails" >
      {foreach name=thumbnails item=thumbnails_data from=$thumbnails}
       <div class="thumbnail" ><a href="{$thumbnails_data.INFO_IMAGE}" rel="{$thumbnails_data.ZOOM_IMAGE}" class="button_product_images button_lightbox_gallery {if $smarty.foreach.thumbnails.first} active_thumbnail{/if}" id="gallery_inside_thumbnail_{$smarty.foreach.thumbnails.iteration}" title="{$thumbnails_data.IMAGE_ALT|default:$thumbnails_data.PRODUCTS_NAME}"><img style="padding-left: {$thumbnails_data.PADDING_LEFT}px; padding-top: {$thumbnails_data.PADDING_TOP}px;" src="{$thumbnails_data.IMAGE}" alt="{$thumbnails_data.IMAGE_ALT|default:$thumbnails_data.PRODUCTS_NAME}" title="{$thumbnails_data.IMAGE_ALT|default:$thumbnails_data.PRODUCTS_NAME}" /></a></div>
      {/foreach}
     </div>
     {/if}

dann: Größenangaben eintragen und als -USERMOD abspeichernund hochladen:

HTML:

{if $thumbnails|@count > 1}
     <div class="thumbnails" >
      {foreach name=thumbnails item=thumbnails_data from=$thumbnails}
       <div class="thumbnail"  style="height: 20px; width: 20px;"><a href="{$thumbnails_data.INFO_IMAGE}" rel="{$thumbnails_data.ZOOM_IMAGE}" class="button_product_images button_lightbox_gallery {if $smarty.foreach.thumbnails.first} active_thumbnail{/if}" id="gallery_inside_thumbnail_{$smarty.foreach.thumbnails.iteration}" title="{$thumbnails_data.IMAGE_ALT|default:$thumbnails_data.PRODUCTS_NAME}"><img style="padding-left: {$thumbnails_data.PADDING_LEFT}px; padding-top: {$thumbnails_data.PADDING_TOP}px;" src="{$thumbnails_data.IMAGE}" alt="{$thumbnails_data.IMAGE_ALT|default:$thumbnails_data.PRODUCTS_NAME}" title="{$thumbnails_data.IMAGE_ALT|default:$thumbnails_data.PRODUCTS_NAME}" height="20px"/></a></div>
      {/foreach}
     </div>
     {/if}

Wichtig ist es die und die Bilder zu skalieren sonst sieht man nur ne Ecke..... Vielleicht gehts auch eleganter, aber: so gehts erstmal...... für die Lightbox Darstellung der Bilder lässt sich die Gallery über den Eintrag:

HTML:

body #lightbox_gallery .thumbnail
{
 float: left;
 height: 20px;
 margin-right: 3px;
 margin-bottom: 3px;
 overflow: hidden;
 padding-bottom: 1px;
 padding-left: 1px;
 padding-right: 1px;
 padding-top: 1px;
 width: 20px;
}

in der stylesheet.css anpassen --- wie man hier die Bildgröße dann aber auch anpasst wees ik nicht....

Es geht aber auch wie oben in der lightbox_gallery.html (/templates/EyeCandy/module) - das sieht dann z.B. so aus:

HTML:

<div id="lightbox_gallery_thumbnails">
    {foreach name=thumbnails item=thumbnails_data from=$content_data.images_data}
     <div class="thumbnail" style="height: 20px; width: 20px;">
      <a href="{$thumbnails_data.IMAGE}" class="button_product_images" id="gallery_inside_thumbnail_{$smarty.foreach.thumbnails.iteration}">
       <img style="padding-left: {$thumbnails_data.THUMBNAIL_PADDING_LEFT}px; padding-top: {$thumbnails_data.THUMBNAIL_PADDING_TOP}px;" src="{$thumbnails_data.THUMBNAIL}" alt="{$thumbnails_data.IMAGE_ALT|default:$thumbnails_data.PRODUCTS_NAME}" title="{$thumbnails_data.IMAGE_ALT|default:$thumbnails_data.PRODUCTS_NAME}" width="20px"/>
      </a>
     </div>
    {/foreach}
   </div>

Alles nur kurz im privaten Testshop getestet - sollte aber keine Querschläger geben ?!?