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

Thema wurde von jox, 4. Februar 2013 erstellt.

  1. jox

    jox G-WARD 2012

    Registriert seit:
    26. April 2011
    Beiträge:
    1.676
    Danke erhalten:
    119
    Danke vergeben:
    159
    Wie kommen die Abmessungen der Gallerie-Bilder zustande?
    In den Bild-Optionen kann zwar ich die Größe der Thumbnails (Listenbilder), Infobilder und Popup-Bilder einstellen. Doch die Größe der Gallery-Bilder wird irgendwie generiert.

    Wie kann ich die Gallery-Bilder noch kleiner machen, wie sie generiert werden?
     
  2. balou...sagt "Auf Wiedersehn"

    balou...sagt "Auf Wiedersehn" Erfahrener Benutzer

    Registriert seit:
    7. Juni 2011
    Beiträge:
    1.766
    Danke erhalten:
    374
    Danke vergeben:
    134
    In der Standard.html kannst du bei imageanzeige ein width oder hight bei den thumbs anfügen.
     
  3. chmarkus

    chmarkus Erfahrener Benutzer

    Registriert seit:
    13. September 2012
    Beiträge:
    126
    Danke erhalten:
    15
    Danke vergeben:
    37
    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...
     
  4. balou...sagt "Auf Wiedersehn"

    balou...sagt "Auf Wiedersehn" Erfahrener Benutzer

    Registriert seit:
    7. Juni 2011
    Beiträge:
    1.766
    Danke erhalten:
    374
    Danke vergeben:
    134
    Jeep und wo?:p
     
  5. chmarkus

    chmarkus Erfahrener Benutzer

    Registriert seit:
    13. September 2012
    Beiträge:
    126
    Danke erhalten:
    15
    Danke vergeben:
    37
    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?
     
  6. balou...sagt "Auf Wiedersehn"

    balou...sagt "Auf Wiedersehn" Erfahrener Benutzer

    Registriert seit:
    7. Juni 2011
    Beiträge:
    1.766
    Danke erhalten:
    374
    Danke vergeben:
    134
    Nö Du verwechselst da was. Jox wollte die Gallery-Bilder auf der Produktdetailseite kleiner haben. Daher an Dich die Frage...Jeeep und wo.
     
  7. chmarkus

    chmarkus Erfahrener Benutzer

    Registriert seit:
    13. September 2012
    Beiträge:
    126
    Danke erhalten:
    15
    Danke vergeben:
    37
    Ah - gut - Upps :) dann nichts für ungut...
     
  8. chmarkus

    chmarkus Erfahrener Benutzer

    Registriert seit:
    13. September 2012
    Beiträge:
    126
    Danke erhalten:
    15
    Danke vergeben:
    37
    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 ?!?