Lista Produktów / Najechanie Na Img W Tpl

[Madrei]

Witam wszystkich.
 
Pytanie jak w product-list.tpl uchwycić najechanie myszką na product-image-container.
 
ogólnie chciałem wykorzystać to do {if } i podstawowy 'home_default' wymienić po najechaniu myszą na kolejny obrazek w kolejce. 

Kod wygląda tak:

<div class="product-image-container">
						<a class="product_img_link" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url">
							<img class="replace-2x img-responsive" src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html':'UTF-8'}" alt="{if !empty($product.legend)}{$product.legend|escape:'html':'UTF-8'}{else}{$product.name|escape:'html':'UTF-8'}{/if}" title="{if !empty($product.legend)}{$product.legend|escape:'html':'UTF-8'}{else}{$product.name|escape:'html':'UTF-8'}{/if}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} itemprop="image" />
						</a>

[endriu107]

Najechanie myszka możesz zrobić poprzez onMouseOver="" jednak chyba w ten sposób nie osiągniesz tego efektu, jak ostatnio wdrażałem do sklepu taki efekt to edytowałem łącznie 3 pliki w tym klasę, nie wspominając już o późniejszym dostosowaniu wyglądu.

[Madrei]

Dzięki spróbuję w ten sposób. 

 

Gdzie wkleiłeś funkcję opowiedzianą za zmianę obrazka. Do product.js czy global.js ?

bo do onmouseover potrzebna jest funkcja. No i druga do onmouseout

Edited December 9, 2015 by Madrei (see edit history)