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

Совместимость

OpenCart 3.0, OCStore 3.0

Лучший шаблон для мобильных устройств

Согласно исследованию развития розничной торговли в России проведенному в конце 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
Все тесты скорости проводились именно на вышеуказанном сайте. Результаты которые мне удалось получить:
 

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

На скорость загрузки страницы значительное влияние оказывает такой фактор, как время ответа сервера, на котом расположен сайт. Т.к. я использую для своих нужд недорогой виртуальный хостинг, время отклика иногда может колебаться и влиять на результаты тестов, поэтому результаты измерений в разное время могут колебаться в пределах нескольких пунктов.
 
Валидность кода - полное соответствие стандартам 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. Техническая поддержка доступна только пользователям, числящимся в списке покупателей шаблона. Без исключений! При обращении за поддержкой указывайте версию движка, версию шаблона и прилагайте ссылку на проблемную страницу.
 
Условия покупки

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

1.7.4
- исправления и улучшения

1.5.2
- исправлена ошибка ogImage в карточке товара

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

1.5.0
- добавлен режим "каталог"
- добавлена возможность отключать попап корзину при добавлении товара из списка
- другие мелкие исправления и улучшения

1.4.9
- исправлена ошибка вызывающая появление нотиса в настройках сопутствующих шаблону модулей

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

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

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

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

1.4.4
- добавлены файлы адаптации модуля simple v4.10.4 (полная интеграция с поддержкой всех настроек модуля)
- добавлен режим просмотра товаров в каталоге "крупная сетка"
- добавлена возможность задать режим отображения товаров в каталоге "по умолчанию"
- отложенная загрузка изображений в каталоге (положительно влияете на скорость загрузки страниц каталога)
- другие мелкие исправления и улучшения

1.4.3
- исправление ошибок, мелкие улучшения

1.4.2
- стикеры в быстром просмотре 
- полный рефакторинг кода и небольшие изменения в во всех комплектных модулях
- добавлен редактор цветовых схем с полным контролем над всеми цветами в шаблоне
- добавлен брейкпоинт для широкоформатных мониторов (> 1400px)
- другие исправления и улучшения

1.4.1
- обновлены jquery и bootstrap
- значительно увеличена скорость и производительность шаблона
- отказ от поддержки ie, в силу его морального устаревания
- полный рефакторинг кода шаблона
- другие исправления и улучшения

1.3.6
- добавлен модуль "стена категорий"
- добавлена возможность добавлять карту в футер не только по api но и в виде кода
- добавлен мод для поддержки изображений в формате WebP (см. FAQ)
- мелкие исправления и улучшения

1.3.5
- добавлена возможность отображать статус наличия на страницах каталога в превьюшке товара
- добавлена возможность выбрать опции товара при добавлении в корзину из каталога и других страниц (в popup окне)
- добавлена возможность включить дополнительный таб с информацией у товаров
- добавлена возможность отображать дополнительные поля (sku, jan, ean и пр.) у товаров, если они не задействованы в качестве стикеров
- дополнена микроразметка карточки товара
- добавлена микроразметка для статьи блога и некоторых сущностей на других страницах шаблона  
- добавлена возможность выводить ссылку на форму обратного звонка вместо текстовой подсказки под номером телефона в шапке сайта
- вывод отзывов на страницу товара без ajax с микроразметкой
- заменён плагин каруселей во всех модулях и на всех страницах шаблона
- мелкие исправления и улучшения

1.3.4
- изменён дизайн модуля "последние отзывы"
- изменён разделитель для коротких описаний товаров
- добавлена возможность разделять описания категорий и производителей на 2 части (до и после блока товаров) для более гибкой seo оптимизации страниц
- мелкие исправления и улучшения

1.3.3
- добавлен модуль "карусель новостей" (ocStore)
- добавлен функционал отображения категорий и подкатегорий на страницах блога (ocStore)
- добавлена кнопка "показать еще" с ajax погрузкой статей для блога (ocStore)
- добавлена возможность включить и отключить четкие изображения для устройств в высокой плотностью пикселей
- появилась возможность добавлять короткие описания товарам с поддержкой html
- мелкие исправления и улучшения

1.3.2
- добавлен модуль показа последних или случайных отзывов
- добавлена поддержка блога ocStore а так же всех сопутствующих модулей
- большой пакет исправлений и улучшений

1.3.0
- обновлен Bootstrap до версии 4.2.1 и jQuery до версии 3.3.1
- добавлена микроразметка в карточку товара
- добавлена возможность включать и выключать отображения кнопок выбора количества в быстром заказе
- мелкие исправления и улучшения

1.2.9
- улучшена производительность шаблона
- мелкие исправления и улучшения

1.2.5
- добавлена адаптация модуля Ocfilter
- добавлена кнопка быстрого заказа в окне быстрого просмотра
- мелкие исправления и улучшения

1.2.4
- добавлена возможность использовать в футере карты от Яндекс
- мелкие исправления и улучшения

1.2.3
- добавлена возможность включать отображение картинок дочерних категорий в каталоге
- добавлена кнопка возврата вверх страницы
- добавлена возможность подключать из админ панели иконочный шрифт font awesome (этот шрифт отсутствовал в более ранних версиях шаблона)
- добавлена возможность использовать svg или html логотип
- добавлена возможность изменять лимит отображаемых кратких характеристик в карточке товара
- и другие мелкие исправления и улучшения

1.2.1
- добавлен модуль "живого" поиска
- мелкие доработки

1.1.4
- мелкие исправления и доработки

1.1.3
- мелкие исправления и доработки

1.1.2
- расширен функционал шаблона
- добавлен настраиваемый прелодер страниц
- добавлена возможность использовать пользовательские css в настройках шаблона
- добавлена возможность использовать векторные иконки в списке категорий
- добавлена возможность отключать кнопку "купить" и выводить на нее произвольный текст если товара нет в наличии
- прочие мелкие исправления и доработки

Основное
Способ распространения	Платно
Совместимость	OpenCart 3.0, OCStore 3.0
VQmod	Нет
Ocmod	Да
Events	Нет
Статистика
В первый раз файл добавлен	03.05.2018
Последнее изменение	24.04.2023
Просмотров	26941
Покупок	138

Написать

Ваше Имя:


Ваш отзыв: Внимание: HTML не поддерживается! Используйте обычный текст.

Оценка: Плохо           Хорошо

Введите код, указанный на картинке:

Файлы будут доступны после покупки