Шаблон Frame - быстрый адаптивный шаблон для OpenCart 3 на Bootstrap 4

[coper]

​

Frame это современный адаптивный шаблон для OpenCart 3.x, построенный на базе фреймворка Bootstrap 4 и включающий в себя целый комплекс дополнительных модулей, настроек и программных решений, необходимых для полноценной работы современного интернет магазина.

Шаблон обладает продуманными юзабилити и интуитивно понятным интерфейсом, от которых, как известно, напрямую зависит высокая конверсия интернет магазина. А чистый и аккуратный код значительно упростит задачу разработчику, который решит доработать шаблон в соответствии с индивидуальными требованиями заказчика, или хозяину магазина, который захочет самостоятельно внести правки в код своего сайта.

Frame можно успешно использовать как в качестве самостоятельного шаблона так и в качестве основы для создания уникального дизайна вашего интернет-магазина.

Дополнительный функционал, среди прочего, реализованный в шаблоне:

• встроенный редактор цветовых схем (полный контроль над всеми цветами сайта из админ-панели)
• микро-разметка основных страниц сайта
• настраиваемая форма заказа обратного звонка
• модуль быстрого заказа товаров
• модуль быстрого просмотра товаров
• настраиваемые стикеры для товаров
• стильная popup корзина
• настраиваемые контакты в шапке сайта
• дополнительные меню в шапке сайта
• мега-меню категорий с функцией “амазон-меню”
• интерактивная карта в подвале сайта (поддерживается карты любых сервисов на ваш вкус)
• бесконечная подгрузка товаров в каталоге "Показать еще"
• модуль: карусели товаров с гибкими настройками
• модуль: карусель последних и случайных отзывов
• модуль: преимущества магазина
• модуль: баннеры, карусели, слайд-шоу (с возможностью тонкой настройки под свои нужды)
• модуль: карусели последних или случайных новостей
• модуль: стена/карусель категорий
• настраиваемый "живой" поиск с грамотно реализованным функционалом
• модальные окна, адаптированные под работу с мобильными устройствами
• ...

На момент написания этого текста шаблон имеет больше сотни полезных настроек, и их число с каждым обновлением растет. Поэтому перечислять здесь их все не имеет смысла. Подробно ознакомится с возможностями шаблона можно в админ-панели и витрине демонстрационного сайта

Демонстрация шаблона​

• Главная страница
• Страница каталога
• Карточка товара
• Панель администратора (доступ: demo/demo)

Обратите внимание! На демо представлено несколько модулей, которые не входят в состав шаблона, для демонстрации особенностей их интеграции в шаблон:

1. Обновление цены при выборе опции, без AJAX 4.1.4 (модуль совместим с шаблоном "из коробки")
2. OCFilter - Модуль фильтра товаров 4.7.5 (файлы адаптации интегрированы в шаблон)
3. Модуль Simple - упрощенная регистрация и заказ 4.10.4 (файлы адаптации интегрированы в шаблон)

В комплекте есть только файлы адаптации этих модулей к шаблону. Сами модули, если они вам требуется, нужно приобретать отдельно у их авторов. Все остальные модули и функционал, которые представлены на демо сайте входят непосредственно в состав шаблона.

Производительность - PageSpeed Insights 100/100 *​

* что такое PageSpeed Insights и как проводились измерения?

Общая информация о сервисе

PageSpeed Insights - это популярный сервис для оценки скорости сайта от Google.

12 ноября 2018 г. Google полностью обновил свой продукт PageSpeed Insights: серьёзно изменились алгоритмы выставления оценок. Самое главное теперь с точки зрения оценки — скорость работы сайта для пользователя. Важна не скорость ответа сервера, а время, через которое пользователь может начать взаимодействовать со страницей.

Если раньше показатели в тестах PageSpeed были не очень важны для реального сайта, то теперь скорость загрузки страниц учитывается при ранжировании в результатах поиска: при прочих равных параметрах, быстрые сайты будут показаны выше медленных. Теперь "отмазки" авторов шаблонов в духе "я не оптимизирую код своего шаблона, потому что это бессмысленная трата времени" не выдерживают критики.

Как проводились измерения cкорости загрузки шаблона XDS Frame Theme

Измерять скорость загрузки страницы на основном демо сайте я считаю нецелесообразным по следующим причинам:

• На этом демо сайте регулярно проводятся разного рода технические работы, обновляется информация и изображения, заниматься оптимизацией которых у меня не всегда есть время.
• Также в шаблоне есть расширенный функционал, который требует подключения внешних ресурсов, например веб-шрифтов или API карт от Яндекса и Гугла. На скорость их работы я, к сожалению, повлиять не могу, как бы мне этого не хотелось, а продемонстрировать их возможности потенциальным покупателям нужно.
• На этом демо сайте подключены разного рода аналитики, требующие подключения внешних ресурсов, для контроля конверсии и анализа поведения потенциальных покупателей шаблона.
• На этом демо сайте, в числе прочего, установлены модули от сторонних разработчиков, для демонстрации их совместной с шаблоном работы. Скорость работы этих модулей находится вне компетенции шаблона.

Вышеперечисленные факторы съедают ощутимую долю ресурсов и не дают возможности показать реальную скорость работы самого шаблона.

Поэтому, с целью продемонстрировать реальную скорость работы шаблона, был создан отдельный демо сайт по адресу https://frame.xds.by/demo/pagespeed/, на которой были установлены коробочная, не модифицированная, версия движка и коробочная, не модифицированная, версия шаблона (абсолютно такую же копию шаблона получают все покупатели). На этом демо сайте был отключен функционал требующий загрузки внешних ресурсов, на сервере было включено кэширование статических ресурсов в браузере клиента, как рекомендует сервис PageSpeed, а изображения товаров были оптимизированы с помощью бесплатной программы FileOptimizer

Все тесты скорости проводились именно на вышеуказанном сайте. Результаты которые мне удалось получить:

• 100/100 для настольных компьютеров
• 99/100 для мобильных устройств

На скорость загрузки страницы значительное влияние оказывает такой фактор, как время ответа сервера, на котом расположен сайт. Т.к. я использую для своих нужд недорогой виртуальный хостинг, время отклика иногда может колебаться и влиять на результаты тестов, поэтому результаты измерений в разное время могут колебаться в пределах нескольких пунктов.

СКАЧАТЬ Frame Theme v1.5.2 Opencart