Virtuemart: делаем красивые Ajax уведомления

K_E_V_in    Joomla     CSS, js, pr, VirtueMart, автомобиль, бот, жк, сайт, файл, фон

Сегодня, во время поиска информации об автомобилях наткнулся на интересный сайт, посвященный a6 allroad. Мне понравился легкий дизайн этого автомобильного сайта, что вдохновило меня на создание красивых Ajax уведомлений для Virtuemart. А теперь я поделюсь с вами этой штукой.

Все мы знаем, как виртумарт оформляет Ajax уведомления. Согласитесь, на следующей картинке оно выглядит как-то некрасиво:

Сегодня будем учиться это исправлять. Оказывается, это сделать красивые Ajax уведомления для Virtuemart не так и трудно. Нужно лишь немного времени и желания. Тогда результат будет обеспечен.

Готовы, тогда поехали!

Как обычно, сначала определим файлы для правки:

/components/com_virtuemart/js/mootools/mooPrompt.css – для изменения шрифта и фоновых картинок
/components/com_virtuemart/themes/default/theme.css – для изменения цветов оформления
/components/com_virtuemart/themes/default/theme.js – для изменения времени задержки

В файле theme.css ищем описание классов .shop_error,  .shop_warning,  .shop_info,  .shop_debug,  .shop_critical,  .shop_tip. Именно они отвечают за оформление.

Для изменения задержки по времени в файле theme.js изменяем параметр таймаута
setTimeout( ‘document.boxB.close()’, 3000 );

Поэкспериментировав с классами, можно сделать красивые  Ajax уведомления для Virtuemart. Удачи!

• В Красноярске есть отличный свадебный фотограф, услугами которого пользовались мои хорошие знакомые. Посмотрите его работы и вы всё сразу поймете!

Понравилась заметка? Поделись!