→ При разработке сайта лендинг в подарок! ЖМИ! ←
Мар
13

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

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

Все мы знаем, как виртумарт оформляет 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. Удачи!

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

1 комментарий к записи “Virtuemart: делаем красивые Ajax уведомления”

  • Тимур 14 марта 2010 - 5:06

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

Прокомментировать

Рубрики

Наши услуги

В прямом эфире