Popup Bild / Mouseover

  • Hallo
    wenn ich auf ein Bild unter Details fahre/mouseover dann soll das Bild als popup rechts daneben angezeigt werden je nachdem wo ich mich gerade auf dem Bild befinde,
    wo stelle ich diese Funktion ein bzw. wie heißt diese Einstellung.
    danke für die Hilfe
    Gruß Ralf

  • Das Thema hatten wir vor Kurzem, ein brauchbares Zoom Script gibt es und das wird in der v2.4 mitkommen.

    <p>Wir geben nur Anregungen und Hilfestellung auf Basis unserer Erfahrung, keine Rechtshilfe!<br>\m/('_')\m/</p>

  • Das ist ein Script + Änderung an der Produktvorlage. Traust Du Dir das zu, wenn ich es mal hier rein stelle mit KURZANLEITUNG? :) Ich frage nur vorher, bevor dann wieder 100 Fragen kommen wo und wie ....

    <p>Wir geben nur Anregungen und Hilfestellung auf Basis unserer Erfahrung, keine Rechtshilfe!<br>\m/('_')\m/</p>

  • 1. Datei jquery.jqzoom.js (zip vorher entpacken) in den Ordner javascript/js laden
    2. cseo_javascript_adv.php anpassen. Nach:

    Code
    $js->setJS($js_source_path.'jquery.countdown.js');


    Das rein:

    Code
    $js->setJS($js_source_path.'jquery.jqzoom.js');

    3. Template: templates/.../module/product_info/product_info_v1.html

    Statt:

    Code
    <img itemprop="image" src="{$img_path_info}" alt="{$img_alt}" title="{$img_alt}" {$img_dimension}  />

    Das nehmen:

    Code
    <img itemprop="image" src="{$img_path_info}" alt="{$img_alt}" rel="{$img_path_popup}" class="jqzoom"  title="{$img_alt}" {$img_dimension}  />

    4. CSS Schnipsel: z.B. in die stylesheet.css

    Momentan OHNE Gewähr :)

  • Damit es in den Bootstratp Templates auch wieder geht einfach folgendes in das stylesheet.css mit aufnehmen:

    Code
    .col-xs-12, 
    .col-sm-12, 
    .col-md-6, 
    .col-lg-7 {
    position: inherit;
    }

    <p>Wir geben nur Anregungen und Hilfestellung auf Basis unserer Erfahrung, keine Rechtshilfe!<br>\m/('_')\m/</p>