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

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

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

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

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

Главная

Каталог

Товар

Статья в блоге

Адмика: demo|demo

Обратите внимание! На демо-сайте представлено несколько популярных модулей сторонних авторов не входящих в состав шаблона, однако их файлы адаптации, уже интегрированы в сам шаблон. Эти модули, если они вам требуется, нужно приобретать отдельно у их авторов (учитывайте версии модулей во избежание нестыковок). Весь остальной функционал и модули, представленные на демо включены в состав шаблона из коробки. Вот эти модули:

Простая регистрация и заказ Simple 4.10.4

Модуль фильтра товаров OCFilter 4.7.5

HYPER Dynamic price of options 4.1.13

Акцент на мобильные устройства

Согласно исследованию развития розничной торговли в России проведенному в 2023 году компанией Яндекс, Доля покупок со смартфонов и планшетов продолжает расти и уже превысила 67 %. Игнорировать интересы мобильных покупателей - означает потерять значительную и быстро растущую долю рынка. К сожалению, в большинстве современных шаблонов для opencart "мобильная версия" реализована кое как, по принципу "лишь бы было". Покупать с мобильных устройств в магазинах реализованных на таких шаблонах очень не удобно, что подталкивает клиентов уходить к конкурентам.

Система Frame создавалась с прицелом на удобное использование на телефонах и планшетах. В шаблоне реализован целый комплекс решений позволяющий представить клиентам вашу онлайн витрину в наиболее выгодном свете. Среди них: удобная сетка товаров, четкие изображения для устройств с высокой плотностью пикселей, удобное меню категорий, модальные окна корзины, быстрого просмотра и заказа, которые можно закрыть кнопкой "назад" в браузере, удобное меню контактов в шапке сайта, высокая производительность шаблона и пр. При этом интерфейс для стационарных компьютеров и ноутбуков также очень удобен и интуитивно понятен практически любому пользователю.

Дополнительный функционал

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

Cреди прочего, в шаблоне реализовано:

мощный редактор цветовых схем

микроразметка в карточке товара

настраиваемая форма заказа обратного звонка

модуль быстрого заказа товаров

модуль быстрого просмотра товаров

функциональная корзина в отдельном модальном окне

настраиваемые контакты в шапке сайта

два дополнительных меню в шапке сайта

настраиваемое меню категорий с функцией “амазон-меню”

интерактивная карта в подвале сайта

ajax подгрузка товаров в каталоге "Показать ещё"

Модуль карусели товаров с гибкими настройками

гибко настраиваемый "живой" поиск 

модальные окна, адаптированные под работу с мобильными устройствами

стикеры для превью товаров в каталоге

гибкое управление цветовыми схемами

многие другие функции

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

Производительность шаблона

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

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

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

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

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

Вышеперечисленные факторы съедают значительную долю ресурсов и не дают возможности показать реальную скорость работы именно шаблона.
С целью исключить все вышеперечисленные факторы и продемонстрировать реальную скорость работы шаблона, был создан отдельный дополнительный демо-сайт, на которой были установлены чистый движок и чистый шаблон, идентичный тому что получает каждый покупатель. На этом демо-сайте был отключен функционал требующий загрузки внешних ресурсов, на сервере было включено кэширование статических ресурсов в браузере клиента, как рекомендует сервис PageSpeed, а изображения товаров были оптимизированы с помощью бесплатной утилиты FileOptimizer. Результаты которые мне удалось получить: 

Для компьютеров 100 из 100

Для мобильных устройств 99 из 100

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

Валидность кода

Frame полностью валидный. Это значит, что html-код шаблона написан в полном соответствии со стандартами, разработанными World Wide Web Consortium (W3C). Соблюдение правил, прописанных этим стандартом, является гарантией правильного отображения созданной страницы во всех популярных браузерах, а также отсутствию ошибок, влияющих на скорость загрузки и другие параметры сайта.