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

Menro

Menro

web, seo, email, hack
Регистрация
27 Янв 2008
Сообщения
689
Реакции
138
Всем привет!
Люди, столкнулся с задачей сделать смену изображений при наведении на картинку в категории товаров ну и модулях рекомендуемых товаров. То есть наводим на картинку, картинка меняется на другой, например вид спереди, вид сзади.

Есть тут решение насчет изменение картинок при выборе характеристик - это ваще агонь, но не то.
Мне кажется я видел, что-то подобное, только вот никак не получается вспомнить.
 
Всё это мимо. Понятие в HTML есть, ничего сложно в этом нет, за исключением того, что у меня нет понимания, как взять URL второй по счету картинки товара в Virtuemart 2.
 
Menro написал(а):
как взять URL второй по счету картинки товара в Virtuemart 2
Нажмите для раскрытия...
У картинонок должны быть различающиеся классы. Отсюда и можно искать.
Для просмотра ссылки Войди или Зарегистрируйся и Для просмотра ссылки Войди или Зарегистрируйся шаблоны (первые попавшиеся) по Вашей теме. Можно "поковырять" и сделать по аналогии.
 
Menro написал(а):
Всё это мимо. Понятие в 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>
 
Последнее редактирование:
zavrus написал(а):
Картинки это масив..
например нужно первое изображение это 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 ?>">

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

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

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