VirtueMart 2.x.Как изменить параметры изображения товара

Этот урок покажет Вам, как изменить параметры изображения товара в шаблоне VirtueMart.

Если в шаблоне изображения товара расположены вертикально или горизонтально (т.е. портретная/альбомная ориентации), то новую картинку поставьте наоборот – горизонтально или вертикально:

1. Войдите в панель администратора сайта Joomla.
2. В главном меню выберите Components / Компоненты ->Virtuemart.

3. Слева нажмите на кнопку Products /Товары

4. Найдите товар, изображение которого Вы хотите изменить, и нажмите на нем.
5. Нажмите на вкладке Product Images/ Картинки товаров чтобы загрузить новую картинку.

6. Прокрутите мышкой вниз пока не увидите кнопку Browse/ Искать под Upload File/ Загрузить файл и нажмите на неё.

7. В компьютере найдите картинку с другой ориентацией (альбомная вместо портретной ), выделите ее и нажмите на кнопку Open/Открыть.

8. Вверху страницы нажмите на Save.
9. Далее появится такое сообщение: “Product successfully saved” (Продукт был успешно сохранен). Теперь приступим к загрузке мини-изображения (нужно в том случае, если под вкладкой VirtueMart -> Site/Сайт стоит галочка на Enable Dynamic Thumbnail Resizing/Включить динамическое изменение размеров для мини-изображения ) – под Upload File/Загрузить файл выберите Replace thumb/ Заменить миниатюру , нажмите на Browse/Искать чтобы найти картинку и ее загрузить. Нажмите на Save/Сохранить.
10. Откройте информационную страницу товара из внешнего интерфейса сайта в браузере Firefox с установленным плагином Firebug. С помощью Firebug определите какая должна быть высота новой картинки и какую строчку в .css следует для этого изменить.

11. В верхнем правом углу браузера Firefox нажмите на иконку Firebug, чтоб открыть плагин.
12. Выберите Click an element in the page to inspect(Щелкните элемент на странице, чтобы проверить) .
13. Нажмите на рамку картинки и вручную измените ее высоту в Firebug.

14. В Firebug нажмите правой кнопкой мышки на названии .css файла и выберите Copy location/Копировать место расположения Должен быть файл virtuemart.css, который находится в папке templates/theme_###/css/ FTP, но иногда файл/место расположения может отличаться в Вашем шаблоне.
15. Откройте пустой файл и вставьте место расположения с помощью правой кнопки мышки. В Вашем FTP файле найдите такой же .css и откройте его, чтобы внести некоторые коррективы.
16. Скопируйте целую строку, где Вы с помощью Firebug изменили высоту, и измените точно также эту строчку в файле .css .
17. Сохраните изменения в файле .css.

18. Обновите еще раз страницу товара. Сейчас рамка для картинки должна выглядеть правильно.

Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже: