О шаблоне Frame
Система Frame - это современный мощный быстрый адаптивный шаблон для OpenCart 3.x, построенный на базе фреймворка Bootstrap 4.х, включающий в себя комплекс дополнительных модулей, настроек и программных решений, расширяющих базовый функционал движка и необходимых для полноценной работы современного интернет магазина.
Шаблон обладает продуманными юзабилити и интуитивно понятным интерфейсом, от которых напрямую зависит высокая конверсия интернет магазина. А чистый и аккуратный код значительно упростит задачу разработчику или владельцу магазина, который решит доработать шаблон в соответствии с индивидуальными требованиями.
Систему Frame можно эффективно использовать как в качестве самостоятельного шаблона так и в качестве основы для создания уникального дизайна вашего интернет-магазина.
Демонстрация шаблона
Обратите внимание! На демо-сайте представлено несколько популярных модулей сторонних авторов не входящих в состав шаблона, однако их файлы адаптации, уже интегрированы в сам шаблон. Эти модули, если они вам требуется, нужно приобретать отдельно у их авторов (
учитывайте версии модулей во избежание нестыковок). Весь остальной функционал и модули, представленные на демо включены в состав шаблона из коробки. Вот эти модули:
- Простая регистрация и заказ 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. Результаты которые мне удалось получить:
На скорость загрузки страницы значительное влияние оказывает такой фактор, как время ответа сервера, на котором расположен сайт. Т.к. я использую для своих нужд недорогой виртуальный хостинг, время отклика иногда может колебаться и влиять на результаты тестов, поэтому результаты измерений в разное время могут колебаться в пределах нескольких пунктов.
Валидность кода
Frame полностью валидный. Это значит, что html-код шаблона написан в полном соответствии со стандартами, разработанными
World Wide Web Consortium (W3C). Соблюдение правил, прописанных этим стандартом, является гарантией правильного отображения созданной страницы во всех популярных браузерах, а также отсутствию ошибок, влияющих на скорость загрузки и другие параметры сайта.
Как и в случае с проверкой скорости, валидность кода лучше проверять на
дополнительном демо-сайте, т.к. там, в отличии от основного демо, не установлено модулей от сторонних авторов, которые могут повлиять на "чистоту эксперимента". Для проверки валидности кода на официальном сайте W3C есть онлан-чекер расположенный на
официальном сайте организации.
Системные требования
На вашем хостинге должен быть установлен IonCube Loader версии не ниже 4.4 с PHP не ниже 5.4. У подавляющего большинства современных хостингов с этим проблем нет, но, на всякий случай, уточняйте эту информацию у вашего хостера перед покупкой. В остальном, системные требования шаблона идентичны требованиям Opencart.
Лицензия и условия использования
Шаблон реализуется по принципу: “одна лицензия = один домен + один тестовый домен”. Передача файлов шаблона третьим лицам (за исключением лиц задействованных в создании и администрировании лицензиированного сайта), или использование его на сайтах, не указанных в лицензионной записи, является нарушением лицензии. Автор оставляет за собой право аннулирования лицензии, при нарушении покупателем условий изложенных в этом тексте.
Техническая поддержка
Техническая поддержка доступна покупателям шаблона бесплатно, но осуществляется добровольно и не является обязанностью автора. Автор оставляет за собой право отказать в технической поддержке в случае не адекватного или хамского поведения со стороны обращающегося. Обязательным условием получения технической поддержки является соблюдение системных требований шаблона и системы Openсart. Техническая поддержка доступна только пользователям, числящимся в списке покупателей шаблона или их представителям, без исключений! При обращении за поддержкой указывайте версию движка, версию шаблона и прилагайте ссылку на проблемную страницу.
Условия покупки
Предметом сделки является шаблон в том виде, в котором он существует на момент покупки. Все последующие обновления доступны покупателям бесплатно, но являются лишь дополнением к покупке, а не ее неотъемлемой частью. Шаблон, как и любые другие цифровые товары, не подлежит возврату и обмену. Поэтому внимательно изучайте характеристики и особенности шаблона на соответствие вашим требованиям перед его покупкой. Покупая шаблон в любом из официальных источников вы соглашаетесь со всем вышеизложенным.
А что поменялось и улучшилось в новой версии?
Вроде с 5.2 аж до 7.4 перепрыгнули, а в описании скромно так...
Интересует не появилась ли возможность залипания строки "каталог - поиск - корзина".
Ну и вообще что нового. Демку открыл - с первого взгляда различий не нашел..
А как изменить отступы слева и справа, чтобы отступы были маленькими?
У меня почему-то они криво отображаются, всё смещено на мобильной версии.
Увы, не читал отзывы перед покупкой...
Ребят, кто-нибудь разобрался, как настраивать данный шаблон?
Настройки все проставил как в демо, но так и не вылез баннер, не отображаются новинки, ни популярные категории ... - в общем лично мне нифига непонятно, как его дальше настраивать.
Ну или может как вариант тут расписать всем, как вообще идет процесс настройки. Уже 7-й день пытаюсь настроить - кутагым да юк.
С точки зрения настройки шаблона оценка минимальная, а с виду отличный - думаю многие бы его использовали! Если бы смогли разобраться :)
Есть несколько вопросов:
1. Как включить залипание строки "каталог - поиск - корзина" к верхней части экрана при прокручивании страницы вниз?
2. На какие настройки обратить внимание для достижения максимальных показателей PageSpeed. Обратил внимание, что по дефолту отключена предзагрузка скриптов... Может что-то еще?
2. Не совсем понял суть вопроса. Есть смысл сначала сделать сайт, а потом уже оптимизировать ее под pagespeed, потому что в разных случаях, в зависимости от контента и настроек движка могут потребоваться разные настройки самого шаблона.