Produktbilder Variable

[CommanderKeen]

Hallo!

Ich arbeite mit dem XTCommerce 3.0.4, falls das wichtig ist.

Zur schöneren Ansicht der Produkte habe ich die Lightbox eingebaut.

Einziges Problem:

In der Lightbox muss ich die Variable des Produktbildes einfügen. Ich kenne allerdings nur die Variable für das Thumbnail.

Kann mir jemand sagen, wie ich die Produktbilder als Variable ansprechen kann?

Bei mir sieht das im Moment so aus. Ich will maximal 3 Fotos hochladen können.

{if $PRODUCTS_IMAGE_1 != ''}

                 <a href="{$PRODUCTS_IMAGE_1}" rel="lightbox[produkt]"><img src="{$PRODUCTS_IMAGE_1}" width="20%" height="20%" alt="{$PRODUCTS_NAME}" /></a>

{/if}


{if $PRODUCTS_IMAGE_2 != ''}

		<a href="{$PRODUCTS_IMAGE_2}" rel="lightbox[produkt]"><img src="{$PRODUCTS_IMAGE_2}" width="20%" height="20%" alt="{$PRODUCTS_NAME}" /></a>                          

{/if}


{if $PRODUCTS_IMAGE_3 != ''}

		<a href="{$PRODUCTS_IMAGE_3}" rel="lightbox[produkt]"><img src="{$PRODUCTS_IMAGE_3}" width="20%" height="20%" alt="{$PRODUCTS_NAME}" /></a>                          

{/if}

In der Lightbox werden allerdings nur die kleinen Thumbnails angezeigt und nicht die großen Fotos.

Wie kann ich die größere Version ansprechen anstatt mit "$PRODUCTS_IMAGE_1" z.b.?

Freue mich auf eure Hilfe

Danke

CommanderKeen

[Erik_M]

Hi CommanderKeen,

ich hab auch die Lightbox eingebaut und hab das so gelöst, dass ich die Maximalgröße einfach bei den Maxwerten im Adminbereich hochgeschraubt hab und dann einfach, wie du auch, auf die Vorschaubilder verlinkt hab. Damit die Vorschaubilder dann im Shop nicht so groß wie bei den Maxwerten angegeben angezeigt werden, hab ich dem <img>-Tag ne Klasse zugewiesen die ich dann im CSS so eingestellt hab, dass es eine eigene Max-Breite und Max-Höhe bekommt.

So:

Lightbox im HTML:

{if $PRODUCTS_IMAGE_1 !=''}


    <div class="prod_detail_pic_box">


        <center>

        <a href="{$PRODUCTS_IMAGE_1}" rel="lightbox[prod_pix]" title="{$PRODUCTS_NAME}">

        <img class="prod_detail_pic" src="{$PRODUCTS_IMAGE_1}" alt="{$PRODUCTS_NAME}" align="bottom" />

        </a>

        </center>


        <br />


        <div class="prod_detail_zoom"> </div>


    </div>


{/if}

[/HTML]

[b]der Style für den <img>-Tag:[/b]

[code] .prod_detail_pic{ display: block; float: left; max-height: 260px; max-width: 193px; } [/code]