Herkese merhaba bugün sizlere js kullanmadan modullerdeki ürün resimlerine rollover modifikasyonunu anlatacağım. Bu modifikasyonun amacı ürün resmi üzerine mouse ile gelindiğinde o resme ait veritabanındaki kayıtlı i>ikinci resim gösterilmesini sağlamaktır. Misal müşteri bir giyim sitesine geldi kazak resmin üzerine mouse ile geldiğin o resme ait kazağın farklı açıdan çekilmiş resmini göstere bilirsiniz. Dersimize başlıyoruz.

Dosyazmızı açalım : catalog/controller/module
featured.php

bulalım :

if (($this->config->get('config_customer_price') && $this->customer->isLogged()) || !$this->config->get('config_customer_price')) {

Bir üstsatırına ekleyelim :

$images = $this->model_catalog_product->getProductImages($product_info['product_id']);

if(isset($images[0]['image']) && !empty($images[0]['image'])){
$images =$images[0]['image'];
}

Aynı Dosyada Bulalım :

'thumb' => $image,

Bi alt satırına Ekleyelim :

'thumb_swap' => $this->model_tool_image->resize($images, $this->config->get('config_image_product_width'), $this->config->get('config_image_product_height')),

Dosyamızı açalım : catalog/view/theme/seninteman/template/module/

featured.tpl

Bulalım :

<?php echo $product['name']; ?>

Değiştirelim :


<?php echo $product['name']; ?>


<?php echo $product['name']; ?>

İşlemimiz Bu kadardır.

[M]https://www.dailymotion.com/video/x4pmlax[/M]



Kaynak : e-ticaretdersleri