Работа с изображениями товара в virtuemart 2

Опубликовано: 6 ноября, 2012

Обновлено: 5 февраля, 2023

Категория: Внешний вид, дизайн

Как правило, товар в интернет-магазине имеет несколько изображений - одно основное и дополнительные. В этой статье я расскажу как создать основное и дополнительные изображения для товаров virtuemart, как настроить их размер, как настроить слайдер для листания изображений в lightbox и как настроить позицию вывода. Вообщем, постараюсь охватить все возможные вопросы, касающиеся изображений товаров в виртуемарт 2.

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

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

Вверху показываются все добавленные картинки к товару. Последняя добавленная картинка отображается справа, соответственно самая первая картинка будет являться главной, а все остальные дополнительными. Если захочется сменить главную картинку товара virtuemart, то достаточно просто перетащить мышкой нужную картинку на первое место и сохранить изменения.

Процесс добавления новых картинок очень прост. Пролистываем вниз экрана и видим панель добавления новых изображений Upload File. Нажимаем кнопку Выберите файл, находим нужную картинку на компьютере, нажимаем Открыть. Чтобы картинку загрузилась не забываем нажать в правом верхнем углу кнопку Сохранить.

С остальными изображениями поступаем аналогично.

Настройка размеров основного и дополнительных изображений

Первая проблема, с которой вы столкнетесь после добавления первых картинок для товара - это очень большой размер главного изображения в карточке товара virtuemart. Уменьшить главную картинку можно с помощью редактирования файла стилей виртуемарт по адресу components/com_virtuemart/assets/css/vmsite-ltr.css. Создадим новый стиль и поместим его в конец файла vmsite-ltr.css :

.productdetails-view .main-image img {

float:left;

width:100%;

}

Я задал ограничение ширины картинки в процентах, выравнивание по левому краю. Можно ограничивать ширину в пикселях и выравнивать так как хочется. После этого картинка не будет выходить за пределы своей области.

Размеры дополнительных изображений так же настроим в файле components/com_virtuemart/assets/css/vmsite-ltr.css. В районе 15-й строки находим стиль .additional-images img. По умолчанию ширина дополнительных изображений ограничивается 50px.

1	.additional-images img{margin-right:8px;width:50px;height:auto;}

Меняем ширину на нужную нам, высота будет формироваться автоматически. Для своего магазина параметры ширины и высоты я поменял, чтобы все миниатюры дополнительных изображений были одинаковой высоты. Вот что получилось:

1	.additional-images img{margin-right:8px;width:auto;height:90px; margin-top:8px;}

Настраиваем слайдер картинок в карточке товара

В предыдущих версиях virtuemart был предусмотрен по умолчанию слайдер для дополнительных изображений. В virtuemart 2 этой возможности почему-то не стало, поэтому придется немного "пошаманить".

Итак, чтобы реализовать слайдер картинок в карточке товара воспользуемся способом, предложенном на одном из форумов, посвященных joomla.

1. Установка плагина Shadowbox Media Viewer

Скачиваем плагин,с помощью которого будет реализовываться листание картинок в карточке товара, по ссылке http://extensions.joomla.org/extensions/multimedia/multimedia-display/9220

После установки не забываем активировать в менеджере плагинов.

2. Правка файла virtuemart 2

Открываем файл components/com_virtuemart/views/productdetails/tmpl/default_images.php, который отвечает за внешний вид изображений в карточке товара.

Заменяем:

1	<?php echo $this->product->images[0]->displayMediaFull('class="medium-image" id="medium-image"', false, "class='modal'", true); ?>

На:

1	<?php echo $this->product->images[0]->displayMediaFull('class="product-image"',true,'rel="shadowbox"',true,true); ?>

И строку:

1	echo $image->displayMediaThumb('class="product-image"',true,'class="modal"',true,true); //'class="modal"'

Меняем на:

1	echo $image->displayMediaThumb('class="product-image"',true,'rel="shadowbox[other]"',true,true); //'class="modal"'

3. Настройка плагина Shadowbox Media Viewer

По умолчанию листалка картинок в плагине, на мой взгляд, выглядит не очень красиво. Первое, что бросается в глаза - это заголовок картинок. Лучше его скрыть. Для этого в файл стилей плагина, расположенный по адресу /plugins/system/shadowbox/shadowbox/shadowbox.css добавим новый стиль:

1	#sb-title-inner{display:none;}

Кроме этого было бы неплохо заменить изображения стрелок для листания и изображения кнопки закрыть. Для этого рисуем эти кнопки и заливаем по адресу /plugins/system/shadowbox/shadowbox/examples/build/. Картинки должны быть в формате png. Названия: next.png, previous.png и close.png для стрелок вправо, влево и кнопки закрыть соответственно.

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

Настройка расположения дополнительных изображений

По умолчанию в миниатюрах дополнительных изображений показывается миниатюра главного изображения. Это не удобно. Что бы убрать миниатюру главного изображения из дополнительных в карточке товара нужно немного подправить файл components\com_virtuemart\views\productdetails\tmpl\default_images.php.

После кода:

1 2	// List all Images if (count($this->product->images) > 0) {

Добавляем строчку:

1	$image_shift = array_shift($this->product->images);

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

Для начала я изменил соотношение ширины, которое занимает блок с изображениями и блок с ценой, кнопкой добавления в корзину и всем остальным, что располагается справа от основного изображения. По умолчанию под изображения отводится 50% ширины, столько же отводится для правого блока. Сделал это я для того, что бы после переноса дополнительных изображений вправо размер основной картинки не сильно уменьшился. Под изображения я отвел 70% ширины, а оставшиеся 30% оставил для всего остального, что было справа. Для этого нужно отредактировать файл components/com_virtuemart/views/productdetails/tmpl/default.php, который отвечает за внешний вид карточки товара.

Меняем ширину для блока с изображениями с этого (50%):

1 2	<div class="width50 floatleft"><?php echo $this--->loadTemplate('images'); ?></div>

На это (70%):

1 2	<div class="width70 floatleft"><?php echo $this--->loadTemplate('images'); ?></div>

Ширину для правго блока меняем с этого (50%):

1 2	<div class="width50 floatright"> <div class="spacer-buy-area">

На это (30%):

1 2	<div class="width30 floatright"> <div class="spacer-buy-area">

Вы, конечно, можете менять ширину как угодно, главное, чтобы с сумме выходило 100%.

После этого отредактируем файл /components/com_virtuemart/views/productdetails/tmpl/default_images.php, который отвечает за вид самих изображений в карточке товара.
Для этого допишем несколько стилей для блока с главным изображением, которые переместят дополнительные картинки справа от основной.

Заменим это:

<?php echo $this->product->images[0]->displayMediaFull('class="product-image"',true,'rel="shadowbox"',true,true); ?>

</div>

На такой вариант:

<?php echo $this->product->images[0]->displayMediaFull('class="product-image"',true,'rel="shadowbox"',true,true); ?>

</div>

Благодаря стилю float:left дополнительные изображения будут выводиться справа, а параметр width: 70% настроит ширину главной картинки в 70% от всей ширины блока с картинками. На дополнительные картинки автоматически будет отводиться только 30% ширины.

Если мы заменим параметр float:left на float:right, то дополнительные изображения будут выводиться слева от главного изображения.

Вот что в итоге получилось у меня.

P.S.

Статья получилось довольно объемной. В ней я постарался собрать всю информацию по работе с изображениями в virtuemart 2. Надеюсь, что она окажется полезной.

Чтобы не увеличивать и без того большую статью описал альтернативный слайдер картинок в карточке товара в отдельной небольшой статье.

Сергей

16 ноября, 2012 at 13:22

Здравствуйте!
При клике по картинке в карточке товара картинка открывается в лайтбоксе, но её размер вписывается в размер окна браузера. Как (где) задать размеры для картинки самостоятельно, чтобы она открывалась либо в полный размер, либо по заданным размерам, но в лайтбоксе.
Здесь http://www.forum.virtuemart.ru/viewtopic.php?f=37&t=8606 я подробно описал задачу, но решения так и не смог найти.
Вопрос задавал на нескольких форумах - везде тишина.
Заранее спасибо!

admin

16 ноября, 2012 at 14:04

Эта проблема возникает при использовании плагина Shadowbox Media Viewer?
Если используете лайтбокс по умолчанию, то попробуйте сменить на Shadowbox Media Viewer.

Сергей

16 ноября, 2012 at 14:46

Да, использую по умолчанию. Лайтбокс нужно отключить или просто установить преложенный вами? Не могу найти плагин Лайтбокс.
Спасибо!

Сергей

16 ноября, 2012 at 15:15

Поставил Shadowbox Media Viewer - ничего не изменилось. Как его настроить?

admin

16 ноября, 2012 at 16:27

У Вас virtuemart второй версии?
Shadowbox Media Viewer поставили, картинки в карточке товара выводятся теперь через него?
Правки в файл components/com_virtuemart/views/productdetails/tmpl/default_images.php вносили?

Сергей

16 ноября, 2012 at 17:37

Да, вирт самый последний.Внес правку в файл (долго мучился куда вставлять), картинка стала открываться через плагин, но опять так же - окно с картинкой вписывается в размер окна браузера. Если поставить настройку Drug тогда картинка по ширине становится чуть больше, но по высоте только в размер окна браузера и картинку приходится таскать туда сюда. Нужно, чтобы картинка открылась по высоте сразу полностью в ...box с возможностью прокрутки, а не перетаскивания. Если отключить Image Player тогда картинка открывается в том же окне и по клику на нее открывается в полный размер с прокруткой, но уже без эффекта ...box и без возможности ее закрыть крестиком. Такой вариант устроил бы, если бы она открывалась в новом окне.

Андрей

18 ноября, 2012 at 19:41

Здравствуйте, все сделал как вы сказали, но ничего не заработало, подскажите что можно еще делать?

admin

19 ноября, 2012 at 16:33

Сергей, чтобы картинка открывалась в новом окне можно в файле components/com_virtuemart/views/productdetails/tmpl/default_images.php заменить 'rel="shadowbox[other]"' на 'target="blank"'
Замена в 2 местах

Андрей, что конкретно у Вас не заработало?

Игорь

20 ноября, 2012 at 11:31

у меня на VM 2.0.8 работало, обновил до версии 2.0.14 и перестало работать. попробовал заново переустановить плагин и переписать изменённый файл - перестала открываться главная страница.Снёс плагин и вернул на место файл Главная так и не стала открываться. Пришлось восстанавливать из бэкапа.Жаль.

admin

20 ноября, 2012 at 13:18

у меня магазин на 2,0,10 до 2,0,14 пока так же опасаюсь обновляться )
буду экспериментировать на копии сайта

Сергей

24 ноября, 2012 at 15:06

Спасибо 'target="blank"' подходит.
Пока остановился на плагине с настройкой Drug, но теперь возникла еще одна странность (на локалке правильно работает) - картинка открывается в полный размер, перетаскиваю картинку для просмотра нижней части, но в самом конце картинка начинает смазываться снизу. Если колесиком прокрутить затемненный фон - артефакты исчезают.

Сергей

24 ноября, 2012 at 15:09

Да! Пока проводил эксперименты вылезла еще одна болячка. Если удалить плагин и пользоваться стандартным SqueezeBox - эффект затемнения фона пропадает. Как его можно вернуть?

admin

24 ноября, 2012 at 15:16

Спасибо ‘target=»blank»‘ подходит.
Пока остановился на плагине с настройкой Drug, но теперь возникла еще одна странность (на локалке правильно работает) — картинка открывается в полный размер, перетаскиваю картинку для просмотра нижней части, но в самом конце картинка начинает смазываться снизу. Если колесиком прокрутить затемненный фон — артефакты исчезают.

Скорее всего это какой-то глюк браузера, попробуйте потестировать в других браузерах

Да! Пока проводил эксперименты вылезла еще одна болячка. Если удалить плагин и пользоваться стандартным SqueezeBox — эффект затемнения фона пропадает. Как его можно вернуть?

Если использовать стандарный плагин virtuemart, то фон не затемняется. Это нужно настраивать отдельно. Как не могу сказать, потому что такой задачи пока не стояло.

Вадим

28 ноября, 2012 at 02:44

А с этим плагином кто-то имел дело (FancyBox for joomla 2.5 для настройки слайдера картинок в карточке товара Virtuemart2), - http://extensions.joomla.org/extensions/multimedia/multimedia-display/11801
Установил, но не смог разобраться где и нужно ли в VM менять код...
или просто не догоняю как настроить сам плагин...
Подскажите, спасибо!

admin

28 ноября, 2012 at 16:33

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

Вадим

17 декабря, 2012 at 02:23

Я тоже с ним не разобрался)) Воспользовался Вашими подсказками, за которые огромное спасибо!!!
Но не получилось скрыть верхнюю надпись... Я добавил новый стиль: #sb-title-inner{display:none;} в файл по адресу: /plugins/system/shadowbox/shadowbox/shadowbox.css, но название картинки так и осталось...
Подскажите пожалуйста что не так сделал 🙂 Заранее спасибо!
(VM 2.0.12b, J2.5.7)

admin

17 декабря, 2012 at 17:20

попробуйте скрыть в этом же файле #sb-title

Вадим

17 декабря, 2012 at 21:27

Такой вариант тоже пробовал, не помогло...
И вместе скрывал: #sb-title-inner,#sb-title{display:none;}

Вадим

17 декабря, 2012 at 23:02

Кидаю ссылку на мой измененный файл (shadowbox.css), посмотрите пожалуйста.
#sb-title,#sb-title-inner{display:none;} добавил в самом начале, но может что-то не так сделал, хз...

Вадим

17 декабря, 2012 at 23:04

http://yadi.sk/d/-_yct3UZ1HpuG

admin

19 декабря, 2012 at 15:50

так трудно что-то сказать, скиньте ссылку на сайт, посмотрим

Вадим

19 декабря, 2012 at 21:30

Вот - http://teaculture.com.ua/index.php/chaj/zelenyj-chaj/e-shen-detail
Спасибо.

admin

20 декабря, 2012 at 08:59

в файл
/plugins/system/shadowbox/shadowbox/examples/build/shadowbox.css

добавьте стиль
#sb-title{ display: none; }

Его можно отдельно добавить или приписать к стилю в 15-й строке

Это должно помочь

Вадим

20 декабря, 2012 at 14:58

Приписал к стилю, помогло!
Спасибо большое за помощь 🙂

DaN

1 мая, 2015 at 11:02

Может конечно у меня другая версия, но тайтл отключил в админке

DaN

1 мая, 2015 at 11:03

http://clip2net.com/s/3h2mNPa

Игорь

8 декабря, 2012 at 17:14

Здравствуйте, подскажите пожалуйста, как мне сделать следующее:
Я делаю сайт на denver joomla 1.5.23 + virtuemart 1.1.9. Картинки категорий которые отображаются у меня на главной странице сайта без рамки, которая есть на изображении товара пример сайта не моего (http://benzozip.com.ua/elektroinstrument/benzokosyi), как Вы видите картинка товара Бензокоса Минск БГ-3400 в рамке и когда на нее наводиш мишку она как бы подсвечивается, как мне сделать также на картинках категорий на главной странице. Спасибо.

admin

11 декабря, 2012 at 16:52

С помощью firebug или аналога посмотрите css стили у картинок на понравившемся сайте. копируйте их и правите под себя

Юрий

12 декабря, 2012 at 00:35

Здравствуйте! Спасибо за статью. все получилось! Но есть один вопрос, мне нужно изменить расположение навигации в галерее. Очень нужно, чтобы стрелочки "Делее" и т.д. были в верхнем правом углу, какие значения нужно изменить? Спасибо!

admin

17 декабря, 2012 at 17:10

править нужно если, мне не изменяет память, файл plugins/system/shadowbox/shadowbox/shadowbox.js
точно написать, что нужно править не смогу, давно это было 🙂
вот мой файл shadowbox.js
попробуйте залить его

Юрий

12 декабря, 2012 at 00:43

И еще у меня вопрос. Доп. изображения товара у меня теперь перестреливаются, благодаря Вашей статье. А возможно ли сделать так, чтобы мои товары тоже так же листались? Т.е. чтобы человек листал фотографии товара, не заходя по ссылке на подробное описание.

admin

17 декабря, 2012 at 17:13

Не сталкивался с такой задачкой, как это реализовать не знаю

Сергей

19 февраля, 2013 at 17:32

Я прикрутил highslide - можно проклацывать все товары как в категории (не заходя в сам товар), так и в карточке товара основное и доп.фотки в виде слайд-шоу. Да - весит многовато скрипт, но зато мне он больше всех нравится, да и ресайз нормально под экран подгоняет.

admin

20 февраля, 2013 at 16:40

да, скрипт хороший

Вячеслав

2 февраля, 2014 at 04:06

А можно поподробней!?
Не могу вкурить? как его прикрутить на Joomla 2.5 для работы в Virtuemart 2.0.26.

Игорь

13 декабря, 2012 at 00:33

Спасибо

Илья

26 декабря, 2012 at 14:17

Добрый день, спасибо за статью. Не подскажите, пожалуйста, а как настроить тайтл картинки товара? Никак он у меня не показывается!

admin

26 декабря, 2012 at 15:04

Ели вы использовали плагин Shadowbox Media Viewer, то заголовок картинки должен на изображением показываться. Возможно вы его скрыли с css файле, чтобы более точно сказать нужна ссылка на сайт

Павел

26 декабря, 2012 at 16:15

Сделал всё по инструкции, но почему то не выводятся стрелки навигации, есть только закрыть, при просмотре кода видно, что для них прописан стиль dispaly:none и сделано это как бы прямо в js файле, но там такого нет, может кто подскажет как их вывести.

Павел

26 декабря, 2012 at 16:28

Хочу сделать дополнение, данная проблема актуальна только если кликать по главному фото, при клике по дополнительным навигация есть, но главное почему то не участвует в прокрутке, соответственно с него тоже не перейти на дополнительные, так как навигации нет, она имеет стиль dispaly: none.

admin

27 декабря, 2012 at 10:41

Да, есть такая проблема с главным изображением.
Даже если сделать навигацию видимой, кнопки все равно не работают.
Решения данной проблемы не нашел.

Barca10fan

18 апреля, 2013 at 23:18

хмм странно, у меня все норм работает и главное фото тоже. как пример -

Скорее всего проблема в том, что вы не задаете общий тег для галереи в файле default.php - в моем случае это [galerka]

<?php echo $this->product->images[0]->displayMediaFull('class="product-image"',TRUE,'rel="lightbox[galerka]"',true,true); ?>

</div>

<?php } // Product Main Image END ?>

<?php // Showing The Additional Images

if(!empty($this->product->images) && count($this->product->images)>1) { ?>

<?php // List all Images

$image_shift = array_shift($this->product->images);

foreach ($this->product->images as $image) {

echo $image->displayMediaThumb('class="product-image1"',true,'rel="lightbox[galerka]"','title="<?php echo $this->product->product_name ?>"',true,true); //'class="modal"'

} ?>

</div>

Поидее в этом проблема должна быть.

Barca10fan

18 апреля, 2013 at 23:24

пфф, ссылка почему-то расползлась на весь текст,не посмотрел до публикации, извиняйте)

ann

3 января, 2013 at 21:00

Здравствуйте!
может вы мне поможете?
Подскажите, почему может перестать создаваться миниатюра фото товаров в virtuemart 2.0.4?
вот так же как вы месяц назад настраивала плагин для просмотра доп.фото, вот не помню точно, создавала ли после того товары и заливала ли новые фото. Но вот сейчас создаю, а миниатюры не создаются, доп.фото вообще нет.

ann

3 января, 2013 at 21:11

извините)
сама нашла в чем проблема.

Дмитрий

6 января, 2013 at 22:04

Как Вы сделали на сайте у себя "Соц закладки"? У меня не тянет автоматом ничего кроме ссылки(( Хотелось бы заголовок, описание и фото, чтоб подтягивалось. Просьба на электронку ответить, чтоб не флудить здесь. Спасибо.

admin

7 января, 2013 at 01:03

По соц. кнопкам планирую в ближайшее время пост написать.

Елена

11 января, 2013 at 04:36

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

admin

11 января, 2013 at 16:08

Возможно у Вас не стоит галочке в настройках virtuemart
Настройки - Магазин Включить плагины Joomla

Елена

11 января, 2013 at 17:45

Да, галочка действительно не стояла, я поставила ее, сохранила.
Но результата нет... Жаль. Очень хочется допилить.

admin

11 января, 2013 at 20:29

Плагин Shadowbox Media Viewer не забыли активировать?
Так же возможно проблема в шаблоне, поробуйте сменить шаблон на стандартный и протестировать слайдер.

Елена

12 января, 2013 at 06:22

Да, действительно в стандартном шабе работает, а не знаете как плагин подключить к моему нестандартному шаблону.
И попутно у меня другой вопрос собираюсь для реализации проекта залить на забугорный хостинг, там ограничение по трафику, как можно оценить шаблон, в этом плане, сколько стоит ли его красота (гламурность), одним словом насколько он больше чем обычный съедает трафика. Спасибо за помощь.

admin

14 января, 2013 at 17:10

К сожалению, с вашим шаблоном не работал, поэтому подсказать не смогу.
По поводу трафика переживать я думаю не стоит.
Все шаблоны разные, стандартными никто почти не используют, все модифицируют под свои нужды

Инна

14 января, 2013 at 23:57

Сделала все по рекомендации, картинки в карточке товара так и остались огромными крокодилами. Уже все перепробовала. И еще вопрос, если можно.. В выводе категорий изображение совсем маленькое, как его увеличить?

admin

15 января, 2013 at 15:48

Скиньте, пожалуйста, ссылку на Ваш сайт

Елена

17 января, 2013 at 21:53

На странице http://shopsil.ru/test1.html изображения показываются через плагин, а на странице http://shopsil.ru/butik/tsepochki-na-taliyu/tsepochka-na-taliyu-iz-serdechek-detail.html стандартным способом.
Задача: чтобы на странице товара сложного шаблона изображение показывалось через плагин, в каком месте его отредактировать.
Может подскажете в каком направлении копать.

admin

18 января, 2013 at 09:02

Нужно найти кусок кода, отвечающий за вывод картинок в сложном шаблоне. У всех дополнительных изображений класс class="bt_floatleft"
Попробуйте через Total Commander (через функцию поиск->с текстом) в файлах шаблона найти где выводится данная строчка. Возможно это поможет отыскать код который нужно будет заменить как в файле components/com_virtuemart/views/productdetails/tmpl/default_images.php

Екатерина

18 января, 2013 at 17:16

Здравствуйте! у меня не срабатывает плагин: Shadowbox Media Viewer вот настройки http://joxi.ru/0LbkmRYx. Помогите пожалуйста настроить, пришлите скриншот ваших настроек. Можно на почту: webmaster280211@gmail.com

admin

18 января, 2013 at 18:05

Настройки я не менял, все оставил по умолчанию

Екатерина

18 января, 2013 at 17:35

У меня не отображается картинки слева или справа хотя я добавила . Вот код: http://joxi.ru/0Aa7rqc0
и вот что пишет при нажатии в настройках : непрерывное отображение изображений: http://joxi.ru/opIuUpAI хотя посмотрела XML - файл на месте. В чем проблема, опять сайт косит, кривой шаблон какой то что - л и
Шаблон BT_Moda кстати. Подскажите как решить данную проблемку и вывести все -таки чтоб листались маленькие картинки

admin

18 января, 2013 at 18:06

Попробуйте в менеджере шаблонов поставить стандартный шаблон. Если все будет работать, то проблема в шаблоне

Ирина

22 января, 2013 at 00:28

Здравствуйте, уважаемый знаток в программировании!!!Подскажите пожалуйста какой код и куда вставить для отображения товара категории (не подробное описание) в рамочке.Я уже все излазила,не могу я это сделать хоть ты лопни!Нужна рамочка вокруг товара,его названия и цены.Пожалуйста,подскажите,я знаю,Вы молодец и уже многим помогли!!! Вот код файла .. components/com_virtuemart/assets/css/vmsite-ltr.css

admin

22 января, 2013 at 08:37

Код удалил, слишком большой )
Попробуйте добавить в файл components/com_virtuemart/assets/css/vmsite-ltr.css стиль

1	.spacer{border: solid 2px red;}

Вокруг товаров должна появиться красная рамка толщиной 2px

Ирина

22 января, 2013 at 11:05

О волшебник!Спасибо за ответ, но у меня ничего не получается!Одни слезы 🙁 просто дело в том,что я не знаю в какую именно строку этот код вставить.С помощью Ctrl+F нашла spacer и пыталась подставлять рядом, но ничего хорошего метод тыка на этот раз мне не показал..Уважаемый,извините за большой код, я набралась наглости и вставлю его еще раз,а Вы, если Вам не трудно, вставьте куда положено... please

admin

22 января, 2013 at 11:13

🙂 Код снова удалил

Вставьте просто в конец файла

Ирина

22 января, 2013 at 11:22

Я поняла!Я просто с другой планеты!!!Ничего не выходит :(((

admin

22 января, 2013 at 11:49

Попробуйте добавить в конец файла
components/com_virtuemart/assets/css/vmsite-ltr.css

1	.browse-view .row .product .spacer{border: solid 2px red !important;}

Ирина

22 января, 2013 at 12:03

Вы МАСТЕР своего дела!!!!!!СПАСИБО ОГРОМНОЕ!СПАСИБО!СПАСИБО!!!Все заработало и всё за пару секунд!!!А я на протяжении 2-х недель спрашиваю,маюсь..Спасибо за быстрый, нужный, полезный ответ! Я прям очень рада, что есть такие люди как Вы!Я так понимаю,что цвет можно изменить заменив red ? допустим # FFFFF

admin

22 января, 2013 at 13:02

Рад, что все получилось 🙂
Да, цвет меняете на нужный вам
Можно еще к этому стилю добавить
margin: 5px;
тогда между товарами появится отступ

Екатерина

22 января, 2013 at 13:17

Здравствуйте! А подскажите пожалуйста что может быть не так: http://joxi.ru/kO5PDBVU помогите пожалуйста настроить данную функцию листания товаров пож-та. Могу Вам на почту скинуть ключи от админки?

Екатерина

22 января, 2013 at 13:20

Здравствуйте подскажите пожалуйста что же все-таки делать с этим: как сделать листание фото товаров . Может быть нужно глянуть. Я могу скинуть ключи от админки на почту. Напишите мне тогда на почту: webmaster280211@gmail.ru очень нужно.

admin

22 января, 2013 at 13:32

Скорее всего проблема в том, что в вашем шаблоне есть папка com_virtuemart с папкой productdetails
Все шаблоны оформления для страницы товара берутся оттуда.
Попробуйте по аналогии поправить файлы в этой папке.

Екатерина

22 января, 2013 at 13:35

Плагин включился на этом же шаблоне, но ничего все таки не меняется, что я делаю не так? Вот из кусочка кода что нужно поменять в default_images.php нашла из того что нужно заменить только етот код: http://joxi.ru/06y3NPTL к сожалению не вижу и не знаю куда у меня нужно вставить все - таки? помогите я и только начинаю разбираться , вы волшебник и профессионал , помогите пожалуйста.

Екатерина

22 января, 2013 at 13:36

я сюда захожу , правильно? и тут ищу тот код который у вас описан выше.

Екатерина

22 января, 2013 at 13:37

у меня шаблон BT_Moda от BonusTheme

Екатерина

22 января, 2013 at 14:02

папку нашла в шаблоне productdetails но там только картинки , и что же делать мне тогда ?

Екатерина

22 января, 2013 at 14:20

Извините, что так понакидала сообщений. Пытаюсь разобраться не зная языков. Нашла я вот этот код, в своем дурацком шаблоне: http://joxi.ru/GjlTEsTa путь такой: /www/templates/bt_moda/html/com_virtuemart/productdetails default_images.php фу, а на какой мне код что именно у себя заменить? напишите пожалуйста. уже почти вышли на финишную прямую по пути решения этой проблемки.

admin

22 января, 2013 at 14:26

Давайте по почте все обсудим, так трудно соориентироваться
писал вам на почту webmaster280211@gmail.ru, но сообщение не доставляется
напишите мне пожалуйста на admin@virtuemart.su

Александр А

22 января, 2013 at 22:29

Спасибо за статью, хорошая работа!
Но плагин лично мне не очень понравился, и по какой-то причине при нажатии на главное изображение не листает к остальным (работает только при нажатии на миниатюру).
Нельзя ли прикрутить таким же способом widgetkit?

admin

23 января, 2013 at 16:46

Да, с главным изображением он не работает (об этом я писал в статье). Как прикрутить другой плагин, к сожалению, не знаю...

Ирина

23 января, 2013 at 23:14

Спасибо Огромное! Так даже красивее смотрится ( с отступом в 5 px ).Но я тут поняла,что это не актуально..потому что вот например здесь http://progoolka.ru/index.php/mega-siti/odezhda-i-obuv2012-09-05-10-06-46_/his внизу страницы товар располагается не равномерно.. Подскажите,пожалуйста,а сложно реализовать блоки под товар?

Сергей К

24 января, 2013 at 18:32

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

admin

25 января, 2013 at 09:42

Очень интересно выглядит)
Видимо это какие-то особенности шаблона
Что с этим делать, честно говоря не знаю...

Сергей К

25 января, 2013 at 18:45

печаль то какая! наверное есть чтонибудь типа показывать по верх окон ???7

admin

25 января, 2013 at 21:44

Альтернативы пока к сожалению не знаю (((

Gerfaut

26 января, 2013 at 12:46

Спасибо большое. Долго искал как уменьшить основное изображение.
Кстати, сразу не сработало. В итоге поместил код не в конец, а в начало файла и все получилось.

Вадим

29 января, 2013 at 22:07

Долго мучился с тем, чтобы убрать названия картинок. С главной название убралось, а вот с маленьких не получалось!
В итоге понял что редактировать файл со стилями нужно по пути:
/plugins/system/shadowbox/shadowbox/examples/build/

admin

30 января, 2013 at 16:58

Спасибо, что поделились

Євген

30 января, 2013 at 19:35

Здраствуйте! Столкнулся с проблемой – долго грузятся страницы http://pliz.com.ua , думаю что из-за миниатюр (размер 350х500) . Можно было бы поменять все скажем на 100х200 и сжать, что наверняка бы повлияло на скорость загрузки. Но, в карточке товара для главного изображения продукта используется именно изображение из папки /images/stories/virtuemart/product/resized/. Как можно изменить этот путь на /images/stories/virtuemart/product/ но только в карточке товара?
С меня пиво 

admin

31 января, 2013 at 15:42

У вас в файле components/com_virtuemart/views/productdetails/tmpl/default_images.php
в блоке, который начинается

1	<div class="main-image">

стоит displayMediaFull или displayMediaThumb?
displayMediaFull - полное изображение
displayMediaThumb - уменьшенная копия

Євген

31 января, 2013 at 23:13

прописано

<?php echo $this->product->images[0]->displayMediaFull('class="medium-image" id="medium-image"', false, "class='modal'", true); ?>

</div>

но выводится все равно уменьшеный вариант изображения

Євген

31 января, 2013 at 23:27

Есть еще такой кусок в файле карточки товара templates/template_name/html/com_virtuemart/productdetails/default.php Может в нем проблема?

<?php // Product Main Image

if (!empty($this->product->images[0])) { ?>

<?php //echo $this->product->images[0]->displayMediaFull('class="product-image"',true,'class="modal"',true,true); ?>

<?php //if($this->product->images[0]) { ?>

<?php foreach($this->product->images as $image) { ?>

<li><a class="modal" href="<?php echo JURI::root().$image->file_url; ?>"><img src="<?php echo JURI::root().$image->file_url_thumb; ?>" alt="thumb" /></a></li>

<?php } ?>

</ul>

</div>

<?php } // Product Main Image END ?>

Євген

31 января, 2013 at 23:35

Сам себе отвечу:) Да именно в этом куске нужно поменять
<img src="file_url_thumb; ?>" alt="thumb" />
на
<img src="file_url; ?>" alt="thumb" />

Спасибо за наводку!

admin

1 февраля, 2013 at 11:24

Спасибо, что поделились решением!

Дмитрий

7 февраля, 2013 at 09:28

Доброго времени суток!!! Уже не раз пользоволься Вашими подсказками, за что огромное Вам спасибо. Но у меня возник вопрос по отображению дополнительных изображений товара (при клике) на месте основного. Если это не так проблематично, подскажите в каком направлении копать. Удачи Вам во всем.

admin

8 февраля, 2013 at 21:27

про это будет следующая статья 🙂
копать нужно в файле com_virtuemart/productdetails/default.php

Albert

16 февраля, 2013 at 00:59

Немного не в тему... но все таки спрошу. Процесс добавления новых картинок действительно очень прост. но утомителен.Выбирать по одной картинке. загружать и сохранять - на это уходит время. Не могли бы Вы подсказать решение, чтобы при нажатии на кнопку Выберите файл можно было бы выбрать сразу несколько изображений и загрузить. Это многим бы понравилось и помогло сэкономить время ..

admin

18 февраля, 2013 at 10:58

для этих целей (и не только) хорошо подойдет модуль импорта для virtuemart, баннер которого в правой колонке
по ftp загружаете все картинки, а в файле для импорта просто указываете имена
другими решениями не пользовался, но видел платное расширение, позволяющее загружать сразу несколько картинок
ссылки, к сожалению, не сохранилось

admin

9 августа, 2013 at 13:25

для одновременной загрузки нескольких изображений можно воспользоваться этим решением

Степан

25 февраля, 2013 at 16:29

Здравствуйте.
Подскажите пожалуйста как получить ссылку на изображение товара.
замучился искать...

Степан

25 февраля, 2013 at 16:32

в блоге категории товаров

admin

25 февраля, 2013 at 16:48

правой кнопкой мыши кликните на изображение и скопируйте ссылку на него
или я что-то неправильно понял?...

Степан

25 февраля, 2013 at 16:54

мне нужно в коде получить не echo $product->images[0]->displayMediaThumb итд , а переменную с адресом картинки например $imgurl=(тут не знаю как получить);

admin

25 февраля, 2013 at 19:07

к сожалению, помочь не смогу...

Алексей

22 ноября, 2013 at 01:12

echo $this->product->images[0]->file_url;

Стас

6 марта, 2013 at 22:49

Здравствуйте. С изображениями вы все хорошо описали и все понятно. Однако у меня все же возник вопрос к вам по сложнее, может сможете что то подсказать: возможно ли вместо основной картинки товара, которая отображаеться в карточке товара, вставить Flash файл, если да то как это зделать? если вместо картинки подгружать Flash файл стандартно то он его не воспроизводит. а хочеться чтоб вместо обычной картинки товара была динамическая флэш-панорамма. заранее спасибо.

admin

7 марта, 2013 at 14:37

задумка интересная, но как это реализовать, к сожалению, не знаю...

Иван

7 марта, 2013 at 15:11

А вот у меня код не такой в данном файле. Версия Virtuemart 2.0.18a
ваш код помог. Менял 40 строка
displayMediaFull("",true,"rel='vm-additional-images'");
?>

на
displayMediaFull('class="product-image"',true,'rel="shadowbox"',true,true);
?>

и 56 строка
displayMediaFull("",true,"rel='vm-additional-images'");
?>

на
displayMediaFull('class="product-image"',true,'rel="shadowbox"',true,true);
?>

Artem

7 марта, 2013 at 22:41

Статья отменная, спасибо. Всё получилось, работает. От себя добавил только отступ справа от главного изображения до дополнительных 😉

Artem

7 марта, 2013 at 22:48

Только что-то не соображу, как добавить вертикальный отступ между доп.изображениями. По горизонтали получилось, а по вертикали изображения слиплись. Не подскажете? )

Иван

10 марта, 2013 at 15:08

Вывел кодом loadTemplate('images'); ?> основное и дополнительные изображения в категории товара. При нажатии на изображение открывается увеличенное изображение товара, а нужно, чтоб открывалась карточка товара. Подскажите как это сделать. Использую для слайдера картинок товара этот https://virtuemart.su/slajder-kartinok-v-kartochke-tovara-virtuemart-2/ способ.

Александр

15 марта, 2013 at 12:28

Подскажите пожалуйста, как решить проблему. У меня на сервере загружено штук тридцать картинок. Далее, пытаюсь прикрепить нужную картинку к соответствующему товару. Но виртумарт дает возможность выбора только из 16 изображений (можно на них посмотреть и выбрать). Как мне добраться до остальных изображений?

admin

15 марта, 2013 at 16:19

нужно ввести полное имя картинки в поле поиска изображений
так же синхронизируйте все изображения в админке virtuemart в разделе магазин - медиа файлы

Александр

17 марта, 2013 at 15:28

А если я имени не знаю, то предпросмотр только 16 картинок возможен?

admin

18 марта, 2013 at 09:16

да, тогда только 16 можно просмотреть

Александр

18 марта, 2013 at 11:59

А можно написать какой-то модуль, чтобы можно было выбирать из всех картинок, имеющихся на сервере? Как-то быть ближе к пользователю 🙂

Albert

18 марта, 2013 at 15:23

Чтобы не лезть в такие дебри, можно купить плпгин для мультизагрузки изображений для товара Virtuemart Multiple Image Upload Plugin (http://virtuemart-multiple-image-upload.cmsmart.net/virtuemart-extensions/virtuemart-multiple-image-upload-plugin)Бесплатного аналога для VM2 не нашел ( а искал долго и нудно.. 🙂 )Может аdmin подскажет - можно этот плагин вскладчину купить и всем пользоваться.. 🙂

admin

19 марта, 2013 at 11:31

наверное можно, но я такого не встречал 🙂

Евген

18 марта, 2013 at 13:21

Остановился на пункте 2, я так понял, что разрабы в последнее время постоянно меняли код файла default_images.php и теперь он выглядит так:

<?php

defined('_JEXEC') or die('Restricted access');

vmJsApi::js( 'fancybox/jquery.fancybox-1.3.4.pack');

vmJsApi::css('jquery.fancybox-1.3.4');

$document = JFactory::getDocument ();

$imageJS = '

jQuery(document).ready(function() {

jQuery("a[rel=vm-additional-images]").fancybox({

"titlePosition" : "inside",

"transitionIn" : "elastic",

"transitionOut" : "elastic"

});

$document->addScriptDeclaration ($imageJS);

if (!empty($this->product->images)) {

$image = $this->product->images[0];

<?php

echo $image->displayMediaFull("",true,"rel='vm-additional-images'");

</div>

<?php

$count_images = count ($this->product->images);

if ($count_images > 1) {

<?php

for ($i = 1; $i < $count_images; $i++) {

$image = $this->product->images[$i];

<?php

echo $image->displayMediaFull("",true,"rel='vm-additional-images'");

</div>

<?php

}

</div>

<?php

}

P.S. Удалите мой прошлый коммент плиз, там галюны.

Евген

18 марта, 2013 at 13:27

Блин, опять косяк... пропустил сообщение Ивана, спасибо ему. Только со строчками малость ошибка. 41я и 57я.

Евген

18 марта, 2013 at 13:33

...только нифига не работает! 🙁 И если бы вы сделали возможность редактировать сообщения, то все мои сообщения были бы в одном сообщении.

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

Устим

21 марта, 2013 at 00:00

Добрый день.
Вот такой вопрос - можно ли дополнительние картинки - т.е. миниатюры, сделають слайдером? Т.е. все как есть, только чтобы были кнопки Некст и Прев?
Может есть подобный плагин?

admin

22 марта, 2013 at 14:55

знаю только платный компонент Magic Zoom, у которого есть такая возможность

Dmitri

3 апреля, 2013 at 16:13

Добрый день!
У меня такая же проблема как и у "Евген".
При изменении строк ничего не происходит.
более того при удалении файла default_images.php все продолжает работать!!
где еще это может быть????

Barca10fan

18 апреля, 2013 at 15:18

Добавь эту строку в default.php просто, а не в default_images.php

Ровно туда же куда и в том файле. После этого заработает всё.

<?php // List all Images

$image_shift = array_shift($this->product->images);

foreach ($this->product->images as $image) {

Катерина

5 апреля, 2013 at 12:42

Добрый день!
Помогите, пожалуйста!!! В категории товара и в каточке отображается размытое фото товара. Стоит virtuemart второй версии, бесплатный шаблон, скаченый с joomla4ever. Куда бежать?

admin

9 апреля, 2013 at 16:47

очень странно, скорее всего изначально качество картинки не очень
скиньте ссылку на страницу, посмотрим, попробуем разобраться

Катерина

10 апреля, 2013 at 14:58

Дело в том, что сайт еще не опубликован. Картинка оч хорошего качества, кажется дело в шаблоне, но менять на другой не хочется - уж больно подходящий он. Меняли на другие шаблоны - с фото все нормально.(((

Валентин

18 апреля, 2013 at 01:41

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

admin

18 апреля, 2013 at 19:39

по умолчанию кнопка располагается справа, видимо у вас не стандартный шаблон, пришлите ссылку на сайт посмотрим

Валентин

20 апреля, 2013 at 21:56

Высылаю ссылку на сайт:
http://www.drev-prom.ru/component/virtuemart/view/productdetails/virtuemart_product_id/1/virtuemart_category_id/2.html
Кнопу "добавить в корзину" справа от изображений так и не удалось поставить...

admin

22 апреля, 2013 at 16:32

найдите в components/com_virtuemart/views/productdetails/tmpl/default.php

1	<div class="width50 floatright">

и замените на

1	<div class="width40 floatright">

должно помочь

Юрий

23 апреля, 2013 at 14:22

Люди добрые, подскажите плиз кто может:
у меня вирт 2.0.18а
Файл:components/com_virtuemart/views/productdetails/tmpl/default_images.php
ВОПРОС: что нужно убрать/добавить чтоб при нажатии на картинку в карточке товара она вообще не открывалась(то есть правильно убрать ссылку?!)
Вот сам код:
addScriptDeclaration ($imageJS);

if (!empty($this->product->images)) {
$image = $this->product->images[0];
?>

displayMediaFull("",true,"rel='vm-additional-images'");
?>

product->images);
if ($count_images > 1) {
?>

<?php
for ($i = 1; $i product->images[$i];
?>

displayMediaFull("",true,"rel='vm-additional-images'");
?>

Юрий

24 апреля, 2013 at 11:07

неужели никто не знает или не хочет подсказать!?

Линда

28 апреля, 2013 at 16:45

Здравствуйте! Подскажите, пож-та, как сделать чтобы дополнительные фото товаров выводились во всю длину страницы, а то они идут по два, получается некрасиво и справа куча пустого места. Пример http://shali-alsu.ru/index.php/platki/platok-s-vyshivkoj-detail
Заранее огромное спасибо:)

admin

29 апреля, 2013 at 22:05

можно попробовать в файле /components/com_virtuemart/assets/css/vmsite-ltr.css добавить в стиль .additional-images

1	width: 520px;

Линда

30 апреля, 2013 at 08:40

Спасибо Вам огромное! Правда помогло!!! Подписалась на Ваши новости. Жду новых интересных и позновательных постов:) Удачи!

Никита

20 мая, 2013 at 15:47

Здравствуйте. Подскажите пожалуйста как можно сделать, чтоб картинка товара в категории были все одинаковы, по пикселям, а не размеру и ориентации фото. Нужно чтоб все товары в рамках были одинаковы, низ не скакал.
Заранее огромное спасибо:)

admin

22 мая, 2013 at 15:57

можете в стилях задать ограничение фотографий по высоте и ширине

Алексей

29 мая, 2013 at 12:35

Здравствуйте, вот цитата автора :
Процесс добавления новых картинок очень прост. Пролистываем вниз экрана и видим панель добавления новых изображений Upload File. Нажимаем кнопку Выберите файл, находим нужную картинку на компьютере, нажимаем Открыть. Чтобы картинку загрузилась не забываем нажать в правом верхнем углу кнопку Сохранить.
С остальными изображениями поступаем аналогично.
Может кто подскажет как массово загружать фотографии к товару, что избегать этим многочисленных кликов... что то типа загрузчика на AJAX может ... ??

Спасибо за помощь !

admin

30 мая, 2013 at 16:52

Стандартными средствами не получится такое сделать
есть платное решение
здесь можно скинуться на совместную покупку
сам этим расширением не пользовался

Алексей

16 июня, 2013 at 20:37

Вопрос по поводу правки файла virtuemart 2 под shadowbox.
Вот что у меня в файле components/com_virtuemart/views/productdetails/tmpl/default_images.php:

if (!empty($this->product->images)) {

$image = $this->product->images[0];

displayMediaFull("",true,"rel='vm-additional-images'");

product->images);

if ($count_images > 1) {

<?php

for ($i = 1; $i product->images[$i];

displayMediaFull("",true,"rel='vm-additional-images'");

<?php

}

Не нашел строк, которые нужно менять. Я что-то не правильно понял или у меня этот файл иначе написан? Как быть?

quniqe

17 июня, 2013 at 23:45

Супер статьи и Ваш сайт! Побольше бы таких людей как вы! Захожу на ваш сайт чаще чем в соц.сети,в ожидании чего-то новенького))))

admin

18 июня, 2013 at 14:12

Спасибо )

Сергей

17 июля, 2013 at 01:17

Снова здравствуйте.
В новой версии вирта 2.0.22а перестал нормально работать shadowbox.
Главная картинка открывается как положено, но дополнительные никак не хотят. При нажатии на дополнительную она появляется в главном окне, но при клике на нее уже в главном окне открывается опять первая картинка в shadowbox. Так же перестал работать режим пролистывания всех фото (параметр [Vacation] установлен).
Еще вопрос - если кто в курсе здесь - http://www.shadowbox-js.com/ что за плагин?

Сергей

17 июля, 2013 at 13:55

Сам спросил, сам отвечаю:
В эой версии изменен код.
- строка 47 файла /components/com_virtuemart/views/productdetails/default_images.php
- поменял
echo $image->displayMediaFull("",true,"rel='vm-additional-images'");
на
echo $image->displayMediaFull("",true,'rel="shadowbox[Vacation]"');
- для дополнительных картинок поменял в строке 63
echo $image->displayMediaFull('class="product-image" style="cursor: pointer"',false,"");
на
echo $image->displayMediaFull('class="product-image" style="cursor: pointer"',true,'rel="shadowbox[Vacation]"');

Заработал механизм листания и катинки открываются как нужно.

Остается одна проблема:
- в Опере картинка размазывается снизу когда ее тянеш (параметр Drag в плагине).

Станислав

20 июля, 2013 at 11:08

Здравствуйте.
Joomla 2.5.9; Virtuemart 2.0.20b.
1. Проблема такая. На главной странице магазина у меня представлены три категории товаров. К ним прикреплены миниатюры изображений 200х200px (их размер я выставил в: virtuemart -> настройки -> Templates -> Thumbnail Image Width; Thumbnail Image Height.) Далее при нажатии на одну из категорий я перехожу на страницу где представлены товары данной категории. Здесь размер миниатюр изображений наверное 50х50px (смотрятся очень мелкими, но где настроить их размер не понимаю). Прошу Вас помочь.
2. Второй вопрос по фильтру товаров. Как сделать отдельный фильтр для каждой категории товара. Сейчас при настройке фильтра товаров программа предлагает установить его только на (Главную, Контакты, О нас, …) То-есть на страницы созданные в Joomla, а страниц созданных в Virtuemart нет. Страниц с категориями нет. Как быть?

admin

22 июля, 2013 at 11:18

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

1. Миниатюры изображений задаются в настройках где вы их указали. На странице категорий миниатюры могут быть мелкими по 2-м причинам:

мелкое исходное изображение
картинки уменьшаются через css

чтобы сказать точно нужно посмотреть на сайт

2. Попробуйте для каждой категории виртумарт создать свой пункт меню.

Андрей

30 июля, 2013 at 21:09

Здравствуйте, Владимир!
Подскажите, пожалуйста, если знаете, в каком файле можно убрать вывод имен файлов под каждой картинкой в детальном виде товара. Пока не могу найти.

admin

2 августа, 2013 at 09:07

пришлите ссылку на сайт
в стандартном шаблоне имена файлов не выводятся

Константин

3 августа, 2014 at 23:39

Добрый вечер!
У меня такая же проблема, имена файлов картинок выводятся в карточке товара, подскажите как убрать
Спасибо!)

Вячеслав

15 августа, 2013 at 15:22

Подскажите как убрать дублирование первой фотографии?

admin

15 августа, 2013 at 15:28

Замените в components\com_virtuemart\views\productdetails\tmpl\default_images.php

1	for ($i = 0; $i < $count_images; $i++)

на

1	for ($i = 1; $i < $count_images; $i++)

Вячеслав

15 августа, 2013 at 18:22

Огромное спасибо) Всё супер работает

Ilchyk

21 августа, 2013 at 15:03

Работаю на денвере. Joomla! 2.5.11. Virtuemart 2.0.22.
Короче захожу в админ панель joomla -> Компоненты -> Virtuemart->Категории->АКПП и КПП->Изображения. Чуть ниже Загрузить файл, указываю изображения, ставлю галочку загрузить, потом сверху сохранить. Идет загрузка но показывает страница не доступна. Возвращаюсь в Категории и вижу по надписи что файл загружен. Хочу зайти в категорию "АКПП и КПП" чтоб посмотреть но тут опять облом "Не удалось загрузить эту страницу".
Удаляю изображение с директории и все нормально. В чем причина?

admin

21 августа, 2013 at 15:28

трудно сказать в чем проблема. думаю лучше переустановить виртумарт

Алексей

21 августа, 2013 at 18:37

Здравствуйте, подскажите пожалуйста, как решить мою проблему.
(joomla 2.5 VM 2.0.12b)

в категории товара, главная картинка, бывает одна ниже или выше другой. колдовал с фото - делал одинаковые по высоте и ширине фото в редакторах, но в большинстве случаев они "растягиваются". Думал, что VM будет автоматически изменять размеры фото,(загружаю картинку 500х350 а уже на сайте будет к примеру 200х200). в настройках (Настройки-шаблоны-настройка файлов) выставил 200х200, стоит галочка "Динамическое изменение размера миниатюры изображения". если проблема в CSS, подскажите, где и в каком файле копать?
Заранее Спасибо

admin

22 августа, 2013 at 11:37

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

1	max-height: ..px

это ограничит максимальную высоту изображения, все что получается выше будет уменьшено до заданного размера

Ilchyk

21 августа, 2013 at 23:14

Как удалить компонент virtuemart? Из панели управления джумла?

Владимир

21 августа, 2013 at 23:17

Менеджер расширений, Управление, находишь все с помощью фильтра все файлы виртумарт и удаляешь.

Ilchyk

23 августа, 2013 at 12:08

Удалил виртуумарт в менеджер расширений-управление. Поставил по новой, не катит . Удалил денвер нафик. Поставил по новой, установил джумлу, потом виртуемарт, заполнил все. НЕ ПОМОГЛО!
Сегодня пробую. В панели управления виртуемарт-категории картинка загрузилась и отображается только в описании изображения, на сайте только имя файла с названием категории. Какой то глючный вирт, или система не в порядке. Кто нибудь даст конкретный ответ?

Владимир

23 августа, 2013 at 14:12

Какая версия джумлы и виртумарт? Что кроме картинок в категориях не работает?

Ilchyk

23 августа, 2013 at 14:49

Joomla 2.5.11, virtuemart 2.0.22a. Только картинки виртуе не работают.

Владимир

23 августа, 2013 at 15:00

В1 — если не стандартный шаблон. Попробуй проверить на стандартном джумлавском шаблоне (который был сразу после установки)если с ним картинки отображаются то нужно ковырять новый установленный шаблон.
В2 — проверь правда доступа на папки в которых хранятся картинки для категорий. (должный быть 777)
В3 — посмотри на результат в разных браузерах.
В4 — посмотри настройки виртумарт 2 (настройки внешнего вида и шаблона) проверь сайт на наличие ошибок в коде.
В5 — удалить виртумарт и поставить более раннюю версию, типа 2,0,8

Ilchyk

23 августа, 2013 at 18:57

Шаблон стандартный, права доступа все разрешено, в браузерах все аналогично. В настройках внешнего вида шаблона: если ставлю галочку "Динамическое изменение размера миниатюры изображения?", то сайт вообще не загружается. Заполняю виртуу демо данными, картиннки тоже не отображаются на сайте.
Делаю все по инструкциям. Эх! надавать бы пинков разработчикам! За что не возьмешься в joomla все как то кучеряво, все рушится. Сплошной геморой.
Может есть какой то учебник или инструкция от разработчиков по virtuemart. А то мой комп не выдержит моих нервов.

Владимир

23 августа, 2013 at 19:04

Дружище, я могу только пожелать тебе удачи в поиска решения проблемы(((. Не первый год пользуюсь данными расширениями. Сразу после установки что джумлы что виртумарт проблем никогда не было, возникали только в том случае когда начинал ковырять под себя)))
Может у тебя сервер не тянет какие-то расширения?

admin

24 августа, 2013 at 09:49

попробуйте загрузить картинку в формате png
если у вас картинка в формате jpeg, то отображаться она не будет
если и это не поможет, то попробуйте установить сайт с нуля на хостинге

Владимир

21 августа, 2013 at 23:15

Такой вопрос - у меня много дополнительных изображений. Не важно размещаю я их слева или внизу если 15 доп изображений бывает и больше, смотрится не красиво. Можно ли сделать так чтоб была возможность листать доп изображения под основным, например как сделано здесь http://www.bonprix.ru/produkty/rubashka-belyj-920250/

admin

22 августа, 2013 at 11:41

стандартными средствами такого не сделать
только платные решения, например это

Владимир

23 августа, 2013 at 15:00

В1 - если не стандартный шаблон. Попробуй проверить на стандартном джумлавском шаблоне (который был сразу после установки)если с ним картинки отображаются то нужно ковырять новый установленный шаблон.
В2 - проверь правда доступа на папки в которых хранятся картинки для категорий. (должный быть 777)
В3 - посмотри на результат в разных браузерах.
В4 - посмотри настройки виртумарт 2 (настройки внешнего вида и шаблона) проверь сайт на наличие ошибок в коде.
В5 - удалить виртумарт и поставить более раннюю версию, типа 2,0,8

Николай

29 августа, 2013 at 10:25

Посмотрите пожалуйста, сделал все как надо, но вообще ничего не происходит, после изменения у меня такой файл

addScriptDeclaration ($imageJS);

if (!empty($this->product->images)) {
$image = $this->product->images[0];
?>

displayMediaFull('class="product-image"',true,'rel="shadowbox"',true,true); ?>
?>

product->images);
if ($count_images > 1) {
?>

<?php
for ($i = 0; $i product->images[$i];
?>

displayMediaThumb('class="product-image"',true,'rel="shadowbox[other]"',true,true); //'class="modal"'
?>

admin

30 августа, 2013 at 09:22

Здравствуйте!
попробуйте способ из этой статьи

Евгений

18 сентября, 2013 at 15:32

Если хотите, чтобы с главной страницы тоже перелистывался слайдер, то в атрибуте shadowbox укажите [other]. Все прекрасно работает.

Евгений

18 сентября, 2013 at 15:46

А чтобы убрать описания у маленьких картинок, не удаляя лишних строк кода, нужно последний параметр у функции "displayMediaThumb" установить в False.

Дмитрий

5 октября, 2013 at 21:09

Во в 2 пункте не нашел у себя такой код в файле components/com_virtuemart/views/productdetails/tmpl/default_images.php

admin

6 октября, 2013 at 13:26

код в новых версиях мог измениться, но в любом случае нужно менять части, которые находятся внутри блоков

1	<div class="main-image">

1	<div class="additional-images">

кроме этого советую вам посмотреть это решение, на мой взгляд более удобное

Алексей

5 октября, 2013 at 21:47

Добрый день! Дорогой админ, помогите, перешел по components/com_virtuemart/views/productdetails/tmpl/default_images.php в данном файле не нашел строк в которые необходимо внести изменения VM 2.0.24, J 2.5 помогите пожалуйста, где они могут быть?

admin

6 октября, 2013 at 13:27

код в новых версиях мог измениться, но в любом случае нужно менять части, которые находятся внутри блоков

1	<div class="main-image">

1	<div class="additional-images">

Алексей

6 октября, 2013 at 14:08

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

admin

7 октября, 2013 at 16:17

тогда скорее всего в файле с используемым шаблоном дублируются файлы виртумарта
посмотрите в папке с шаблоном папку html в ней com_virtuemart
если есть, то по аналогии нужно править файлы там

Дмитрий

13 октября, 2013 at 21:58

Всё настроил - всё работает! Есть проблема, когда открываешь доп. изображение, то вокруг затемняется всё, кроме пунктов меню! Они остаются не затемненными! http://ainol.ru/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=1&virtuemart_category_id=2&Itemid=263 помогите!

admin

14 октября, 2013 at 17:31

в файле /templates/youmania/css/menus.css в стиле

#topmenu_holder {

display: block;

position: relative;

padding: 0px 0 0px 0;

z-index: 1000;

margin: 0 auto;

width: 100%;

}

замените 1000 на 990

Дмитрий

14 октября, 2013 at 22:24

СПАСИБО ВАМ! Теперь всё затемняется!!! =)

Адам

16 октября, 2013 at 22:39

Слушайте, а почему у картинок alt="thumb", а не берется из настроек файла? Для SEO это же гораздо полезнее!

Дмитрий

19 октября, 2013 at 03:21

у меня файл указанный в статье не имеет этих строк, вот его содержимое:
addScriptDeclaration ($imageJS);

if (!empty($this->product->images)) {
$image = $this->product->images[0];
?>

displayMediaFull("",true,"rel='prettyPhoto[other]'");
?>

product->images);
if ($count_images > 1) {
?>

<?php
for ($i = 0; $i product->images[$i];
?>

displayMediaFull('class="product-image" style="cursor: pointer"',true,"rel='prettyPhoto[other]'");
?>

admin

21 октября, 2013 at 10:03

судя по файлу у вас все и так должно работать, т.е. изображения товара должны листаться в лайтбоксе
или у вас какая-то другая проблема?

Marcony

28 октября, 2013 at 00:07

Скажите пожалуйста, возможно ли к дополнительным изображениям прикреплять ссылки? Чтобы при нажатии они не открывались, человек переходил по ссылке этого изображения.

admin

28 октября, 2013 at 11:27

думаю, что это вряд ли осуществимо
только если выводить дополнительные картинки, у которых есть ссылки, через настраиваемые поля

Евгений

30 октября, 2013 at 15:40

Поставил в качестве теста 3 товара, добавил картинки, последняя картинка в списке не подгружается вращающаяся иконка загрузки (ошибка не привязана к конкретному товару, происходит это с последним в списке, тоесть, если снять с публикации товар 3, то ошибка нерейдёт на товар 2 и т.д.)

Сергей

8 ноября, 2013 at 13:21

Помогите разобраться на моем сайте вдруг перестали открываться всплывающие окна при просмотре доп. изображений. никакие плагины для этого не ставил, вот думаю попробовать поставить, есть вероятность что получится это вылечить!? http://onlygoodstuff.ru/veshchi/ryukzaki/ryukzak-fym-bordo-detail

admin

8 ноября, 2013 at 15:04

попробуйте поставить этот плагин

Сергей

8 ноября, 2013 at 15:39

а на ВМ 2,0,24 норм работать будет?

admin

11 ноября, 2013 at 09:47

да, работать будет

Marcon

8 ноября, 2013 at 15:59

Здравствуйте, Владимир! Спасибо за Вашу помощь. Скажите, возможно ли сделать такую таблицу внизу карточки товара под описанием, как здесь, внизу страницы, с аналогичными товарами. http://www.mirra.ru/production/search/page/1/product/00405/

admin

11 ноября, 2013 at 09:55

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

Сергей

11 ноября, 2013 at 19:45

А вы не могли бы написать статью про кнопку наверх! как у Вас на сайте что бы она с самого начала прокрутки действовала!)

admin

12 ноября, 2013 at 13:10

таких статей уже очень много 🙂
попробуйте вот этот вариант

Никита

14 ноября, 2013 at 07:39

А не подскажите как изменить alt у изображений? Сейчас при наведении на картинку в карточке товара, в качестве alt стоит название миниатюры картинки. Хочу написать "Увеличить", как это изменить? Спасибо!

admin

14 ноября, 2013 at 10:41

в файле components\com_virtuemart\views\productdetails\tmpl\default_images.php в строке(выводит главное изображение)

1	echo $image->displayMediaFull("",true,"rel='vm-additional-images'");

заменить первые кавычки на

1	"title='Увеличить'"

Ирина

19 ноября, 2013 at 22:39

Спасибо Вам огромное за статью! Все получилось, но почему то не работают листалки на дополнительных картинках( подскажите их можно как-нибудь оживить? http://lacshmi.ru/index.php/catalog/sharfy/zhenskij-sharf-flirt.html

admin

21 ноября, 2013 at 09:01

попробуйте сделать листание с помощью этого плагина

Ирина

21 ноября, 2013 at 11:03

Спасибо огромное! Замечательно прикрутился )

Сергей

26 ноября, 2013 at 02:26

http://your-webmasters.com/ms-case/sumki/model-0001-30-31-32-38-2013-11-12-detail
Сайт мой, не могу ни с помощью Shadowbox, ни с помощью StarLite Pretty Photo сделать слайдер, не работает! Помогите, не могу найти ошибку, http://katec.com.ua/rasprodazha/sumka-detail - тут (тоже моя работа) всё работает, код вставляю как написано, пытался со второго сайта перекинуть, результата 0! уже руки опускаются...

admin

27 ноября, 2013 at 09:12

видимо плагины конфликтуют со скриптами шаблона
попробуйте вместо файла default_images.php
разместить этот файл

Серей

13 декабря, 2013 at 11:23

Спасибо за помощь, но ни чего не изменилось, я уже не знаю что делать

1	echo $image->displayMediaFull("",true,"rel='prettyPhoto[other]'");

1	echo $image->displayMediaFull('class="product-image" style="cursor: pointer"',true,"rel='prettyPhoto[other]'");

Правильно ли у меня записан вывод изображений?

Работа с изображениями товара в virtuemart 2

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

Настройка размеров основного и дополнительных изображений

Настраиваем слайдер картинок в карточке товара

Настройка расположения дополнительных изображений

P.S.

Похожие статьи :

352 комментария

Сергей

admin

Сергей

Сергей

admin

Сергей

Андрей

admin

admin

Сергей

Сергей

admin

admin

admin

admin

admin

Игорь

admin

admin

admin

admin

Вячеслав

Игорь

admin

Павел

Павел

admin

Дмитрий

admin

admin

admin

admin

Инна

admin

admin

admin

admin

admin

admin

admin

admin

admin

admin

Александр А

admin

Ирина

admin

admin

Вадим

admin

admin

admin

Дмитрий

admin

admin

admin

admin

admin

Алексей

Стас

admin

Artem

Artem

admin

Александр

admin

Александр

admin

Евген

Евген

Евген

Устим