Frame - швидко реагуючий шаблон для OpenCart 3

Про шаблон Frame

Система Frame - це сучасний, потужний, швидкий адаптивний шаблон для OpenCart 3.x, побудований на фреймворку Bootstrap 4.x, що включає набір додаткових модулів, налаштувань і програмних рішень, які розширюють базову функціональність движка і необхідні для повноцінної роботи сучасного інтернет-магазину. 

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

Систему Frame можна ефективно використовувати як самостійний шаблон, так і як основу для створенняунікальний дизайн вашого інтернет-магазину. 

Демонстрація шаблону

• Домашня
• Каталог__B BCODE_15__
• Product__BBCODE _20__
• Стаття у блозі
• Admika: __BBCODE _34__demo[/color]|demo

[b]Зверніть увагу! Демо-сайт містить декілька популярних модулів від сторонніх авторівне включені в шаблон, але їхні файли адаптації вже інтегровані в сам шаблон. Ці модулі, якщо вони вам потрібні, необхідно придбати окремо у їх авторів (враховуйте версії модулів, щоб уникнути невідповідностей). Усі інші функції та модулі, представлені в демоверсії, включені в шаблон із коробки. Це модулі:

• Проста реєстрація та замовлення Simple 4.10.4
• Модуль фільтрації продуктів OCFilter 4.7.5
• HYPER Динамічна ціна опцій 4.1.13

Зосередьтеся на мобільних пристроях

Згідно з дослідженням розвитку роздрібної торгівлі в Росії, проведеним у 2023 році Яндексом, частка покупок зі смартфонів і планшетів продовжує зростати івже перевищив 67%. Ігнорування інтересів мобільних покупців означає втрату значної частки ринку, яка швидко зростає. На жаль, в більшості сучасних шаблонів для opencart «мобільна версія» реалізована якось, за принципом «якби це було». Купувати з мобільних пристроїв в магазинах, реалізованих на таких шаблонах, дуже незручно, що штовхає клієнтів йти до конкурентів.

Система Frame була створена з розрахунком на зручне використання на телефонах і планшетах. У шаблоні реалізований цілий набір рішень, які дозволяють представити Вашу інтернет-вітрину клієнтам у найбільш вигідному світлі. Серед них: зручна сітка товарів, чіткі зображення для пристроїв з високою щільністю пікселів, зручне меню категорій, модальні вікна кошика, швидкий перегляд ізамовлення, які можна закрити кнопкою «назад» у браузері, зручне контактне меню в шапці сайту, висока продуктивність шаблону та ін. При цьому інтерфейс для настільних комп’ютерів і ноутбуків також дуже зручний та інтуїтивно зрозумілий практично будь-якому користувачеві.

Додаткові функції

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

Окрім іншого, шаблон реалізує:

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

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

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

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

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

Перераховані вище фактори споживають значну частку ресурсів і не дають можливості показати реальну швидкість роботи шаблону.
Щоб виключити всі перераховані вище фактори і продемонструвати реальну швидкість роботи шаблону, був створений окремий [url=https://frame.xds.by/demo/pagespeed/]додатковий демо-сайт, на якому встановлено чистий движок і чистий шаблон, ідентичний тому, що отримує кожен покупець. На цьому демо-сайті функціональні можливості, які потребують завантаження зовнішніх ресурсів, були вимкнені, кешування статичних ресурсів у браузері клієнта було ввімкнено на сервері, як рекомендовано службою PageSpeed, а зображення продуктів оптимізовано за допомогою безкоштовної утиліти FileOptimizer. Результати, які мені вдалося отримати: 

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

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

Дійсність коду

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

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

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

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

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

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

1.7.4
- виправлення та покращення

1.5.2
- виправлена помилка ogImage у картці товару

1.5.1
- повернуто функцію автозаповнення
- категорія wall 2 режими відображення на вибір
- додана можливість відображення додаткових полів для товарів у каталозі
- 2 режими відображення контактів в шапці сайту для пристроїв з маленькими екранами
- інші виправлення та покращення

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

1.4.9
- виправлено помилку, через яку в налаштуваннях модулів, що супроводжують шаблон, з’являлося повідомлення

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

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

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

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

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

1.4.3
- виправлення помилок, незначні покращення

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

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

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

1.3.5
- додана можливість відображення статусу наявності на сторінках каталогу в попередньому перегляді товару
- додана можливість вибору варіантів товару при додаванні в кошик з каталогу та інших сторінок (у спливаючому вікні)
- додана можливість включення додаткової вкладки з інформацією про товари
- додано можливість відображення додаткових полів (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 font awesome з панелі адміністратора (цей шрифт був відсутній в попередніх версіях шаблону)
- додана можливість використовувати svg або html логотип
- додана можливість зміни ліміту коротких характеристик, що відображаються в картці товару
- та інші дрібні виправлення та покращення

1.2.1
- додано модуль «живого» пошуку
- незначні поліпшення

1.1.4
- незначні виправлення та покращення

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

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

Написати відгук

Ваше Ім’я:


Ваш відгук: Примітка:HTML теги не дозволені! Використовуйте звичайний текст.

Рейтинг Погано           Добре

Введіть код, вказаний на зображенні:

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