Anzahl der Produktbilder in "Detail"

[Diedrichs]

Hallo!

Ich habe XT so eingestellt, dass 5 Bilder pro Produkt aufgerufen werden können. Aber ich möchte, daß in der Detailansicht nur eines davon angezeigt wird. Der Rest dann im Popup. Ist das möglich?

So long Harald

[shd]

ja, ist möglich. habe das gerade erst in einem anderen shop umgesetzt. Die zusätzlichen Bilder setzt du in ein umschließendes <div>, welches du dann in der stylesheet mit visibility: none; unsichtbar machst. Zusätzlich ahbe ich noch per if Schleife einen Button unter das Hauptbild gestezt mit der Aufschrift Weitere Bilder, der dann direkt zum 2. bild springt und auch nur eingeblendet wird, wenn es auch weitere Bilder gibt...

[Diedrichs]

Hallo

Danke für Deine Antwort, aber die ist "zu hoch" für mich. Da kenne ich mich nicht aus!

Sorry

so long Harald

[shd]

also, dann mal etwas detaillierter:

Normal sieht der Code so aus:

                      <table width="1" border="0" cellpadding="5" cellspacing="0">
                        <tr>
                          <td>{if $PRODUCTS_IMAGE!=''}<a href="{$PRODUCTS_POPUP_LINK}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a>{/if}</td>
                        </tr>
                        <!-- more images -->
						{if $PRODUCTS_IMAGE_1 != ''}
                        <tr>
                          <td style="border-top: 1px solid; border-color: #cccccc;">                          
                          <a href="{$PRODUCTS_POPUP_LINK_1}"><img src="{$PRODUCTS_IMAGE_1}" alt="{$PRODUCTS_NAME}" /></a>                          
                          </td>
                        </tr>
						{/if}     
                        {if $PRODUCTS_IMAGE_2 != ''}
                        <tr>
                          <td style="border-top: 1px solid; border-color: #cccccc;">
                          <a href="{$PRODUCTS_POPUP_LINK_2}"><img src="{$PRODUCTS_IMAGE_2}" alt="{$PRODUCTS_NAME}" /></a>                          
                          </td>
                        </tr>  
						{/if}
						{if $PRODUCTS_IMAGE_3 != ''}
                        <tr>
                          <td style="border-top: 1px solid; border-color: #cccccc;">                          
                          <a href="{$PRODUCTS_POPUP_LINK_3}"><img src="{$PRODUCTS_IMAGE_3}" alt="{$PRODUCTS_NAME}" /></a>                          
                          </td>
                        </tr>  
						{/if}
                        <!-- more images eof -->

Nun packst du den Teil <!-- more images --> bis <!-- more images eof -->
in ein <div>, was dann so aussieht:

<div id="more_images">
                        <!-- more images -->
						{if $PRODUCTS_IMAGE_1 != ''}
[...]
						{/if}
                        <!-- more images eof --> 
</div>

in die datei stylesheet.css packst du dann folgenden sytle rein:

#more_images {
  visibility: none;
}

Damit wird das div augeblendet, die bilder sind also nicht sichtbar.
Therotesich kannst du den ganzen code auch erheblich kürzen:

{if $PRODUCTS_IMAGE_1 != ''}
<div id="more_images">
                        <!-- more images -->
<a href="{$PRODUCTS_POPUP_LINK_1}"><img src="{$PRODUCTS_IMAGE_1}" alt="{$PRODUCTS_NAME}" /></a>

{if $PRODUCTS_IMAGE_2 != ''}
<a href="{$PRODUCTS_POPUP_LINK_2}"><img src="{$PRODUCTS_IMAGE_2}" alt="{$PRODUCTS_NAME}" /></a>{/if}

{if $PRODUCTS_IMAGE_3 != ''}
<a href="{$PRODUCTS_POPUP_LINK_3}"><img src="{$PRODUCTS_IMAGE_3}" alt="{$PRODUCTS_NAME}" /></a>{/if}

{if $PRODUCTS_IMAGE_4 != ''}
<a href="{$PRODUCTS_POPUP_LINK_4}"><img src="{$PRODUCTS_IMAGE_4}" alt="{$PRODUCTS_NAME}" /></a>{/if}
                        <!-- more images eof --> 
</div>{/if}

in die stylesheet dann natürlich auch wieder

#more_images {
  visibility: none;
}

rein.

[Diedrichs]

DANKE!

Harald

[Johnny23]

Kann es nicht einfacher? Wenn man die ganze {more images} aus den Template heraus nimmt wirden kein Bilder gezeigt, nur das erste.

Ich hab das Problem das auf die detailpage nur 3 extra Bilder gezeigt werden, eben wenn ich dieser code einfuge:

{if $PRODUCTS_IMAGE_4 != ''}
<tr>
<td style="border-top: 1px solid; border-color: #cccccc;">
<a href="{$PRODUCTS_POPUP_LINK_4}"><img src="{$PRODUCTS_IMAGE_4}" alt="{$PRODUCTS_NAME}" /></a>
</td>
</tr>
{/if}
{if $PRODUCTS_IMAGE_5 != ''}
<tr>
<td style="border-top: 1px solid; border-color: #cccccc;">
<a href="{$PRODUCTS_POPUP_LINK_5}"><img src="{$PRODUCTS_IMAGE_5}" alt="{$PRODUCTS_NAME}" /></a>
</td>
</tr>
{/if}
{if $PRODUCTS_IMAGE_6 != ''}
<tr>
<td style="border-top: 1px solid; border-color: #cccccc;">
<a href="{$PRODUCTS_POPUP_LINK_6}"><img src="{$PRODUCTS_IMAGE_6}" alt="{$PRODUCTS_NAME}" /></a>
</td>
</tr>
{/if}
{if $PRODUCTS_IMAGE_7 != ''}
<tr>
<td style="border-top: 1px solid; border-color: #cccccc;">
<a href="{$PRODUCTS_POPUP_LINK_7}"><img src="{$PRODUCTS_IMAGE_7}" alt="{$PRODUCTS_NAME}" /></a>
</td>
</tr>
{/if}

Bilder 4 bis 7 werden in pop-up gezeigt, aber nicht auf den detailpage.

Wie kann ich das anderen? In Admin habe ich extra Bilder auf 7 gesetzt, sie stehen in Datenbank, aber nur auf detailpage werden nur die erste 3 gezeigt

Grusse,

John