[РЕШЕНО] Смена картинки при наведении

[Kateryna]

День добрый.

А что надо добавить, чтобы первую картинку зафиксировать, а вторая (текст на полупрозрачном фоне) всплывала поверх первой?

Как здесь http://www.getransportation.com/ 

Версия 1.5.5.2.1

[enstudio]

Для 1.5.4 :

/catalog/controller/product/category.php

Находим строки:

$results = $this->model_catalog_product->getProducts($data); foreach ($results as $result) {

После них вставляем:

$results_img = $this->model_catalog_product->getProductImages($result['product_id']);
$dop_img = array();
foreach ($results_img as $result_img) {
    if ($result_img['image']) {
        $image_dop = $this->model_tool_image->resize($result_img['image'], 241, 241);
    } else {
        $image_dop = false;
    }
    $dop_img[] = $image_dop;
}

Немного ниже ищем строки:

$this->data['products'][] = array( 'product_id' => $result['product_id'],

Ниже нее добавляем:

'dop_img' => $dop_img,

Теперь в category.tpl меняем вывод картинки на :

<a class="dop_img" style="background:url(<?php echo $product['dop_img'][0];?>) no-repeat;" href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a>

И правим css:

a.dop_img {
display:block;
}
a.dop_img:hover img {
opacity:0;
}

1.5.6.4

Сделал так. Не на всех товарах показывает второе изображение.

В чем проблема?

[enstudio]

Разобрался, в именах картинок были пробелы, а стиль прописывался без ковычек.

style="background:url(<?php echo $product['dop_img'][0];?>) no-repeat;"

style="background:url('<?php echo $product['dop_img'][0];?>') no-repeat;"

 

все работает! Спасибо!

[sobak]

А как быть если нет второй картинки?

Сейчас если нет второго фото, то показывается путота! А как оставить обычную картинку?

[sobak]

Ну короче сделал просто проверку на <?php if ($product['dop_img'][0]) { ?>

[princesspoint]

Не подскажете, для версии 2.0.1.1 есть решение? Спасибо, кстати, за 1.5! Отлично работает =) 

[akrutykh]

Здравствуйте!

Подскажите, как это внедрить в 1.5.6.1?

 

изменил файл /catalog/controller/product/category.php по аналогии с инструкцией для 1.5.4

 

это не понял как сделать:

Теперь в category.tpl меняем вывод картинки на :

И правим css:

 

[princesspoint]

 

Здравствуйте!

Подскажите, как это внедрить в 1.5.6.1?

 

изменил файл /catalog/controller/product/category.php по аналогии с инструкцией для 1.5.4

 

это не понял как сделать:

Теперь в category.tpl меняем вывод картинки на :

И правим css:

 

 

В catalog\view\theme\ТЕМА\template\product\catalog.tpl 

должна быть строчка вида типа <a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a>

Ее нужно заменить на 

<a class="dop_img" style="background:url(<?php echo $product['dop_img'][0];?>) no-repeat;" href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a>

 

По поводу правим в css. Тут нужно открыть catalog\view\theme\ТЕМА\stylesheet\stylesheet.css

В этом файле добавить следующий код, чтобы не ошибиться, смело копируйте в самый конец файла

 a.dop_img {

display:block;

}

a.dop_img:hover img {

opacity:0;

}

Змінено 30 листопада 2015 користувачем princesspoint

[akrutykh]

В catalog\view\theme\ТЕМА\template\product\catalog.tpl 

должна быть строчка вида типа <a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a>

Ее нужно заменить на 

<a class="dop_img" style="background:url(<?php echo $product['dop_img'][0];?>) no-repeat;" href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a>

 

По поводу правим в css. Тут нужно открыть catalog\view\theme\ТЕМА\stylesheet\stylesheet.css

В этом файле добавить следующий код, чтобы не ошибиться, смело копируйте в самый конец файла

 a.dop_img {

display:block;

}

a.dop_img:hover img {

opacity:0;

}

 

возникает ошибка на верху страницы: 

Notice: Undefined variable: result in /home/a19238/public_html/vqmod/vqcache/vq2-catalog_controller_product_category.php on line 243

замена картинки не работает.Просто моргает белым цветом.

 

Может быть замена не работает из за установленного модуля "Загрузка и сортировка картинок перетаскиванием opencart" ?

[Marianna]

Ну короче сделал просто проверку на <?php if ($product['dop_img'][0]) { ?>

как именно?

[Marianna]

и как быть если есть пробелы в названия фоток и папок?

[sl0wn]

Первый способ:

...

P.S

Этот пример делал на OpenCart v1.4.9.6 скачанного с офф сайта...

извините за словоблудие, но просто не мог не восхититься 

данному пользователю жуткий + к карме

Змінено 14 січня 2016 користувачем afwollis

[Marianna]

sl0wn, там все хорошо, но не хватает кода проверки, когда у товара всего одно фото, тогда при наведении просто пустота получается вместо фото :)

[emilbazilio]

Присоединяюсь 2.1.0.1.1 Пожалуйста! 

[emilbazilio]

Сделал для 2.1.0.1.1 по аналогии 1.5.4 и всё получилось в каталогах, товаре, модулях. Единственный модуль который не поддаётся, это рекомендуемые товары. Для всех выводимых товаров в модуле почему-то выводится одно стороннее дополнительное изображение а не принадлежащее к товару. Может кто-нибудь подсказать с этим вопросом?

Змінено 26 січня 2016 користувачем emilbazilio

[smutno]

Как сделать, чтобы если второго изображения нету, то не было белого поля?

[emilbazilio]

Я, вставляю в дополнительное изображение основное. Пусть сменяют друг-друга чем пустота при наведении

[srs3000]

Супер, спасибо. Для 2.1.0.0. работает

Как дополнить, чтобы и в карточке товара аналогично работало? Спасибо 

[7erj]

А на версию 2.3 можно? 

[qaz909]

В 26.10.2017 в 00:03, 7erj сказал:

А на версию 2.3 можно? 

Присоединяюсь к просьбе помочь реализовать, только еще на версию OPENCART.PRO 2.3.0.2.3 можно?

[7erj]

В 11/18/2017 в 19:24, qaz909 сказал:

Присоединяюсь к просьбе помочь реализовать, только еще на версию OPENCART.PRO 2.3.0.2.3 можно?

Если еще актуально.

additional_image_for2.3_v1.0.ocmod.xml

[qaz909]

4 часа назад, 7erj сказал:

Если еще актуально.

additional_image_for2.3_v1.0.ocmod.xml

Спасибо. По работе отпишусь.

[qaz909]

В 28.11.2017 в 16:46, 7erj сказал:

Если еще актуально.

additional_image_for2.3_v1.0.ocmod.xml

Тут вот что выдает вверху при просмотре категории:

Спойлер

Notice: Undefined index: product_id in /home/********/public_html/system/storage/modification/catalog/controller/product/category.php on line 233

 

[OldAine]

В 18.11.2017 в 20:24, qaz909 сказал:

Присоединяюсь к просьбе помочь реализовать, только еще на версию OPENCART.PRO 2.3.0.2.3 можно?

 

Есть такой модуль, выводит дополнительные картинки при наведении на основное изображение товара, на всех страницах сайта и во всех модулях.

Полностью совместим с Opencart.Pro !

 

Пример: