Highslide und XTC

bigfoot · August 27, 2007

Hallo Leute,

wir würden gerne das Highslide script in unseren Shop integrieren. Nach langem rumspielen gibt es bisher noch keinen Erfolg zu verbuchen. Hat evtl. jemand Erfahrung bzw eine kleine Anleitung wie man das Highslide script in einen XT-Commerce integriert? Gewünscht wären Thumbnails der product_listing sowie die Bilder in der produkt_info.

Tausend Dank schonmal.

Gruß

supervisior · August 27, 2007

/includes/module/product_info.php

----------------------------------

finde folgendes:

 $image = '';

  if ($product->data['products_image'] != '')

   $image = DIR_WS_INFO_IMAGES.$product->data['products_image'];[/php]

ersetze es mit:

[php]$image = '';
$popup_image = '';
if ($product->data['products_image'] != '') {
$image = DIR_WS_INFO_IMAGES.$product->data['products_image'];
$popup_image = DIR_WS_POPUP_IMAGES.$product->data['products_image'];
}

----------------------------------

finde folgendes:

$info_smarty->assign('PRODUCTS_IMAGE', $image);

und füge danach ein:

$info_smarty->assign('PRODUCTS_POPUP_IMAGE', $popup_image);

----------------------------------

finde folgendes:

$info_smarty->assign('PRODUCTS_IMAGE_'.$img['image_nr'], $mo_img);

und ersetze es mit:

$popup_image = DIR_WS_POPUP_IMAGES.$img['image_name'];

$info_smarty->assign('PRODUCTS_IMAGE_'.$img['image_nr'], $mo_img);

$info_smarty->assign('PRODUCTS_POPUP_IMAGE_'.$img['image_nr'], $popup_image);

[/php]

----------------------------------

/templates/xtc4/module/product_info/product_info_v1.html

----------------------------------

finde folgendes:

[php] <tr>
<td>{if $PRODUCTS_IMAGE!=''}<img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="prodImg" />{/if}</td>
</tr>

und ersetze es mit:

<tr>

                          <td><a href="{$PRODUCTS_POPUP_IMAGE}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'caption1'}{/literal})"><img src="{$PRODUCTS_IMAGE}" alt="Highslide JS" title="Click to enlarge" /></a></td>

                        </tr> [/php]

----------------------------------

finde folgendes:

[php]{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}

und ersetze es mit:

{if $PRODUCTS_IMAGE_1 != ''}

                        <tr>

                          <td style="border-top: 1px solid; border-color: #cccccc;">   

                          <a href="{$PRODUCTS_POPUP_IMAGE_1}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_1}" alt="Highslide JS" title="Click to enlarge" /></a>                       

                          </td>

                        </tr>

      {/if}     

                        {if $PRODUCTS_IMAGE_2 != ''}

                        <tr>

                          <td style="border-top: 1px solid; border-color: #cccccc;">

                          <a href="{$PRODUCTS_POPUP_IMAGE_2}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_2}" alt="Highslide JS" title="Click to enlarge" /></a>                                                 

                          </td>

                        </tr>  

      {/if}

      {if $PRODUCTS_IMAGE_3 != ''}

                        <tr>

                          <td style="border-top: 1px solid; border-color: #cccccc;">                          

                          <a href="{$PRODUCTS_POPUP_IMAGE_3}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_3}" alt="Highslide JS" title="Click to enlarge" /></a>                                                 

                          </td>

                        </tr>  

      {/if}

[/php]

----------------------------------

finde folgendes:

[php]
</table>

und füge danach ein:

<div class='highslide-caption' id='the-caption'>

                      {if $PRODUCTS_IMAGE_3 != '' && $PRODUCTS_IMAGE_1 != '' && $PRODUCTS_IMAGE_1 != ''}

    <a href="#" onclick="return hs.previous(this)" class="control" style="float:left; display: block">

     Rückwärts

     <br/>

     <small style="font-weight: normal; text-transform: none">linke Pfeiltaste</small>

    </a>

 <a href="#" onclick="return hs.next(this)" class="control" 

   style="float:left; display: block; text-align: right; margin-left: 50px">

  Vorwärts

  <br/>

  <small style="font-weight: normal; text-transform: none">rechte Pfeiltaste</small>

 </a>

 {/if}

    <a href="#" onclick="return hs.close(this)" class="control">Schließen</a>

    <div style="clear:both"></div>

</div>

[/php]

----------------------------------

/includes/header.php

----------------------------------

finde folgendes:

[php]if (strstr($PHP_SELF, FILENAME_POPUP_IMAGE )) {
?>

und füge davor ein:

if (strstr($PHP_SELF, FILENAME_PRODUCT_INFO ) || $_GET['cat'] != '' || $_GET['manufacturers_id'] != '' || $_GET['keywords'] != '') {

?>

<script type="text/javascript" src="includes/highslide/highslide.js"></script>

<script type="text/javascript">    

    hs.graphicsDir = 'includes/highslide/graphics/';

    window.onload = function() {

        hs.preloadImages(5);

    }

</script>

<?php

}

[/php]

----------------------------------

/includes/classes/produt.php

----------------------------------

finde folgendes (ca. Zeile 392)

[php]return array ('PRODUCTS_NAME' => $array['products_name'],

und füge davor ein:

$popup_image = DIR_WS_POPUP_IMAGES.$array['products_image'];

[/php]

----------------------------------

finde folgendes:

[php]'PRODUCTS_IMAGE' => $this->productImage($array['products_image'], $image),

und füge danach ein:

'PRODUCTS_POPUP_IMAGE' => $popup_image,

[/php]

----------------------------------

/templates/xtc4/module/product_listing/product_listing_v1.html

----------------------------------

finde folgendes:

[php]<a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE}" alt="{$module_data.PRODUCTS_NAME}" /></a>

und ersetze es mit:

<a href="{$module_data.PRODUCTS_POPUP_IMAGE}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$module_data.PRODUCTS_IMAGE}" alt="Highslide JS" title="Click to enlarge" class="prodImg" /></a>

----------------------------------

finde folgendes:

<td align="left" class="main"><a href="{$module_data.PRODUCTS_LINK}"><strong>{$module_data.PRODUCTS_NAME}</strong></a></td>

          </tr>[/php]

und füge danach ein:

[php]<div class='highslide-caption' id='the-caption'>
<a href="#" onclick="return hs.close(this)" class="control">Schließen</a>
<div style="clear:both"></div>
</div>

----------------------------------

Anmerkung:

Für den Fall, das man in der Produktdetailansicht nur das Standardbild angeziegt werden soll, aber

trotzdem durch alle weiteren Bilder durchgegangen werden soll muß folgende Änderung vollzogen werden:

/templates/xtc4/module/product_info/product_info_v1.html

----------------------------------

finde folgendes:

      {if $PRODUCTS_IMAGE_1 != ''}

                        <tr>

                          <td style="border-top: 1px solid; border-color: #cccccc;">   

                          <a href="{$PRODUCTS_POPUP_IMAGE_1}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_1}" alt="Highslide JS" title="Click to enlarge" /></a>                       

                          </td>

                        </tr>

      {/if}     

                        {if $PRODUCTS_IMAGE_2 != ''}

                        <tr>

                          <td style="border-top: 1px solid; border-color: #cccccc;">

                          <a href="{$PRODUCTS_POPUP_IMAGE_2}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_2}" alt="Highslide JS" title="Click to enlarge" /></a>                                                 

                          </td>

                        </tr>  

      {/if}

      {if $PRODUCTS_IMAGE_3 != ''}

                        <tr>

                          <td style="border-top: 1px solid; border-color: #cccccc;">                          

                          <a href="{$PRODUCTS_POPUP_IMAGE_3}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_3}" alt="Highslide JS" title="Click to enlarge" /></a>                                                 

                          </td>

                        </tr>  

      {/if}[/php]

und ersetze es mit:

[php]
{if $PRODUCTS_IMAGE_1 != ''}
<tr>
<td><div style="display:none">
<a href="{$PRODUCTS_POPUP_IMAGE_1}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_1}" alt="Highslide JS" title="Click to enlarge" /></a>

{/if}
{if $PRODUCTS_IMAGE_2 != ''}

<a href="{$PRODUCTS_POPUP_IMAGE_2}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_2}" alt="Highslide JS" title="Click to enlarge" /></a>

{/if}
{if $PRODUCTS_IMAGE_3 != ''}

<a href="{$PRODUCTS_POPUP_IMAGE_3}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_3}" alt="Highslide JS" title="Click to enlarge" /></a>
</div></td>
</tr>
{/if}

----------------------------------

Obige Anleitung setzt das Highslide Script im Verzeichnis /includes/highslide voraus. Für diese Anleitung gibt es keinen Support und keine Gewähr auf Funktionalität. Das Highslide Script ist zwar Open Source, jedoch sollte man den Entwickler für seine Arbeit belohnen und ihm die 28$ schon zukommen lassen.

polkhigh33 · August 27, 2007

den Entwickler für seine Arbeit belohnen und ihm die 28$ schon zukommen lassen

es sind 29$

geht auch um einiges einfacher.....

die popup-images bekommt man in den template-datein auch mit z.b.{$PRODUCTS_IMAGE|regex_replace:"/info_images/":"popup_images"} ....

da kann man sich das gecode in den php-datein sparen

supervisior · August 27, 2007

dann schreib ne anleitung, weil mit dem wortfetzen kann ein unbedarfter nix anfangen

polkhigh33 · August 27, 2007

war auch nur als an-regung und nicht als an-leitung gemeint.

supervisior · August 27, 2007

Stimmt, ist ja der Community Bereich, da "supported" ihr ja nicht...!

Vio · August 28, 2007

Leider doppelt...

Vio · August 28, 2007

Stimmt, ist ja der Community Bereich, da "supported" ihr ja nicht...!

Willst Du damit sagen, dass es im Supportbereich eine Anleitung geben wird?

Da bin ich mal gespannt;)

Grüße

Vio

Danke für die ausführliche Beschreibung:D

bigfoot · August 28, 2007

Vielen Dank für die Super Anleitung.

Eine Frage hätten wir noch. In der Produktinfo wird jetzt nur ab dem zweiten/dritten/vierten Bild usw. die Navigation(vor - zurück) vom Highslide angezeigt. Beim Hauptbild fehlt die Navigation. Ist das korrekt oder haben wir irgendwo einen Fehler gemacht?

Danke.

Gruß

supervisior · August 28, 2007

Na ihr müsst die Anleitung schon auch lesen und nicht nur einfach machen, was da steht. Nehmt den letzten Schritt der Anleitung wieder raus, dann sollte es auch bei dem ersten Bild gehen.

bigfoot · August 28, 2007

Hallo,

wenn mit dem letzten Schritt der Punkt "Anmerkung" gemeint ist - den haben wir nicht durchgeführt.

-------------------------------------------------------------------

Installation bis zum Punkt Anmerkung durchgeführt anschliessend im Admin ein neues Produkt erstellt mit drei Bildern. Beim Shopaufruf der Produktinfo wird aber nur die Navi im 2.ten bzw. 3ten Bild mit angezeigt.

Gruß

supervisior · August 28, 2007

Kann ich dir nicht sagen wo du den Fehler eingebaut hast. Wie schon gesagt, no support. Die Anleitung kam aber schon dutzend Male zum Einsatz, deshalb müsst Ihr da leider allein klar kommen.

mbdesign · September 1, 2007

Das Problem ist tatsächlich wie von bigfoot beschrieben bei dem ersten Bild.

Der letzte Schritt hat nur damit zu tun das nur ein Bild angezeigt wird aber nicht die Navigation.

Probiere es mal damit

<div class='highslide-caption' id='the-caption'>

                      {if $PRODUCTS_IMAGE_3 != '' && $PRODUCTS_IMAGE_1 != '' && $PRODUCTS_IMAGE_1 != ''}

    <a href="#" onclick="return hs.previous(this)" class="control" style="float:left; display: block">

     Rückwärts

        <br/>

     <small style="font-weight: normal; text-transform: none">linke Pfeiltaste</small>

    </a>

    <a href="#" onclick="return hs.next(this)" class="control" 

            style="float:left; display: block; text-align: right; margin-left: 50px">

  Vorwärts

        <br/>

  <small style="font-weight: normal; text-transform: none">rechte Pfeiltaste</small>

    </a>

 {/if}

    <a href="#" onclick="return hs.close(this)" class="control">Schließen</a>

    <a onclick="return false" class="highslide-move control">Verschieben</a>

    <div style="clear:both"></div>

</div>[/html]

profibag · September 3, 2007

Hab nach der Anleitung eingebaut.

-Produktlisting ist ok

-Produktinfo wird nur das Hauptbild vergrößert, die weiteren Bilder werden nicht erkannt

- auch Navi wird hier nicht angezeigt

weiß wirklich nicht mehr weiter, hat jemand einen Tipp?

siehe hier:

www.profibag.de/shoptest/product_info.php?products_id=136

sajako · September 5, 2007

Hi,

also es sollte einmal heissen the-caption:

<tr>

                          <td><a href="{$PRODUCTS_POPUP_IMAGE}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE}" alt="Highslide JS" title="Click to enlarge" /></a></td>

                        </tr>  

[/php]

zweitens siehst Du natürlich nichts, wenn Du nur zwei Bilder hast, aber da kannst Du ja mit der if Abfrage spielen nach dem end tag für table z.B.:

[php]
{if $PRODUCTS_IMAGE_1 != ''}
<a href="#" onclick="return hs.previous(this)" ....

hoffe es hilft jetzt-

big thanks to supervisor

profibag · September 6, 2007

@sajako:

danke für Deine Antwort. Habe den Fehler gefunden, war aber wasanderes: ich hatte eine Eröffnungsschleife { vergessen !

Jetzt geht es fast. Denn ein Problem bleibt. Die Navigation wird nur beim Haupt-Produktbild angezeigt, bei den Zusatzbildern fehlt sie.

Ich verwende allerdings keine Layout-Tabelle, sondern div-container.

Habe den caption-Code auch schon probeweise an verschiedenen Stellen eingefügt, immer das gleiche: die Navi fehlt in den Zusatzbildern, siehe

www.profibag.de/shoptest/product_info.php?products_id=136

Meine product_info_div1.html hier:

{config_load file="$language/lang_$language.conf" section="product_info"}

{$PRODUCT_NAVIGATOR}

{$FORM_ACTION}

<div class="productInfo1">

{if $PRODUCTS_IMAGE !=''}<a href="{$PRODUCTS_POPUP_IMAGE}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'caption1'}{/literal})"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}"  title="Klicken für großes Bild" class="imgLeft" style="margin-top:10px;"/></a>{/if}<br />

<h1 align="right">{$PRODUCTS_NAME}</h1>

<p align="right">{if $PRODUCTS_MODEL!=''}{#model#}{$PRODUCTS_MODEL}{/if} {$PRODUCTS_DISCOUNT} {if $PRODUCTS_MANUFACTURER.image !=''}<img src="{$PRODUCTS_MANUFACTURER.image}" alt="{$PRODUCTS_MANUFACTURER.name}" align=textTop />{/if}</p> 

{if $PRODUCTS_SHORT_DESC !=''}<b>{$PRODUCTS_SHORT_DESC}</b>{/if}<br />

<p class="basicData">

	<span class="productInfoPrice">{$PRODUCTS_PRICE}</span><br />

	<span class="productTaxInfo">{$PRODUCTS_TAX_INFO}{if $PRODUCTS_SHIPPING_LINK}{$PRODUCTS_SHIPPING_LINK}{/if}</span><br />

	{if $PRODUCTS_VPE}{$PRODUCTS_VPE}<br />{/if}

	{if $SHIPPING_NAME}{#text_shippingtime#}{if $SHIPPING_IMAGE}<img src="{$SHIPPING_IMAGE}" alt="{$SHIPPING_NAME}" />{/if} {$SHIPPING_NAME}{/if}

</p><br class="clearHere" />

<p class="morePics">                      

		  	{if $PRODUCTS_IMAGE_1 != ''}<a href="{$PRODUCTS_POPUP_IMAGE_1}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_1}" alt="{$PRODUCTS_NAME}" title="Klicken für großes Bild" class="imgLeft" /></a>{/if}

		  	{if $PRODUCTS_IMAGE_2 != ''}<a href="{$PRODUCTS_POPUP_IMAGE_2}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_2}" alt="{$PRODUCTS_NAME}" title="Klicken für großes Bild" class="imgLeft" /></a>{/if}

		  	{if $PRODUCTS_IMAGE_3 != ''}<a href="{$PRODUCTS_POPUP_IMAGE_3}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_3}" alt="{$PRODUCTS_NAME}" title="Klicken für großes Bild" class="imgLeft" /></a>{/if}

		  	{if $PRODUCTS_IMAGE_4 != ''}<a href="{$PRODUCTS_POPUP_IMAGE_4}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_4}" alt="{$PRODUCTS_NAME}" title="Klicken für großes Bild" class="imgLeft" /></a>{/if}

		  	{if $PRODUCTS_IMAGE_5 != ''}<a href="{$PRODUCTS_POPUP_IMAGE_5}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_5}" alt="{$PRODUCTS_NAME}" title="Klicken für großes Bild" class="imgLeft" /></a>{/if}

		  	{if $PRODUCTS_IMAGE_6 != ''}<a href="{$PRODUCTS_POPUP_IMAGE_6}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_6}" alt="{$PRODUCTS_NAME}" title="Klicken für großes Bild" class="imgLeft" /></a>{/if}

		  	{if $PRODUCTS_IMAGE_7 != ''}<a href="{$PRODUCTS_POPUP_IMAGE_7}" class="highslide" onclick="return hs.expand(this, {literal}{captionId: 'the-caption'}{/literal})"><img src="{$PRODUCTS_IMAGE_7}" alt="{$PRODUCTS_NAME}" title="Klicken für großes Bild" class="imgLeft" /></a>{/if}

			{if $PRODUCTS_FSK18=='true'}<img src="{$tpl_path}img/fsk18.gif" alt="" />{/if}


</p><br class="clearHere" />


<div class='highslide-caption' id='caption1' style="background:#efefef">

                      {if $PRODUCTS_IMAGE_3 != '' && $PRODUCTS_IMAGE_1 != '' && $PRODUCTS_IMAGE_1 != ''}

    <a href="#" onclick="return hs.previous(this)" class="control" style="float:left; display: block">

     Rückwärts

        <br/>

     <small style="font-weight: normal; text-transform: none; font-size:xx-small">linke Pfeiltaste</small>

    </a>

    <a href="#" onclick="return hs.next(this)" class="control" 

            style="float:left; display: block; text-align: right; margin-left: 50px">

  Vorwärts

        <br/>

  <small style="font-weight: normal; text-transform: none; font-size:xx-small">rechte Pfeiltaste</small>

    </a>

 {/if}

    <a href="#" onclick="return hs.close(this)" class="control">Schließen</a>

    <a onclick="return false" class="highslide-move control">Verschieben</a>

    <div style="clear:both"></div>

</div>


<div class="productInfo1BodyLeftCell" style="text-align:center;font-size:85%;color:#C0C0C0;">Lieferung ohne Dekoration!<br>Bedingt durch die Darstellung am Bildschirm können Farben unter Umständen verfälscht wiedergegeben werden. Hierfür übernehmen wir keine Haftung.</div>

<div align="right">

<div style="margin:0px;width:50%;float:left;">

{if $MODULE_product_options !=''}<p class="options">{$MODULE_product_options}</p>{/if}

</div>

<div style="margin:0px;width:50%;">

<p class="addCart"><br /><br />{$ADD_QTY}{$ADD_CART_BUTTON}<br />{$PRODUCTS_PRINT}<br /><br />{#question#}{$ASK_PRODUCT_QUESTION}<br /></p>

</div><br class="clearHere" />

</div>


{if $PRODUCTS_DESCRIPTION !=''}<p class="desc"><strong>Produktdetails:</strong><br />{$PRODUCTS_DESCRIPTION}</p>{/if}

<p class="addCart">{$ADD_QTY}{$ADD_CART_BUTTON}</p>



{if $MODULE_graduated_price !=''}<p>{$MODULE_graduated_price}</p>{/if}

</div>

{if $PRODUCTS_URL != ''}{$PRODUCTS_URL}{/if}

{if $PRODUCTS_DATE_AVIABLE != ''}{$PRODUCTS_DATE_AVIABLE}{/if}

{if $PRODUCTS_ADDED != ''}{$PRODUCTS_ADDED}{/if}

{if $MODULE_products_reviews != ''}{$MODULE_products_reviews}{/if}

{if $MODULE_products_media != ''}{$MODULE_products_media}{/if}

{if $MODULE_cross_selling != ''}{$MODULE_cross_selling}{/if}

{if $MODULE_reverse_cross_selling != ''}{$MODULE_reverse_cross_selling}{/if}

{if $MODULE_also_purchased != ''}{$MODULE_also_purchased}{/if}


{$FORM_END}

sajako · September 6, 2007

Hallo,

Du hast meines Erachtens immer noch 'caption1' drin stehen - ändere das mal auf 'the-caption' ab.

gruß

profibag · September 6, 2007

Tatsächlich, das war´s. Habe jetzt alles in 'the-caption' geändert.

Eine Unsicherheit bleibt mir noch:

In der Anleitung ist im Link für das PRODUCT_IMAGE die ID 'caption1' angegeben, an allen anderen Stellen 'the-caption'. Ist das ein Fehler?

Ich hab jetzt auch im PRODUCT_IMAGE-Link 'the-caption' eingetragen, es funktioniert.

Oder muss hier (aus welchen Gründen auch immer) 'caption1' stehen bleiben?

chinni · December 4, 2007

Hallo

vielen Dank für die tolle Anleitung, hat bei mir bestens geklappt :-)

Ich habe aber noch einen Wunsch, ich möchte gerne das die Popup Bilder immer in der Originalgrösse geöffnet werden.

Wie kann ich das umsetzten?

Vielen Dank für eure Hilfe

Lg

Chinni

supervisior · December 4, 2007

werden sie doch?! Wenn du mit Original das Bild meinst, das du dem Shop übergibst, dann musst du doch nur die Größe des Popup Bildes in den Bild Optionen eintragen?!

chinni · December 4, 2007

ne so meine ich das nicht, hab mich dann nicht korrekt augedrückt.

ich versuchs nochmals

ich lade ein bild hoch mit grösse 500x500, das popup ist dann aber nur 400x400, er übernimmt immer die einstellungen die ich unter bildoptionen eingestellt habe.

habe da auch schon probiert, die bildverkleinerung auf false zu setzten im shopadmin, nutzt auch nix.

wie schaff ich es das mein bild nicht reduziert wird?Sprich es öffnet sich dann immer in der Originalgrösse.

Danke Dir fürs promte Antworten :-)

Lg

Chinni

supervisior · December 4, 2007

Ich hatte dir schon richtig geantwortet. Wenn das Bild in der gleichen Größe angezeigt werden soll, wie du es dem Shop zum Bearbeiten übergibst, dann musst du die Größenangaben des Original Bildes eintragen. Ist doch logisch, oder?

chinni · December 4, 2007

ja ist schon logisch, aber meine bilder haben meistens andere grössen, und für jedes bild jedesmal unter bildoptionen die grösse eingeben, ist mir schon zu mühsam.Ich dachte es gibt ne Möglichkeit, das das Popup gleich dem Bild angepasst werden kann.

Ich hatte vorhin den OsCommerce Shop, da hat sich das Bild immer in der Originalgrösse geöffnet, egal wie gross es war.

Gibts den da nicht eine bessere Lösung für Xt Commerce?

Das wär echt klasse.

Lg

Chinni

supervisior · December 4, 2007

Ja, gibt es, entweder programmieren (lassen) oder jedes einzelne Bild nach dem Bearbeiten durch das Original Bild mit angepasstem Datei Namen ersetzen.....

chinni · December 4, 2007

och schade das dies gleich so aufwendig ist, ich dachte es wär einfacher.

trotzdem herzlichen Dank für Deine Hilfe.

Lg

Chinni

Highslide und XTC

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Archived