Совместимость |
OpenCart 3.0, OCStore 3.0 |
Лучший шаблон для мобильных устройств
Согласно исследованию развития розничной торговли в России проведенному в конце 2018 года компанией Яндекс, доля заказов, оформленных со смартфонов и планшетов удвоилась за последний год и продолжает стремительно расти. Игнорировать интересы мобильных покупателей - означает потерять значительную и быстро растущую долю рынка. К сожалению, в большинстве современных шаблонов для opencart "мобильная версия" реализована кое как, по принципу "лишь бы было". Покупать с мобильных устройств в магазинах реализованных на таких шаблонах очень не удобно, что подталкивает клиентов уходить к конкурентам.
В свою очередь, Frame создавался с прицелом на именно на удобное использование на телефонах и планшетах. В шаблоне реализован целый комплекс решений позволяющий представить клиентам вашу онлайн витрину в наиболее выгодном свете. Среди них: удобная сетка товаров, четкие изображения для устройств с высокой плотностью пикселей, удобное меню категорий, модальные окна корзины, быстрого просмотра и заказа, которые можно закрыть кнопкой "назад", удобное меню контактов в шапке сайта, высокая производительность шаблона и пр. При этом интерфейс для стационарных компьютеров и ноутбуков так же очень удобен и интуитивно понятен практически любому пользователю. А это, как известно, главное в дизайне интернет-магазина.
Описание шаблона
Frame это современный адаптивный шаблон для OpenCart 3.x, построенный на базе фреймворка Bootstrap 4 и включающий в себя целый комплекс дополнительных модулей, настроек и программных решений, необходимых для полноценной работы современного интернет магазина. Шаблон обладает продуманными юзабилити и интуитивно понятным интерфейсом, от которых, как известно, напрямую зависит высокая конверсия интернет магазина. А чистый и аккуратный код значительно упростит задачу разработчику, который решит доработать шаблон в соответствии с индивидуальными требованиями заказчика, или хозяину магазина, который захочет самостоятельно внести правки в код своего сайта. Frame можно успешно использовать как в качестве самостоятельного шаблона так и в качестве основы для создания уникального дизайна вашего интернет-магазина.
Дополнительный функционал, среди прочего, реализованный в шаблоне:
- микроразмертка карточки товара
- настраиваемая форма заказа обратного звонка
- модуль быстрого заказа товаров
- модуль быстрого просмотра товаров
- стильная popup корзина
- настраиваемые контакты в шапке сайта
- два дополнительных меню в шапке сайта
- настраиваемое меню категорий с функцией “амазон-меню”
- иконки платежных систем в подвале сайта
- интерактивная карта в подвале сайта (поддерживается api карт, как от Яндекс, так и от Google)
- ajax догрузка товаров в каталоге "Показать еще"
- Модуль карусели товаров с гибкими настройками
- настраиваемый "живой" поиск
- модальные окна, адаптированные под работу с мобильными устройствами
- ...
На момент написания этого текста шаблон имеет более 100 настроек и их число с каждым обновлением растет. Поэтому перечислять здесь их все не имеет смысла. Подробно ознакомится с возможностями шаблона можно в админ-панели демонстрационного сайта.
Демонстрация шаблона
Обратите внимание!
На демо сайте представлено 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. Техническая поддержка доступна только пользователям, числящимся в списке покупателей шаблона. Без исключений! При обращении за поддержкой указывайте версию движка, версию шаблона и прилагайте ссылку на проблемную страницу.
Условия покупки
Предметом сделки является шаблон в том виде, в котором он существует на момент покупки. Все последующие обновления и техническая поддержка доступны покупателям бесплатно, но являются бонусом-дополнением к покупке, а не составной частью этой покупки. Шаблон, как и любые другие цифровые товары, не подлежит возврату и обмену. Покупая шаблон в любом из официальных источников вы соглашаетесь со всем вышеизложенным.
А что поменялось и улучшилось в новой версии?
Вроде с 5.2 аж до 7.4 перепрыгнули, а в описании скромно так...
Интересует не появилась ли возможность залипания строки "каталог - поиск - корзина".
Ну и вообще что нового. Демку открыл - с первого взгляда различий не нашел..
А как изменить отступы слева и справа, чтобы отступы были маленькими?
У меня почему-то они криво отображаются, всё смещено на мобильной версии.
Увы, не читал отзывы перед покупкой...
Ребят, кто-нибудь разобрался, как настраивать данный шаблон?
Настройки все проставил как в демо, но так и не вылез баннер, не отображаются новинки, ни популярные категории ... - в общем лично мне нифига непонятно, как его дальше настраивать.
Ну или может как вариант тут расписать всем, как вообще идет процесс настройки. Уже 7-й день пытаюсь настроить - кутагым да юк.
С точки зрения настройки шаблона оценка минимальная, а с виду отличный - думаю многие бы его использовали! Если бы смогли разобраться :)
Есть несколько вопросов:
1. Как включить залипание строки "каталог - поиск - корзина" к верхней части экрана при прокручивании страницы вниз?
2. На какие настройки обратить внимание для достижения максимальных показателей PageSpeed. Обратил внимание, что по дефолту отключена предзагрузка скриптов... Может что-то еще?
2. Не совсем понял суть вопроса. Есть смысл сначала сделать сайт, а потом уже оптимизировать ее под pagespeed, потому что в разных случаях, в зависимости от контента и настроек движка могут потребоваться разные настройки самого шаблона.
2. Уточняю. Есть общие настройки, которые однозначно рекомендованы для ускорения сайта. Прелоад, минификация... Некоторые из этих очевидных настроек у вас по дефолту отключены. вот я и спрашиваю на что еще обратить внимание (что однозначно нужно включить из того, что по дефолту отключено). Предыдущий ответ я понял. Если нечего добавить то ответа не требуется.
Ну вроде загрузил, прошел все пункты инструкции. Отрываем сайт - черт... ну теперь я понимаю того парня, который писал в отзывах на эту тему. Отсутствие хотя бы каких-то демо-данных превращает сайт в полное аж страшно смотреть. Ну а куда деваться - меня же предупреждали? предупреждали. Ладно. Будем дальше вгрызаться. Идем в админку. Смотрим в описании логин-пароль(админ-админ) - хер. Ах ну да. Я же уже это спрашивал и мне отвечали что пароль (demo/demo
) И не важно что в описании написано admin/admin
И вот тут я завис и не понимаю что дальше делать - в админке вроде что-то поменялось. То ли в прошлый раз на меня нашло какое-то божественное озарение и я нашел где настраивать шаблон. А сейчас ну хоть ты тресни - не найду. Ну возможно текущее время повлияло. Но с другой стороны в предыдущих шаблонах в любое время суток всегда можно было найти пункт "настройки шаблона"...
В общем пункт инструкции "Теперь вы можете настроить его и ваш магазин в соответствии с вашими потребностями и особенностями вашего бизнеса." требует пояснений...
Ниже фото сайта из коробки. Как говорится найдите 10 сходств с демкой...