VM 2.x Смена изображения при наведении Virtuemart 2 (помогите)

[Menro]

Всем привет!
Люди, столкнулся с задачей сделать смену изображений при наведении на картинку в категории товаров ну и модулях рекомендуемых товаров. То есть наводим на картинку, картинка меняется на другой, например вид спереди, вид сзади.

Есть тут решение насчет изменение картинок при выборе характеристик - это ваще агонь, но не то.
Мне кажется я видел, что-то подобное, только вот никак не получается вспомнить.

 

[ddn128]

Для просмотра ссылки Войди или Зарегистрируйся, что google говорит. Или Для просмотра ссылки Войди или Зарегистрируйся.
В принципе ничего сложного если есть небольшое понимание в кодировании Для просмотра ссылки Войди или Зарегистрируйся

 

[Menro]

Всё это мимо. Понятие в HTML есть, ничего сложно в этом нет, за исключением того, что у меня нет понимания, как взять URL второй по счету картинки товара в Virtuemart 2.

 

[ddn128]

как взять URL второй по счету картинки товара в Virtuemart 2

У картинонок должны быть различающиеся классы. Отсюда и можно искать.
Для просмотра ссылки Войди или Зарегистрируйся и Для просмотра ссылки Войди или Зарегистрируйся шаблоны (первые попавшиеся) по Вашей теме. Можно "поковырять" и сделать по аналогии.

 

[zavrus]

Всё это мимо. Понятие в HTML есть, ничего сложно в этом нет, за исключением того, что у меня нет понимания, как взять URL второй по счету картинки товара в Virtuemart 2.

Картинки это масив..
например нужно первое изображение это images[0] для второго images[1] только нужно предварительно вычислить что она есть
простейшая проверка !empty, лучше не использовать конструкцию
<div class="image">
<?php echo $product->images[0]->displayMediaThumb('class="browseProductImage"', false); ?>
</div>
а использовать
<img src="<?php echo $product->images[0]->file_url_thumb ?>"> ( это превью первого товара в виде картинки)
или <img src="<?php echo $product->images[0]->file_url ?>"> ( полное изображение товара кстати можно с помощью него создать красивый лайтбокс или тултип )
не забываем за код $this->product и $product в зависимости где используем

для второго будет
<img src="<?php echo $product->images[1]->file_url_thumb ?>">
и опять же проверить на наличие типа конструкции вывода второй картинки если же второй картинки нет выводим изображение первой .. )) опять же нужно добавить классы и переводы сделать в Css transition
<div class="prod-image-category"> //контейнер для фото не забывает использовать position:relative)
<?php if (!empty($product->images[0]->file_url_thumb) ) { ?> //проверка на наличие фото вообще
<span class="first-image">
<img src="<?php echo $product->images[0]->file_url_thumb ?>">
// первое фото в контейнере который например закреплен через position:absolute
</span>
<span class="second-image">
//второе фото с проверкой на наличие второго фото
<?php if (!empty($product->images[1]->file_url_thumb) ) {?>
<img src="<?php echo $product->images[1]->file_url_thumb ?>">
<?php } else { ?>
<img src="<?php echo $product->images[0]->file_url_thumb ?>">
<?php } ?>
</span>
<?php } else { ?>
//заглушка если нет фото вообше.. можно даже запилить ставить фото категории ))
<img src="/bla-bla/no-image.png">
<?php } ?>
</div>

 

[Menro]

Картинки это масив..
например нужно первое изображение это images[0] для второго images[1] только нужно предварительно вычислить что она есть
простейшая проверка !empty, лучше не использовать конструкцию
<div class="image">
<?php echo $product->images[0]->displayMediaThumb('class="browseProductImage"', false); ?>
</div>
а использовать
<img src="<?php echo $product->images[0]->file_url_thumb ?>"> ( это превью первого товара в виде картинки)
или <img src="<?php echo $product->images[0]->file_url ?>"> ( полное изображение товара кстати можно с помощью него создать красивый лайтбокс или тултип )
не забываем за код $this->product и $product в зависимости где используем

для второго будет
<img src="<?php echo $product->images[1]->file_url_thumb ?>">
и опять же проверить на наличие типа конструкции вывода второй картинки если же второй картинки нет выводим изображение первой .. )) опять же нужно добавить классы и переводы сделать в Css transition
<div class="prod-image-category"> //контейнер для фото не забывает использовать position:relative)
<?php if (!empty($product->images[0]->file_url_thumb) ) { ?> //проверка на наличие фото вообще
<span class="first-image">
<img src="<?php echo $product->images[0]->file_url_thumb ?>">
// первое фото в контейнере который например закреплен через position:absolute
</span>
<span class="second-image">
//второе фото с проверкой на наличие второго фото
<?php if (!empty($product->images[1]->file_url_thumb) ) {?>
<img src="<?php echo $product->images[1]->file_url_thumb ?>">
<?php } else { ?>
<img src="<?php echo $product->images[0]->file_url_thumb ?>">
<?php } ?>
</span>
<?php } else { ?>
//заглушка если нет фото вообше.. можно даже запилить ставить фото категории ))
<img src="/bla-bla/no-image.png">
<?php } ?>
</div>

Прошу прощения, прям после такого подробного рассказа и стыдно спрашивать))
Но у меня <img src="<?php echo $product->images[1]->file_url_thumb ?>"> ничего не выводит...
Тоже самое с <img src="<?php echo $this->product->images[1]->file_url_thumb ?>">

Может я что-то не так делаю?

 

[zavrus]

Прошу прощения, прям после такого подробного рассказа и стыдно спрашивать))
Но у меня <img src="<?php echo $product->images[1]->file_url_thumb ?>"> ничего не выводит...
Тоже самое с <img src="<?php echo $this->product->images[1]->file_url_thumb ?>">

Может я что-то не так делаю?

в личку скинь доступы посмотрю

 

[SmirnovV]

Выложите, пожалуйста, полный файл default.php

 

[zavrus]

Кроме этого нужно настроить максимальное количество изображений, которое будет выводиться (по умолчанию выводится 1 картинка). В файле components/com_virtuemart/views/category/view.html.php меняем 1 на 0(будут показывать все дополнительные изображения) либо на другое число.

1
$productModel->addImages($products,1);
В итоге рядом с каждой картинкой товара на странице категорий будут показаны несколько дополнительных изображений. Их размер будет точно такой же как и в карточке товара.