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 створювалася з прицілом для зручного використання на телефонах і планшетах. У шаблоні реалізований цілий комплекс рішень, що дозволяє представити клієнтам вашу онлайн вітрину в найбільш вигідному світлі. Серед них: зручна сітка товарів, чіткі зображення для пристроїв з високою щільністю пікселів, зручне меню категорій, модальні вікна кошика, швидкого перегляду та замовлення, які можна закрити кнопкою "назад" у браузері, зручне меню контактів у шапці сайту, висока продуктивність шаблону та пр. При цьому інтерфейс для стаціонарних комп'ютерів та ноутбуків також дуже зручний та інтуїтивно зрозумілий практично будь-якому користувачеві.

Додатковий функціонал

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

Серед іншого, у шаблоні реалізовано:

• мікророзмітка у картці товару
• форма замовлення зворотного дзвінка, що настроюється
• модуль швидкого замовлення товарів
• модуль швидкого перегляду товарів
• функціональний кошик в окремому модальному вікні
• контакти, що настроюються в шапці сайту
• два додаткових меню у шапці сайту
• меню категорій, що настроюється, з функцією “амазон-меню”
• інтерактивна карта у підвалі сайту
• ajax підвантаження товарів у каталозі "Показати ще"
• Модуль каруселі товарів з гнучкими налаштуваннями
• "живий" пошук, що гнучко налаштовується
• модальні вікна, адаптовані під роботу з мобільними пристроями
• стікери для прев'ю товарів у каталозі
• гнучке управління колірними схемами
• багато інших функцій

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

Продуктивність шаблону

Вимірювати швидкість завантаження сторінки на основному демо недоцільно з кількох причин:

• На цьому демо-сайті регулярно проводяться різноманітні технічні роботи, оновлюється інформація та зображення, оптимізувати яких у мене не завжди є можливість.
• У шаблоні є дод. функціонал, що вимагає підключення зовнішніх ресурсів, таких як веб-шрифти, API карт тощо. На швидкість я вплинути не можу, як би я цього не хотів, а показати їх можливості потрібно.
• На основному демо-сайті підключено різного роду аналітики, що вимагають також підключення зовнішніх ресурсів, для контролю конверсії та аналізу поведінки відвідувачів.
• На цьому демо-сайті, серед іншого, встановлені модулі від сторонніх розробників для демонстрації їх спільної з шаблоном роботи. Швидкість роботи цих модулів знаходиться поза контролем шаблону.

Перераховані вище фактори з'їдають значну частку ресурсів і не дають можливості показати реальну швидкість роботи саме шаблону.
З метою виключити всі вищезгадані фактори та продемонструвати реальну швидкість роботи шаблону, було створено окремий додатковий демо-сайт, на якому були встановлені чистий двигун та чистий шаблон, ідентичний тому, що отримує кожен покупець. На цьому демо-сайті був відключений функціонал, що вимагає завантаження зовнішніх ресурсів, на сервері було включено кешування статичних ресурсів у браузері клієнта, як рекомендує сервіс PageSpeed, а зображення товарів були оптимізовані за допомогою безкоштовної утиліти FileOptimizer. Результати, які мені вдалося отримати:

• Для компьютеров 100 из 100
• Для мобільних пристроїв 99 із 100

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

Валідність коду

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

Як і у випадку з перевіркою швидкості, валідність коду краще перевіряти на додатковому демо-сайті, т.к. там, на відміну від основного демо, не встановлено модулів від сторонніх авторів, які можуть вплинути на чистоту експерименту. Для перевірки валідності коду на офіційному сайті W3C є онлан-чекер розташований на офіційному сайті організації.
 
Системні вимоги

На вашому хостингу має бути встановлений IonCube Loader версії не нижче 4.4 з PHP не нижче 5.4. Переважна більшість сучасних хостингів із цим проблем не має, але, про всяк випадок, уточнюйте цю інформацію у вашого хостера перед покупкою. В іншому, системні вимоги шаблону ідентичні вимогам Opencart.
 
Ліцензія та умови використання

Шаблон реалізується за принципом: “одна ліцензія = один домен + один тестовий домен”. Передача файлів шаблону третім особам (за винятком осіб задіяних у створенні та адмініструванні ліцензійного сайту), або використання його на сайтах, не зазначених у ліцензійному записі, є порушенням ліцензії. Автор залишає за собою право анулювання ліцензії при порушенні покупцем умов викладених у цьому тексті.
 
Технічна підтримка

Технічна підтримка доступна покупцям шаблону безкоштовно, але здійснюється добровільно і не є обов'язком автора. Автор залишає за собою право відмовити у технічній підтримці у разі не адекватної чи хамської поведінки з боку звертається. Обов'язковою умовою отримання технічної підтримки є дотримання системних вимог шаблону та системи Openсart. Технічна підтримка доступна лише користувачам, які перебувають у списку покупців шаблону або їх представникам, без винятків! При зверненні за підтримкою вказуйте версію движка, версію шаблону та додайте посилання на проблемну сторінку.
 

Умови покупки

Предметом угоди є шаблон у вигляді, у якому існує на момент покупки. Усі подальші оновлення доступні покупцям безкоштовно, але є лише доповненням до покупки, а не її невід'ємною частиною. Шаблон, як і будь-які інші цифрові товари, не підлягає поверненню та обміну. Тому уважно вивчайте характеристики та особливості шаблону на відповідність вашим вимогам перед його покупкою. Купуючи шаблон у будь-якому з офіційних джерел, ви погоджуєтесь з усім вищевикладеним.