Simple Minify 1.0.0 [2.3] — Сжатие и склейка JS и CSS-файлов
Каталог дополненийПрочиеМодули
Автор: ozzzi
Нужна платная помощь с установкой?
Написать автору
Правила и возвраты
Оплатить по счету
- Описание
- Характеристики
- Отзывы (4)
- Файлы для скачивания
Совместимость:
OpenCart 2.3 OCStore 2.3
Модуль сжимает и объединяет JS и CSS-файлы шаблона, тем самым снижая количество запросов к серверу и увеличивает скорость загрузки страниц.
Совместимость: Opencart 2.3, OcStore 2.3 (не работает с включенным SeoPro)
Модуль сжимает стили и скрипты на следующих страницах: главная, страницы категорий товаров, страницы товаров. Для работы на других страницах нужно создавать соответствующие события.
- Модули/Расширения -> Установка расширений (или закачайте файлы на сервер)
- Активируйте модуль «Minify» в списке модулей
В файле catalog/controller/extension/module/minify.php есть два свойства: $exclude_js и $exclude_css, в которые нужно вписать файлы скриптов и стилей, которые нужно исключить из процесса склейки и минификации (содержат значения по-умолчанию, не вызывающие конфликтов в дефолтных системах).
-
JS-файлы содержат синтаксические ошибки. Например, файл common.js в Opencart содержит ошибки, связанные с отсутствием точки с запятой в Function Expression:
var f = function(. ) < /* тело функции */ >;
После редактирования CSS и JS-файлов нужно перейти в редактирование модуля и нажать кнопку очистки кеша.
Важное. Если на вашем сайте и так мало файлов стилей и подключенных скриптов, то вполне вероятно, что модуль не даст никаких преимуществ в скорости загрузки.
[Решено] Добавить в common.js переменную из language
На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.
Область работы JavaScript?
Добрый день уважаемые. Довольно часто при работе над чужими проектами (обычно на CMS OpenCart ) сталкиваюсь с проблемой, что код, который прописанный не прямо вот под реагирующим на него элементов не хочет отрабатывать. С чем это может быть связано? Приведу пример, есть 3 .tpl файла — header.tpl , main.tpl , footer.tpl и файл со скриптами common.js Бывает такое что мой скрипт, который я кладу в common.js не срабатывает. Зато если я его инлайново пропишу в header.tpl (допустим некий скрипт для навигации по сайту), то он срабатывает. С чем это может быть связано? В обоих случаях прописываю обработку скрипта только после полной загрузки страницы
$(document).ready(function () < . >) Отслеживать
2,677 1 1 золотой знак 14 14 серебряных знаков 22 22 бронзовых знака
задан 3 сен 2017 в 12:02
BlackStar1991 BlackStar1991
5,813 3 3 золотых знака 19 19 серебряных знаков 60 60 бронзовых знаков
Как правильно подключать CSS стили и JS скрипты в Opencart
В этой заметки расскажу, как стоит правильно подключать свои файлы стилей и скриптов.
Можно просто добавить свои строки в шаблон /catalog/view/theme/default/template/common/header.tpl таким образом:
Это простой и надежный вариант. Все подключения будут присутствовать на всех страницах. А где-то эти файлы и вовсе не будут задействованы, занимая таким образом лишнее место при загрузке страницы.
Также этот способ в будущем не даст вам возможность оптимизировать стили и скрипты, например сжать все в один файл автоматически.
Я рекомендую подключать файлы через контролер нужного нам класса. Например, чтобы подключить общие скрипты для всего сайта обращаемся к /catalog/controller/common/header.php.
$this->document->addScript('catalog/view/javascript/slick/slick.min.js'); $this->document->addStyle('catalog/view/javascript/slick/slick.css');Дальше просто в нужном классе подключаем нужные файлы.
В шаблоне шапки уже есть конструкция для вывода массива стилей и скриптов
" type="text/css" rel="" media="" /> ?> ?>