Joomla 3.x. Как работать с модулем «Page Loader» в шаблоне Wegy

Из этого туториала Вы узнаете, как работать с модулем «Page Loader» в шаблоне Wegy.

Давайте внесём изменения в Page Loader в шаблоне Wegy.

1. Текст логотипа прелоадера можно изменить так же, как и основной логотип в разделе Система (System) -> Общие настройки (Global Configuration) -> Название сайта (Site name).

2. Вращающийся элемент прелоадера можно заменить на вашем сервере в папке templates/theme3092/images/page-loader-1.gif или Вы можете загрузить пользовательский файл gif для вращающегося элемента. В этом случае Вам нужно скопировать ссылку файла и вставить её в следующее правило css:

   .mod-custom__page_loader .loader {
   background: rgba(0, 0, 0, 0) url("image_url_goes_here") no-repeat scroll 50% 50% !important;
   }
   

   Скопируйте правило css и вставьте его вниз файла template.css.

3. Вы можете задать фоновое изображение для страницы загрузки в настройках модуля. Перейдите на вкладку Расширения (Extensions) -> Менеджер расширений (Module manager) -> найдите модуль Page Loader -> Настройки (Options) -> Задать фоновое изображение (Select background image).

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

   .mod-custom__page_loader .logo {
   display: none !important;
   }
   .mod-custom__page_loader .loader {
     background: none !important;
   }
   

5. HTML модуль Page Loader позволяет создать ваше собственное содержимое HTML, используя редактор WYSIWYG.

Вы можете также ознакомиться с детальным видео-туториалом ниже: