Zusatzartikelbilder ohne Mausklick anzeigen lassen

[RedXx]

Hallo,

ich bin leider nach einer Stunde suchen nicht fündig geworden. Ich möchte in der "product_info" die Zusatzbilder die bei Klick wechseln ohne Klick anzeigen lassen. Also per Mouseover bzw. onmouseover kenne mich da nicht so genau aus.
So dass man nur mit der Maus über die Zusatzbilder fährt und diese sich dann wechseln.

Der Auszug meiner "product_info_v1.html" sieht derzeit so aus:

Code: PHP  [Auswählen]

<!-- EOF  PRODUCT_NAVIGATOR -->

{$FORM_ACTION}

<div id="productinfowrap">
<table>
  <tr>

  <!-- BOF PRODUCTS_IMAGE -->
  <td align="left" valign="top" style="padding-right:10px;">
                {if $PRODUCTS_IMAGE!=''}
 <img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" name="mainpicbild" id="mainpicbild" />
{/if}

<br>
        <!-- BOF More Pictures -->
 {* More Pictures *}
 weitere Bilder
      <div class="morepics">
        {if $PRODUCTS_IMAGE != ''}<a href='javascript:replacebild("{$PRODUCTS_IMAGE}");'><img class="image" src='{$PRODUCTS_IMAGE}' border="0" alt="{$PRODUCTS_NAME}" /></a>{/if}
        {foreach item=more_images_data from=$more_images}
        <a title="{$PRODUCTS_NAME}" href='javascript:replacebild("{$more_images_data.PRODUCTS_IMAGE}");'><img align="left" src='{$more_images_data.PRODUCTS_IMAGE}'  border="0" alt="{$PRODUCTS_NAME}" /></a>
        {/foreach}
      </div>
      <div style="clear:both;"><br></div>
<!-- BOF More Pictures -->

    </td>
    <!-- EOF PRODUCTS_IMAGE -->

    <td valign="top">
 

Könnte mir jemand helfen wie ich den Code anpassen muss?

Beste Grüße,
RedXx



Linkback: https://www.modified-shop.org/forum/index.php?topic=12919.0

[Tomcraft]

Schau mal hier: ANLEITUNG: Dynamische Bildvorschau für die Produktseite
oder hier: MODUL: Bilderwechsel mit jQuery in der product_info.html

Grüße

Torsten

[RedXx]

Danke für Deine Antwort..den Bilderwechsel habe ich in meinem Shop ja schon integriert, nur den Wechsel der Zusatzbilder sollen ohne Mausklick erfolgen. Gesteuert wird das also über die "general.js.php", dort habe ich einfach Klick in mouseover getauscht aber es rührt sich nichts:

Code: PHP  [Auswählen]

jQuery(document).ready(function(){
   jQuery("#pinfo_thumb0").mouseover(function (){
       var mytemp = jQuery("#pinfo_thumb0 img").attr("src");
       jQuery("#pinfo_img img").attr("src", mytemp );

       var temp = jQuery("#pinfo_thumb0 a").attr("href");
       jQuery("#pinfo_img").attr("href", temp );
    });
 });

jQuery(document).ready(function(){
   jQuery("#pinfo_thumb1").mouseover(function (){
       var mytemp = jQuery("#pinfo_thumb1 img").attr("src");
       jQuery("#pinfo_img img").attr("src", mytemp );

       var temp = jQuery("#pinfo_thumb1 a").attr("href");
       jQuery("#pinfo_img").attr("href", temp );
    });
 });

jQuery(document).ready(function(){
   jQuery("#pinfo_thumb2").mouseover(function (){
       var mytemp = jQuery("#pinfo_thumb2 img").attr("src");
       jQuery("#pinfo_img img").attr("src", mytemp );

       var temp = jQuery("#pinfo_thumb2 a").attr("href");
       jQuery("#pinfo_img").attr("href", temp );
    });
 

Muss ich zusätzlich noch was in der "product_info_v1" ändern?
Eine "product_info_tabs_v1" wie in der PDF-Anleitung von Webkiste habe ich noch gar nicht gefunden.

[Tomcraft]

Ich glaube, dass h-h-h hier demnächst mit einer Lösung um die Ecke kommt, wen ich mal so ins SVN (r1958) schaue.

Grüße

Torsten

[h-h-h]

So, habe es jetzt komplett in die nächste modified eCommerce Shopsoftware Version übernommen (r1963).
Im Anhang die neuen Produktinfo-Template-Dateien, welche in das Verzeichnis templates/xtc5/module/product_info verschoben werden müssen und bei den entsprechenden Produkten im Adminbereich unter "Vorlage für Artikeldetails:" ausgewählt werden können.

Gruß

h-h-h

[Tomcraft]

Danke für die Überarbeitung!

Grüße

Torsten