About This File
Лучший шаблон для мобильных устройств
Согласно исследованию развития розничной торговли в России проведенному в конце 2018 года компанией Яндекс, доля заказов, оформленных со смартфонов и планшетов удвоилась за последний год и продолжает стремительно расти. Игнорировать интересы мобильных покупателей - означает потерять значительную и быстро растущую долю рынка. К сожалению, в большинстве современных шаблонов для opencart "мобильная версия" реализована кое как, по принципу "лишь бы было". Покупать с мобильных устройств в магазинах реализованных на таких шаблонах очень не удобно, что подталкивает клиентов уходить к конкурентам.
В свою очередь, Frame создавался с прицелом на именно на удобное использование на телефонах и планшетах. В шаблоне реализован целый комплекс решений позволяющий представить клиентам вашу онлайн витрину в наиболее выгодном свете. Среди них: удобная сетка товаров, четкие изображения для устройств с высокой плотностью пикселей, удобное меню категорий, модальные окна корзины, быстрого просмотра и заказа, которые можно закрыть кнопкой "назад", удобное меню контактов в шапке сайта, высокая производительность шаблона и пр. При этом интерфейс для стационарных компьютеров и ноутбуков так же очень удобен и интуитивно понятен практически любому пользователю. А это, как известно, главное в дизайне интернет-магазина.
Frame это современный адаптивный шаблон для OpenCart 3.x, построенный на базе фреймворка Bootstrap 4 и включающий в себя целый комплекс дополнительных модулей, настроек и программных решений, необходимых для полноценной работы современного интернет магазина. Шаблон обладает продуманными юзабилити и интуитивно понятным интерфейсом, от которых, как известно, напрямую зависит высокая конверсия интернет магазина. А чистый и аккуратный код значительно упростит задачу разработчику, который решит доработать шаблон в соответствии с индивидуальными требованиями заказчика, или хозяину магазина, который захочет самостоятельно внести правки в код своего сайта. Frame можно успешно использовать как в качестве самостоятельного шаблона так и в качестве основы для создания уникального дизайна вашего интернет-магазина.
Дополнительный функционал, среди прочего, реализованный в шаблоне:
- микроразмертка карточки товара
- настраиваемая форма заказа обратного звонка
- модуль быстрого заказа товаров
- модуль быстрого просмотра товаров
- стильная popup корзина
- настраиваемые контакты в шапке сайта
- два дополнительных меню в шапке сайта
- настраиваемое меню категорий с функцией “амазон-меню”
- иконки платежных систем в подвале сайта
- интерактивная карта в подвале сайта (поддерживается api карт, как от Яндекс, так и от Google)
- ajax догрузка товаров в каталоге "Показать еще"
- Модуль карусели товаров с гибкими настройками
- настраиваемый "живой" поиск
- модальные окна, адаптированные под работу с мобильными устройствами
- ...
На момент написания этого текста шаблон имеет более 100 настроек и их число с каждым обновлением растет. Поэтому перечислять здесь их все не имеет смысла. Подробно ознакомится с возможностями шаблона можно в админ-панели демонстрационного сайта.
Демонстрация шаблона
- Главная страница
- Страница каталога
- Карточка товара
- Админ-панель (demo/demo)
Обратите внимание!
На демо сайте представлено 2 модуля не входящих в состав шаблона:
Обновление цены при выборе опции, без AJAX 4.1.4 (модуль совместим с шаблоном "из коробки")
OCFilter - Модуль фильтра товаров 4.7.5 (файлы адаптации модуля к шаблону есть в комплекте)
Модуль 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
Все тесты скорости проводились именно на вышеуказанном сайте. Результаты которые мне удалось получить:
На скорость загрузки страницы значительное влияние оказывает такой фактор, как время ответа сервера, на котом расположен сайт. Т.к. я использую для своих нужд недорогой виртуальный хостинг, время отклика иногда может колебаться и влиять на результаты тестов, поэтому результаты измерений в разное время могут колебаться в пределах нескольких пунктов.
Валидность кода - полное соответствие стандартам W3C
Термин «валидность кода» подразумевает под собой написание HTML-кода сайта в соответствии с стандартами, разработанными Консорциумом Всемирной Паутины - World Wide Web Consortium (W3C). Соблюдение правил, прописанных этим стандартом, является гарантией правильного отображения созданной страницы во всех популярных браузерах, а также отсутствию ошибок, влияющих на скорость загрузки и другие параметры сайта.
Для проверки валидности кода на официальном сайте W3C есть онлан-чекер расположенный по адресу https://validator.w3.org/
Как и в случае с проверкой скорости, валидность кода лучше проверять на демо сайте https://frame.xds.by/demo/pagespeed/, т.к. там, в отличии от основного демо сайта, не установлено модулей от сторонних авторов, которые могут повлиять на "чистоту эксперимента"
Ссылки на результаты проверки ключевых страниц шаблона:
Системные требования
На вашем хостинге должен быть установлен IonCube Loader версии не ниже 4.4 с PHP не ниже 5.4. У подавляющего большинства современных хостингов с этим проблем нет, но, на всякий случай, уточняйте эту информацию у вашего хостера перед покупкой. В остальном, системные требования шаблона идентичны требованиям opencart.
Лицензия / условия использования
Шаблон реализуется по принципу: “1 лицензия = 1 домен + 1 тестовый домен”
Техническая поддержка
Обязательным условием получения технической поддержки является соблюдение системных требований шаблона и OpenCart. Техническая поддержка доступна только пользователям, числящимся в списке покупателей шаблона. Без исключений! При обращении за поддержкой указывайте версию движка, версию шаблона и прилагайте ссылку на проблемную страницу.
Условия покупки
Предметом сделки является шаблон в том виде, в котором он существует на момент покупки. Все последующие обновления и техническая поддержка доступны покупателям бесплатно, но являются бонусом-дополнением к покупке, а не составной частью этой покупки. Шаблон, как и любые другие цифровые товары, не подлежит возврату и обмену. Покупая шаблон в любом из официальных источников вы соглашаетесь со всем вышеизложенным.