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

Опубликовано: 6 Ноябрь, 2012
Обновлено: 19 Май, 2016
Категория: Внешний вид, дизайн
Комментариев: 337

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

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

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

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

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

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

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

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

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

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

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

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

В предыдущих версиях 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, который отвечает за внешний вид изображений в карточке товара.

Заменяем:

На:

И строку:

Меняем на:

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

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

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

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

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

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

После кода:

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

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

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

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

На это (70%):

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

На это (30%):

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

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

Заменим это:

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

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

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

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

P.S.

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

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

337 комментариев

    Сергей

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

    admin

    admin

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

    Сергей

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

    Сергей

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

    admin

    admin

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

    Сергей

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

    Андрей

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

    admin

    admin

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

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

    Игорь

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

    admin

    admin

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

    Сергей

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

    Сергей

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

    admin

    admin

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

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

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

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

    Вадим

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

      admin

      admin

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

        Вадим

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

          admin

          admin

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

            Вадим

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

            Вадим

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

            Вадим

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

            admin

            admin

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

            Вадим

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

            admin

            admin

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

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

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

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

            Вадим

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

            DaN

            DaN

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

            DaN

            DaN

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

    Игорь

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

      admin

      admin

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

    Юрий

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

      admin

      admin

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

    Юрий

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

      admin

      admin

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

      Сергей

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

        admin

        admin

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

        Вячеслав

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

    Игорь

    Спасибо

    Илья

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

      admin

      admin

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

    Павел

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

    Павел

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

      admin

      admin

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

          Barca10fan

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

    ann

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

    ann

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

    Дмитрий

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

      admin

      admin

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

    Елена

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

      admin

      admin

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

    Елена

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

      admin

      admin

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

    Елена

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

      admin

      admin

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

    Инна

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

      admin

      admin

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

    Елена

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

      admin

      admin

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

    Екатерина

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

      admin

      admin

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

    Екатерина

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

      admin

      admin

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

    Ирина

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

      admin

      admin

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

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

    Ирина

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

      admin

      admin

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

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

    Ирина

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

      admin

      admin

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

    Ирина

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

      admin

      admin

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

    Екатерина

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

    Екатерина

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

      admin

      admin

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

    Екатерина

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

    Екатерина

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

    Екатерина

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

    Екатерина

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

    Екатерина

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

      admin

      admin

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

    Александр А

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

      admin

      admin

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

    Ирина

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

    Сергей К

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

      admin

      admin

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

    Сергей К

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

      admin

      admin

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

    Gerfaut

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

    Вадим

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

      admin

      admin

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

    Євген

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

      admin

      admin

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

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

    Євген

    прописано

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

      Євген

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

        Євген

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

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

          admin

          admin

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

    Дмитрий

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

      admin

      admin

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

    Albert

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

      admin

      admin

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

        admin

        admin

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

    Степан

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

    Степан

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

      admin

      admin

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

    Степан

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

      admin

      admin

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

      Алексей

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

    Стас

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

      admin

      admin

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

    Иван

    А вот у меня код не такой в данном файле. Версия 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

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

      Artem

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

    Иван

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

    Александр

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

      admin

      admin

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

    Александр

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

      admin

      admin

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

    Александр

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

      Albert

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

      admin

      admin

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

    Евген

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

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

    Евген

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

    Евген

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

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

    Устим

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

      admin

      admin

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

    Dmitri

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

      Barca10fan

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

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

    Катерина

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

      admin

      admin

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

    Катерина

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

    Валентин

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

      admin

      admin

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

        Валентин

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

          admin

          admin

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

          и замените на

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

    Юрий

    Люди добрые, подскажите плиз кто может:
    у меня вирт 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'");
    ?>

    Юрий

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

    Линда

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

      admin

      admin

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

        Линда

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

    Никита

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

      admin

      admin

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

    Алексей

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

    Может кто подскажет как массово загружать фотографии к товару, что избегать этим многочисленных кликов... что то типа загрузчика на AJAX может ... ??

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

      admin

      admin

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

    Алексей

    Вопрос по поводу правки файла 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

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

      admin

      admin

      Спасибо )

    Сергей

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

    Сергей

    Сам спросил, сам отвечаю:
    В эой версии изменен код.
    - строка 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 в плагине).

    Станислав

    Здравствуйте.
    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

      admin

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

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

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

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

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

    Андрей

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

      admin

      admin

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

        Константин

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

    Вячеслав

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

      admin

      admin

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

      на

        Вячеслав

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

    Ilchyk

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

      admin

      admin

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

    Алексей

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

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

      admin

      admin

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

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

    Ilchyk

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

      Владимир

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

        Ilchyk

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

          Владимир

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

            Ilchyk

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

            Владимир

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

            Ilchyk

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

            Владимир

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

          admin

          admin

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

    Владимир

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

      admin

      admin

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

    Владимир

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

    Николай

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

    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

      admin

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

    Евгений

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

    Евгений

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

    Дмитрий

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

      admin

      admin

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

      и

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

    Алексей

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

      admin

      admin

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

      и

    Алексей

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

      admin

      admin

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

    Дмитрий

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

      admin

      admin

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

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

        Дмитрий

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

    Адам

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

    Дмитрий

    у меня файл указанный в статье не имеет этих строк, вот его содержимое:
    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

      admin

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

    Marcony

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

      admin

      admin

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

    Евгений

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

    Сергей

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

      admin

      admin

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

        Сергей

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

          admin

          admin

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

    Marcon

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

      admin

      admin

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

    Сергей

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

      admin

      admin

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

    Никита

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

      admin

      admin

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

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

    Ирина

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

      admin

      admin

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

    Ирина

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

    Сергей

    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

      admin

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

        Серей

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

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

          admin

          admin

          да, правильно
          но сейчас у вас выводится

        Серей

        !!! Помогло, Ваш файл помог, в долгих мучениях, пробовал разные вариации, взял код для дополнительного изображения из Вашего файла, удалил StarLite Pretty Photo, а то он конфликтовал с Shadowbox Media Viewer и заработало!

        БОЛЬШОЕ СПАСИБО!

    Людмила

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

      admin

      admin

      вы задали жесткие размеры для изображений
      для ширины вместо точного значения введите: auto

        Людмила

        Спасибо большое за ответ! Если я задам ширине: auto, тогда список товаров будет не ровный.Я хочу сделать как типа тут : http://labdes.ru/resize-images-in-php ,у вас есть возможные наводки и решения?

          admin

          admin

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

    Роман

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

      admin

      admin

      замените в файле default_images.php в строке

      0 на 1

    Роман

    Код файла default_images.php

    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]'");
    ?>

    Роман

    СПАСИБО ВАМ ОГРОМНОЕ, ВСЕ РАБОТАЕТ!

    Андрей

    Люди доброе время суток. В комментариях прочитал, что уже делали для версии VirtueMart 2.0.24, я уже что не делал ничего не получается. Картинка увеличилась, доп. изображений нет., а в коде страницы показывает их присутствие. Если кто то помнит последовательность измений для VirtueMart 2.0.24 отпишите. Просто не знаю где я туплю. Спасибо!!

      admin

      admin

      пришлите ссылку на сайт

    Анатолий

    помогите пожалуйста возникла проблема, отредактировал в файле http://ladimodels.com/templates/ot_sexyqueen/css/template.css строку 828 чтобы все ровно было вот такими параметрами
    .product .spacer .carousel-inner > .item > img,
    .product .spacer .carousel-inner > .item > a > img,
    .main-image .carousel-inner > .item > img,
    .main-image .carousel-inner > .item > a > img{
    display: inline-block;
    max-width: 100%;
    height: 520px;
    width: 400px;
    в результате при открытии товара картинка отображается криво, помогите решить эту проблему пожалуйста)

      admin

      admin

      уберите жесткое ограничение по высоте (height: 520px;)

        Анатолий

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

          admin

          admin

          в этот же файле создайте дополнительный стиль

    Павел

    Админ, спасибо за плагин и за то, что разжевал. Респект!

    Павел

    Я уже конечно, не вовремя, но по предыдущему сообщению подумал - вдруг кому-то пригодится в будущем. Попробуйте ещё значения MIN/MAX для Height/Width. Иногда выручает)

    Виктор

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

      admin

      admin

      замечал несколько раз такое
      думаю, что это из-за браузера, потому что сам плагин нечего с картинками не делает

    Юрий

    В файле default_images.php у меня вообще нету ни одного выше перечисленного кода.
    http://rghost.ru/52995398

      admin

      admin

      у вас немного другой код, но смысл тот же
      за вывод главной картинки отвечает

      за дополнительные

        Юрий

        Спасибо большое заработало.

    Иван

    Касательно кода, для того чтоб не повторялось изображение основное и миниатюрное два раза, может еще быть вариант кода следующий.
    В /ваш сайт/www/templates/ваш шаблон/html/com_virtuemart/productdetails/default.php находим строку:

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

    Должно получиться во так:

      admin

      admin

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

        Иван

        Спасибо и Вам за помощь и подсказки

      ebook-shop.com.ua

      Спасибо большое! У меня в J2.5/Vm 2.0.6 код немного другой, но Ваше решение помогло!

    Александр

    Здравствуйте, подскажите как сделать чтобы изображение товара выводилось слева от наименования и цены, а не сверху?
    пример как выводится сейчас http://intaprom.ru/magazin/uteplitel/rockwool/rock1002-detail

      admin

      admin

      В фале /components/com_virtuemart/assets/css/vmsite-ltr.css в стиле

      удалите

        Александр

        Огромное спасибо. Всё получилось

        Александр

        Поторопился я, сказав что всё получилось. Если убрать эту строку, то таблица товаров в категории сжимается до 50%.

          admin

          admin

          добавьте в этот же файл

            Александр

            Благодарю

        Александр

        Теперь столкнулся со следующим: изображения в карточке товара сжимаются по высоте.

        И ещё немного не по теме: обновил Virtuemart-aio, после чего с главной страницы магазина исчезли категории.

          admin

          admin

          в файле /components/com_virtuemart/assets/css/vmsite-ltr.css в стиле

          удалите

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

          admin

          admin

          сам virtuemart обновлен?
          проверьте в настройках стоит ли показ категорий на главной странице

            Александр

            Сам virtuemart не обновился. В настройках показ стоит. Не отображаются категории на главной странице магазина, а также при попытке добавления/редактирования товара, категории и т.д. выдаёт ошибки:
            vmError: VmTableData Псевдоним отсутствует! Не удается сохранить запись без Псевдоним.
            vmError: You are not an administrator or the correct vendor, storing of product cancelled

            Александр

            решилось установкой старой версии VM

    Александр

    Подскажите, а возможно просто заменить курсор при наведении на изображение, например лупа с плюсом?

    Елена

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

      admin

      admin

      посмотрите аналогичный файл в папке с шаблоном
      /templates/ваш_шаблон/html/com_virtuemart

    Мария

    Добрый день у меня нет в файле components/com_virtuemart/views/productdetails/tmpl/default_images.php таких строк, как быть? virtuemart 2

      admin

      admin

      посмотрите мой комментарий выше

    Елена

    Здесь тоже нет строк, которые нужно менять /templates/ваш_шаблон/html/com_virtuemart. Где их еще можно поискать? Помогите, пожалуйста.

      admin

      admin

      у вас есть папка /templates/ваш_шаблон/html/com_virtuemart/productdetails
      в ней есть файл
      /templates/ah-68-flexi/html/com_virtuemart/productdetails/default_images.php

    malgaeva

    как сделать так, что бы основное фото не было растянутым?
    http://babytoy74.ru/magazin/%D1%82%D0%B5%D0%BB%D0%B5%D0%B3%D0%B8/%D1%82%D0%B5%D0%BB%D0%B5%D0%B3%D0%B0-%D1%81%D0%BC%D0%B6-151-detail

    malgaeva

    нашла ответ сама, спасибо

    Елена

    "у вас есть папка /templates/ваш_шаблон/html/com_virtuemart/productdetails
    в ней есть файл" в ней тоже нет такого файла /templates/ah-68-flexi/html/com_virtuemart/productdetails/default_images.php Есть просто default_images.php но там нет нужных строк для замены((((((((((((((((((((((

      admin

      admin

      Давайте перенесем обсуждение вашего вопроса на форум 🙂
      Там это будет удобнее делать
      http://virtuemart.su/forum/
      Выложите на форуме содержимое файла
      /templates/ah-68-flexi/html/com_virtuemart/productdetails/default_images.php

    Алексей

    Добрый день.

    не подскажите как удалить фото товаров,которые уже не активные?

    в админке удаляю, захожу по фтп а файл остался!!!

    нашел такой скрипт, но он не работает!
    http://joomla-support.ru/thread/42727/

    Спасибо.

      admin

      admin

      возможно, поможет этот пост
      http://virtuemart.su/forums/topic/udalenie-kartinok-tovara-pri-udalenii-samogo-tovara/

        Анна

        А еще какие-то варианты есть?

          admin

          admin

          Других вариантов, к сожалению, нет.

            Анна

            А кто-то покупал этот компонент, который в конце обсуждения советуют? http://datasheet.com.ua/forum/pokupka-prodazha/2-prodam-komponent-dlya-virtuemart-3
            Он работает?

            Анна

            ау, есть кто? 🙂 Кто-то покупал этот компонент, который в конце обсуждения советуют? http://datasheet.com.ua/forum/pokupka-prodazha/2-prodam-komponent-dlya-virtuemart-3 Он работает?

            admin

            admin

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

    Олеся

    Добрый день!
    Помогите, пожалуйста, весь интернет облазила, такие вопросы на форуме есть, а ответов нет! На моем сайте изображение товара (на странице товара) отображается мутное, но при увеличении (клике на фото), картинка хорошего качества. Размеры фото на странице и фото увеличенного одинаковое. Меняю на другой шаблон - все о.к. Шаблон менять не хочу.
    Заранее спасибо.
    Мой сайт http://diosk.ru

      admin

      admin

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

    Александр

    Здравствуйте!
    В вашей статье сказано: Последняя добавленная картинка отображается справа. Но у меня почему-то не зависимо от того в каком порядке загружать изображения, они всегда выстраиваются в одном порядке: по убыванию (3.jpg, 2.jpg,1.jpg или C.jpg, B.jpg, A.jpg)В итоге получается, что главное изображение не то, которое нужно. Где что нужно изменить, что бы порядок отображения изображений стал по возрастанию?

    Елена

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

      admin

      admin

      Здравствуйте!
      Virtuemart->Настройки->Шаблоны
      активируйте Включить динамическое изменение размера эскизов и задайте размеры для миниатюр

        Елена

        Я Вас расцеловала бы!!!!
        Спасибо ОГРОМНОЕ!!!!!

          admin

          admin

          🙂

    Дмитрий

    Добрый день!

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

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

    <div id="products" class="">

    product->images) > 0) {
    foreach ($this->product->images as $image) {
    echo '' . $image->displayMediaThumb('class="productimage"', true,'class="jqzoom modal"', true, true) . ''; //'class="modal"'
    }
    }
    ?>

    product->images) >= 2) { ?>

    product->images) > 0) {
    foreach ($this->product->images as $image) {
    echo '' . $image->displayMediaThumb('class="productimage"', true, true, true) . ''; //'class="modal"'
    }
    }
    ?>

    product->images) > 0) {
    foreach ($this->product->images as $image) {
    echo '' . $image->displayMediaThumb('class="productimage2"', false, true, true) . ''; //'class="modal"'
    }
    }
    ?>

      admin

      admin

      Уточните вопрос

    Дмитий

    Вопрос. Не работает модуль. Устанавливаю плагин, но не могу найти нужные строчки в файле components/com_virtuemart/views/productdetails/tmpl/default_images.php чтобы заменить. Установлен шаблон, ищу в папке шаблона.

      admin

      admin

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

    Дмитий

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

      admin

      admin

      К сожалению, не знаю
      у вас не стандартный скрипт

    Igor

    Как прописать Title и Alt изображений? В админке я для каждого изображения пишу свой текст, но на сайте выводится alt=thumb а не то что написал в админке

    Вот фрагмент исходного кода в файле default_images.php

    Natasga123

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

      admin

      admin

      Нужно использовать сторонний плагин, например, https://www.flexiblewebdesign.com/Virtuemart-Modules/Virtuemart-Zoom-Effect-Plugin

        Natasga123

        А бесплатных вариантов нет? написанием кода?

    ramzes6961

    Для того что б слайдер листал все картинки включая дополнительные нужно вставить следующий код

    вместо этого

    ramzes6961

    Для этого в файл стилей плагина, расположенный по адресу /plugins/system/shadowbox/shadowbox/examplex/build/shadowbox.css 16 строку поменять на #sb-title-inner{display:none;}

      ramzes6961

      Убрать название. Для этого в файл стилей плагина, расположенный по адресу /plugins/system/shadowbox/shadowbox/examplex/build/shadowbox.css 16 строку поменять на #sb-title-inner{display:none;}

    ramzes6961

    у меня нет такой строчки(((у меня такой код

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

    Евгений

    При замене в components\com_virtuemart\views\productdetails\tmpl\default_images.php
    for ($i = 0; $i < $count_images; $i++)
    на
    for ($i = 1; $i < $count_images; $i++)

    И нажатии на доп. миниатюру главное изображение из миниатюр пропадает, и пропадает оно и при отображении товара. Пример:http://valenki66.ru/index.php/magazinfrt/4623/237/instrumenty/shneki/valenki-s-vyshivkoj-002v-detail
    Решение где то здесь (в этом комментарии):
    Касательно кода, для того чтоб не повторялось изображение основное и миниатюрное два раза, может еще быть вариант

    кода следующий.
    В /ваш сайт/www/templates/ваш шаблон/html/com_virtuemart/productdetails/default.php находим строку:

    product->images) && count($this->product->images)>0) {?>

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

    $image_shift = array_shift($this->product->images);
    Должно получиться во так:

    product->images) && count($this->product->images)>0) { $image_shift = array_shift

    ($this->product->images);?>
    Но у меня более поздняя версия VM 2.0.22с (там решение должно быть другое, какое не знаю). Если есть у кого информации, поделитесь

    Кирилл

    Здравствуйте,
    админ, часто пользуюсь советами с вашего сайта.
    Хочу сказать большое спасибо за работу.
    Теперь вот понадобилось решение, прошу совета.
    Задача вывести иконку вместо изображения в шаблоне категории.
    Пользую код вида
    images > 1) {
    echo "icon"; } ?>
    и кучу его модификаций. Работать почему-то упорно отказывается. Что я делаю не так?

      admin

      admin

      Здравствуйте!
      Уточните вопрос
      Иконку вместо какого изображения?
      Иконка в каком формате?
      Лучше со скрином для наглядности

        Кирилл

        Иконка, которая будет показывать пользователям, что у товара есть изображение.
        https://yadi.sk/i/fUUKoBmDdYDBe

    User

    Admin, такой вопрос, корректирую файл components/com_virtuemart/assets/css/vmsite-ltr.css, но изменений в карточке товара не происходит.
    Может ли этот файл лежать где-то еще? В папке с шаблоном не нашел css'ов.
    Задача - сделать миниатюры в один ряд, а не столбцом. Вот пример http://mezonavto.ru/index.php/parts/parts_shaanxi/sh_ptf_left_f2000-detail.html

    И еще вопрос на странице с товарами http://mezonavto.ru/index.php/parts/parts_shaanxi.html в случае, если название товара вмещается в 2 строки вместо одной, карточка товара сдвигается и выглядит некрасиво. Где подправить этот момент?

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

      admin

      admin

      Здравствуйте!
      Вам нужно править /templates/shoplab/css/styles.css
      картинки выводятся в столбец, потому что не умещаются в ряд
      попробуйте заменить

      на

      По названию в 2 строки
      Как вариант можно установить минимальную высоты для блока с названием
      В /templates/shoplab/css/styles.css добавьте

      По последнему вопросу
      Вам лучше всего посмотреть с помощью firebag или Просмотр кода элемента в Chrome где задается стиль для нужно элемента и поправить его там

        User

        Огромное спасибо, все поправил.
        Отличный ресурс по VirtueMart!

          admin

          admin

          Спасибо

    Павел

    Пожалуйста помогите, уже 2 дня ковыряю не могу понять что делать, установил настроил в карточке товара все нормально показывает. Но на главной странице где рекомендуемые товары и прочее при нажатии на фото - открывается в новом окне.

    В каком файле и что нужно изменить чтобы Shadowbox Media Viewer обрабатывал все фото virtuemart а не только в карточке товара? Спасибо.

    Евгений

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

      admin

      admin

      Здравствуйте!
      Удалите в шаблоне карточки товара \components\com_virtuemart\views\productdetails\tmpl\default.php код для вызова изображений

        Евгений

        спасибо братан! а еще подскажи можно сделать чтоб краткое описание в категории было, а в карточке товара уже не было? а то без фотки как-то криво теперь.. либо кнопку "позвонить для запроса цены" на место фотки двинуть влево возможно, под это описание например?

          admin

          admin

          В категории краткое описание выводит код в файле \components\com_virtuemart\views\category\tmpl\default.php

          В карточке товара краткое описание выводит код в файле \components\com_virtuemart\views\productdetails\tmpl\default.php

    Михаил

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

      admin

      admin

      Сайт из поста уже не работает, картинки вместе с ним ушли в небытие )

    admin

    admin

    Универсальный плагин для просмотра изображений товара в virtuemart 3
    http://virtuemart.su/vmzoomer-adaptivnyj-prosmotr-izobrazhenij-tovara/

    Татьяна

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

    Евгений

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

      admin

      admin

      В категории выводятся миниатюры оригинальных изображений.
      Размер миниатюр задается в Virtuemart > Настройки > Шаблоны
      Высота миниатюры изображения
      Ширина миниатюры изображения

      Кроме этих настроек дело может быть в самом шаблоне.
      Чтобы ответить точно пришлите ссылку на сайт.

    Роман

    Здравствуйте! Подскажите пожалуйста, в каком файле css редактируется ширина и высота блока с товаром (Картинки, цены и тд)

      admin

      admin

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

      В файле что-то редактируется в файле /templates/zt_conto/css/vmsite-ltr.css, другие элементы могут редактироваться в других файлах.
      Используйте F12(Просмотр кода элемента). Он покажет в каком файле находится стиль для каждого элемента на странице.

        Роман

        Попробовал. CSS в моем сайте и в демо шаблона одинаковые, вот сайт демо zt-conto.zoodemo.com. Там все товары ровно расположены(( Можете подсказать, где взять настройки css у меня есть и quickstart? сравнивал, css одинаковые. Буду очень благодарен.

          admin

          admin

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

          Судя по демо-сайту для блока с товарами задана жесткая высота 223px в файле /templates/zt_conto/css/template.css в стиле

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

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

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

    nata

    Добрый день!
    Проблема с загрузкой фотографии на товар в virtuemart с локального компьютера.
    Изначально всё работало, сейчас нет. В чем проблема и как её решить.
    За ранее благодарю за ответ.

      admin

      admin

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

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

    DaN

    Добрый день
    вывод картинок в карточке товара стандартный вид такой:

    Помогите вывести main-image и additional-images в разных дивах

      admin

      admin

      Картинки выводятся в файле default_images.php
      Там их можно обернуть в нужные блоки, хотя они изначально должны в разных блоках выводиться.
      Пришлите ссылку на сайт.

        DaN

        Возможно немного не так выразился.
        В данном случае не могу применить ширину для additional-images в процентах (для адаптивности).
        width: 100%; /*не работает
        width: 600px;/*работает

          DaN

          В принципе идею понял выскажу может поправите или дополните.
          Переименую класс div class="width60 floatleft" в любой другой
          main-image задам width: 60%;
          а
          additional-images задам width: 90%;
          и перенесу

          перед

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

    Евгений

    Здравствуйте!
    Virtuemart 3 установлен на локальном сервере. При попытке добавить изображение к товару, при нажатии кнопки сохранить - белый экран браузера, а в адресной строке http://joomtest/administrator/index.php
    Может есть мысли, в чём может быть проблема? Спасибо!

      admin

      admin

      Здравствуйте!
      Попробуйте поставить сайт на Open Server

    Олег

    Добрый день.
    Имеется шаблон с магазином VirtueMart. На странице с подробным описанием товара есть основное изображение товара и под ним слайдер с дополнительными изображениями (сделано для выбора цвета). При клике на доп. изображение оно занимает место основного. Если добавить товар в корзину, то в корзине будет отображаться всегда одно и то же изображение (которое по умолчанию).
    Задача заключается в том, чтобы после добавления в корзину, в ней отображалась та картинка, которая была выбрана на момент нажатия кнопки "Добавить в корзину".
    Кто-нибудь решал подобную задачу или знает как решить? Буду благодарен за любую идею решения этого вопроса.
    Если будет нужна дополнительная информация - напишу.
    Благодарю за помощь.

      admin

      admin

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

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

    Елена

    Здравствуйте! Делала все по инструкции, хотела поменять ширину блока с изображениями на 70%, а на блок справа оставить 30%. Но меняя коды, на те что в статье, у меня ничего не вышло. Также хотела, чтобы дополнительные изображения отображались справа от главной, но тоже ничего не изменилось. Подскажите, пожалуйста, какие действия еще можно сделать, чтобы поменять ширину блоков и расположение дополнительных изображений?

      admin

      admin

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

      Инструкция написана для стандартного шаблона vm. У Вас шаблон изменен и порядок действий будет другой. Без доступа к файлам сайта что-то конкретное трудно посоветовать.
      Попробуйте добавить этот стиль. Он увеличит ширину блока с изображением до 70%

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

        Елена

        Спасибо! Сработало!!!

    Анна

    Почему-то под вашим сообщением не могу написать ответ, нет кнопки. Я тут отвечу.

    "- Кто-то покупал этот компонент, который в конце обсуждения советуют? http://datasheet.com.ua/forum/pokupka-prodazha/2-prodam-komponent-dlya-virtuemart-3 Он работает?

    - ADMIN
    Август 5, 2016 at 10:24
    Видимо, пока никто не покупал. Попробуйте купить. Сделайте бэкап и протестируйте.
    Если что-то пойдет не так всегда можно будет откатиться назад или обратиться к автору за помощью."

    Я никак не могу там автору написать, какой-то форум непонятный, там такой тест, чтобы зарегиться! :))))) Я в этих инженерных схемах ни бум-бум)))) Посмотрите!

      admin

      admin

      Скорее всего после оплаты будет виден email продавца, но точно не скажу.
      Попробуйте купить и проверить.
      Риск небольшой - 130р.

    Луиза

    Добрый день. Подскажите пожалуйста, еси, допустим, в какой-то конкретной категории, мне не нужно вообще изображение, а только описание-это можно реализовать?....а еще лучше, подскажите-возможно ли привязать к категории VM материал Joomla?,т.е. по клику на категорию товара-открывался материал)
    Заранее благодарю за ответ.

      admin

      admin

      Здравствуйте!
      По изображению уточните. Как именно все должно выглядеть? Если не прикреплять к категории картинку в админке, то она не будет выводиться на сайте.
      По второму вопросу. Откуда именно должна вести ссылка: из модуля меню или со страницы родительской категории?

        Луиза

        Оу, спасибо за быстрый ответ)
        Тогда подробно опишу проблему)
        Есть joomla 3 и VM3-тут все ок)-на VM делаю каталог, есть много категорий, в них много подкатегорий, тут тоже все нормально, то есть категория, в которой нет ни подкатегорий, ни товара по сути, нужно что бы при клике на категорию эту-открывался материал Джумы, категория не привязана к пункту меню, к пункту меню привязана общая категория, т.е при клике на пункт меню-открываются все категории, при клике на категорию-открывается подкатегория))))но вот одну категорию нужно привязать к материалу(-если бы пункты меню-то и вопрос бы не стоял(-а так пока приходится создавать товар для этой злосчастной категории, а там , как Вы понимаете миниатюра картинки-описание, которое там не нужно((((, убрать картинку и описание не могу(-тогда и в других категориях этого не будет(ЧТО ДЕЛАТЬ?(((((

          admin

          admin

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

    макс

    Всем доброго времени суток!
    Очень хочется сделать, чтобы выводимые маленькие фотографии при наведении или щелчке на них открывались на месте основной фотки.
    Не могу найти решение такой задачи(

      admin

      admin

      Здравствуйте!
      Данная возможность есть в virtuemart по умолчанию.
      В Virtuemart > Настройки > Шаблоны активируйте опцию Открывать дополнительные изображения в области основного изображения.
      Если не сработает, значит стандартный шаблон вывода изображений в карточке был изменен.
      В этом случае попробуйте заменить файлы
      /templates/имя_шаблона/html/com_virtuemart/productdetails/default_images.php
      /templates/имя_шаблона/html/com_virtuemart/productdetails/default_images_additional.php

      стандартными файлами vm

        макс

        Забылся и не написал - Я это делаю на странице категории!
        Нашел и активировал данный пункт в настройках. Но в категории товаров дополнительные фото по прежнему открываются в полный размер по щелчку.
        🙁

          макс

          VM3, в /sublayouts/products.php Использую такой вот код при выводе доп изображений товара в категории

            admin

            admin

            Указан класс modal, поэтому изображения открываются в лайтбоксе.
            Готового решения не подскажу, могу только предложить плагин Vm AirSlider, который может выводить доп. изображения на странице категории.

    Влад

    Здравствуйте! Помогите пожалуйста.
    Проблема вот в чем:
    1. На странице карточки товара можно открыть большой размер изображения только основное изображение а дополнительные не открываются в большом размере.

    2. Как добавить данный плагин в vw 3 ?
    Прошу сильно не ругать я новачок в данной области.

    И еще если можете помочь то скажите как убрать белое поле на странице карточки товара.
    (на странице карточки товара с правой стороны появилось белое поле, станица растянулось http://i.piccy.info/i9/d74293d65dfa3a446f37a1ca7008b848/1482341334/157494/1060986/Bezymiannyi.png)
    Спасибо!

      admin

      admin

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

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

      2. Нужно полностью заменять код вывода изображений. У Вас не стандартный вывод, поэтому советы из статьи не подойдут. Чтобы ответить нужно смотреть на сайт. Обратитесь на фриланс, или посмотрите в сторону этого плагина.

        Влад

        Плагин все же работает просто нужно было редактировать файл не в компонентах а в шаблоне. /templates/имя_шаблона/html/com_virtuemart/productdetails/default_images.php

        Но дополнительные изображения так и так не открываются только основное, подскажите как быть?

        Если включаю функцию "Открывать дополнительные изображения в области основного изображения" то после обновления страницы товара остается только одно изображения и пустая страница.

          admin

          admin

          Можно попробовать заменить файлы в шаблоне default_images.php и default_images_additional.php на стандартные файлы vm и внести правки в них.

            Влад

            Благодарен за помощь!
            Можете скинуть эти файлы (default_images.php и default_images_additional.php)

            admin

            admin

            Проще Вам самостоятельно скачать чистую версию vm и взять нужные файлы
            http://dev.virtuemart.net/projects/virtuemart/files

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*
Для вставки кода заключите его в теги [php] [/php]
*