[Поддержка] Accordion & Tabs - конструктор контенту Opencart

[Seriusis]

Давайте по порядку

В 08.10.2024 в 11:36, mrfoggg сказав:

Заглянув в LightHous і тепер випіилюю все зайве ( і точно не радий додатковим автомномним зайвим строкам).

по перше автономні ресурси займають 55кб, і їх не обов'язково підключати, там є опція. І це лише мова про декілька типів: вкладки, акоредони та панелі. Для інших типів взагалі це не стосується.

 

А по друге у всіх модулів є свої стилі, без цього ніяк. А модуль підключає лише потрібний файл стилів (це 2-3кб) для конкретного типу блоку (а не усе відразу) і загальні js це 5 кб. До 10 кб все. Багато? 

Ну тоді подивіться, скільки ресурсів підключають інші модулі або ваш шаблон. Можливо для вас це буде сюрпризом. Або візьмість знайдіть модулі, які закривають весь усі або хоча б 50% можливостей мого модуля, поставте на сайт і все на одну сторінку і тоді рахуйте. Там уже буде не в кілобайтах а в мегабайтах. У мене ж все враховано, бо зроблено у одній системі та оптимізовано.

 

Лише для слайдеру, якщо він є, тягнеться бібліотека slick.js, яка займає 60кб. І те, якщо у шаблоні він є, то теж є опція не підключати її модулем.

 

А демо немає сенсу тестувати Lighthouse. Ви бачили, скільки там блоків різного типу і графіки на одній сторінці? То демо, а не продакшн сайт.

В 08.10.2024 в 11:36, mrfoggg сказав:

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

хто вам таке сказав? усе буде чудово працювати. Саме мій модуль. Якщо у вас в шаблоні чи інших модулів є залежності, то інше питання. Тоді можуть бути помилки js, які блокують виконання коду

 

В 08.10.2024 в 11:36, mrfoggg сказав:

старого я навіть незнаю якого року актуальності

ні новий ні старий bootstrap модуль не підключає. Чому ви так вирішили? 

Тобто ви або не підключаєте автоновні js, і все працює на вашій версії bootstrap, яка у вас в шаблоні, або підключаєте, і працює за допомогою скриптів із модуля.

 

Не розумію, як ви можете робити якісь такі висновки 

Але прошу не вводити в оману інших користувачів модуля. А на конкретні питання по суті готовий відповісти

 

[mrfoggg]

епрст. Мені знову на робочоому сайті всі галки підряд вклбчати щоб показати скильки гівна підьтягне на фронмт

[mrfoggg]

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

[mrfoggg]

і так ваш модулб тягне 3 бустрам якщо включити автономні жс, бутрсрам і так срам а коли його два бутстрами взагалі треш. Один тягне 70% зібраного жсу з двома майже все одні бутрсамиЮ один з них 3й. Якщо не включати автономні жс то одні заоголовки від ваших гармошок.

Не треба робити з мене дебіла

Змінено 8 жовтня 2024 користувачем mrfoggg

[mrfoggg]

https://drive.google.com/drive/folders/1qHFY0K1Zh5gt4aGCwaMjhRvZHsZMGpSm?usp=sharing

[mrfoggg]

В 08.10.2024 в 13:08, Seriusis сказав:

А модуль підключає лише потрібний файл стилі

 

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

[Seriusis]

В 08.10.2024 в 15:17, mrfoggg сказав:

і так ваш модулб тягне 3 бустрам якщо включити автономні жс, бутрсрам і так срам а коли його два бутстрами взагалі треш. Один тягне 70% зібраного жсу з двома майже все одні бутрсамиЮ один з них 3й. Якщо не включати автономні жс то одні заоголовки від ваших гармошок.

Не треба робити з мене дебіла

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

А якби глянули, то зрозуміли, що там витягнуті лише скрипти для tabs(вкладок) та collapse(акордеонів) з бібліотеки, і більше нічого. 

 

В 08.10.2024 в 15:17, mrfoggg сказав:

і так ваш модулб тягне 3 бустрам якщо включити автономні жс, бутрсрам і так срам а коли його два бутстрами взагалі треш. Один тягне 70% зібраного жсу з двома майже все одні бутрсамиЮ один з них 3й. Якщо не включати автономні жс то одні заоголовки від ваших гармошок.

Не треба робити з мене дебіла

ви хочете в це вірити тому будь ласка. Замість того, щоб звернутись у підтримку і запитати, що не знаєте, ви хочете мені щось довести. Я знаю як і що працює у моєму модулі, повірте. Якщо не вистачає знань - то краще звернутись за допомогою, але вам, бачу, то не потрібно. 

Про підключення bootstrap 3 та 4 то якась діч, але це ваші слова, я такого не пропонував. 

Єдине, де я помилився, це невірно глянув розміри файлів. Саме випиляні скрипти мають вагу 34 та 21 кб у незжатому вигляді. Тобто буде не 10 а 60. Хоча це нічого не змінює. 

І ще, одне: у вас є модуль. Якщо ви розробник -  беріть собі та верстайте як завгодно, для цього є інструметри усі у модулі, файлик не проблема знайти. Хоч на bs5 хоч на material. 

[mrfoggg]

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

 

Total Blocking Time

200 мс

 

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

Таких невеличких фрагментів вже прибрав чимало (по різних модулях) - і загальні показники швидкості сайту вже з 70-80 дійшли до 95-99

[mrfoggg]

і взагали то немає часу вичитувать мініфікований код. Для моїх задач достатньо обїему і того що методом тик уз'ясоувалсь що модуль працює без того фрагменту завдяки вже підключеному повному бутсраму 5 (якщо при цьому адаптавуати html для цього). Ось в цьому і полягало найперше питання- чи плануєте його повністю адаптувати під робоуту з 5 бутстрап на випадок коли він вже підключений (як в мене і більшості сучасних ІМ (якщо це взкгалі коретне висловлюванняя відносно ОС3)

Змінено 8 жовтня 2024 користувачем mrfoggg

[mrfoggg]

так як я ще не всі шаблони модуля задіяв то поцікавився чи колись ви їх оновите чи це робити самому (як вже в загаданих двох) коли буде час

[Seriusis]

В 08.10.2024 в 17:48, mrfoggg сказав:

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

Таких невеличких фрагментів вже прибрав чимало (по різних модулях) - і загальні показники швидкості сайту вже з 70-80 дійшли до 95-99

ну це нормальна ситуація, якщо ви хочете оптимізувати фронт частину. І цілому така специфіка модулів для opencart, на жаль. А викликана вона самою архітектурою cms - по суті руки розв'язані і кожен робить що хоче. Немає якоїсь уніфікації

Я, наприклад, при розробці взагалі переробляю фронт частину практично усіх модулів (мова не про шаблонні проекти). Чому - бо верстається та ному ж bootstrap 5 або взагалі без нього, а модулі уже використовують різні бібліотеки. Наприклад, скрипт слайдера може бути різний від модуля до модуля. А у мене у проекті swiper js, до якого я звик. То все доводиться випилювати і писати свій фронт, тут нікуди не дінешся. А якщо по дизайн макету верстаєте? ну оптимальніше ж бути весь фронт почистити і свій написати, ніж переписувати html та css модулів

[Seriusis]

В 08.10.2024 в 17:51, mrfoggg сказав:

Ось в цьому і полягало найперше питання- чи плануєте його повністю адаптувати під робоуту з 5 бутстрап на випадок коли він вже підключений (як в мене і більшості сучасних ІМ (якщо це взкгалі коретне висловлюванняя відносно ОС3)

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

[mrfoggg]

08.10.2024 в 18:29, Seriusis сказал:

мене у проекті swiper js, до якого я звик

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

[mrfoggg]

Взагалі прикро що є така тенденція - прив'язуватись до бутстрапу в модулях (обговорення цього здаеється навіть на opencart.comзустрічав). Це унеможливлючє написання кастомного шаблону без нього - бо більшість модулів не будуть працювати

[chukcha]

09.10.2024 в 08:37, mrfoggg сказал:

Взагалі прикро що є така тенденція - прив'язуватись до бутстрапу в модулях (обговорення цього здаеється навіть на opencart.comзустрічав). Це унеможливлючє написання кастомного шаблону без нього - бо більшість модулів не будуть працювати

До чого тут css framework?
Розробник робить view template враховуючи  можливості default шаблону.
Якщо ви маєте щось своє - то адаптуйте під своє

[Frolly]

Доброго дня. Підскажіть. Як можна вивести відео через модуль на сторінці, наприклад контакти?

[Seriusis]

В 08.11.2024 в 14:19, Frolly сказав:

Доброго дня. Підскажіть. Як можна вивести відео через модуль на сторінці, наприклад контакти?

Доброго дня!

З приводу виводі на сторінці information/contact:

У вкладці "зв'язки" пункт "Додати на інші сторінки" є кнопка "Контакти"

 

А по типу виводу: для відео у модулі немає окремого типу блоку. Можна використати тип "Контейнер" або спробувати якийсь інший.

Додати відео можна через інструмент візуального редактора за дапомогою кнопки "video"

Це можна зробити або у полі опису блоку або створили 1 елемент блоку і у додати у текст

[Frolly]

09.11.2024 в 09:39, Seriusis сказал:

Доброго дня!

З приводу виводі на сторінці information/contact:

У вкладці "зв'язки" пункт "Додати на інші сторінки" є кнопка "Контакти"

 

А по типу виводу: для відео у модулі немає окремого типу блоку. Можна використати тип "Контейнер" або спробувати якийсь інший.

Додати відео можна через інструмент візуального редактора за дапомогою кнопки "video"

Це можна зробити або у полі опису блоку або створили 1 елемент блоку і у додати у текст

Не спрацює, у нас контакти по іншому лінку, не дефолт. А так цей варіант пробував.

Змінено 9 листопада 2024 користувачем Frolly

[Seriusis]

В 09.11.2024 в 18:48, Frolly сказав:

Не спрацює, у нас контакти по іншому лінку, не дефолт.

якщо як звичайна стаття - там є прив'язки. Інший варіант - по url

[Frolly]

Дякую. Трохи не той шоркод ставив))))) Все роздуплився)

[malkush]

Форумчани есть вопрос, а именно:
"Тег ЗАГОЛОВКА элемента" указать можно в настройках в "Настройки по стилю" (например h3)

а вот "Тег самого БЛОКА" по умолчанию идет (h4)

Где и Как его можно поменять на (h2)?

 

[Seriusis]

В 28.11.2024 в 12:16, malkush сказав:

"Тег самого БЛОКА" по умолчанию идет (h4)

Где и Как его можно поменять на (h2)?

Доброго дня! Прошу вибачення за відсутність відповіді, чомусь не було сповіщення або я його пропустив. 

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

[Seriusis]

Нова версія модуля v 3.0

⚠ Власникам попередніх версій

• Для роботи v3.0 потрібна активація окремим ліцензійним ключем.
• Ключі попередніх версій не сумісні з v3.0.
• Власники попередніх версій отримують знижку 50% на оновлення.
• Попередні версії продовжують працювати без обмежень. Оновлення не є обов'язковим

5 нових типів блоків

Timeline — стрічка часу

Хронологічна стрічка подій або кроків. Два варіанти розкладки: всі елементи зліва або в шаховому порядку. Анімація появи при прокрутці, 8 форм маркерів на вибір (коло, квадрат, ромб, зірка, шпилька та інші), нумерація, кастомні кольори.

Flip Cards — картки з переворотом

Картки з лицьовою та зворотньою стороною. Перевертаються при наведенні або кліці, горизонтально або вертикально. На кожній стороні — заголовок, текст, зображення, кнопка.

Counters — анімовані лічильники

Три стилі: велике число з підписом, прогрес-бар, кільцевий індикатор. Число анімовано зростає від 0 до фінального значення в момент, коли блок з'являється на екрані.

Pricing Table — таблиця тарифів

Картки цінових планів у сітці: заголовок, ціна, список переваг, кнопка. Акцентний колір налаштовується для всього блоку. Бейдж "Popular" можна увімкнути для будь-якої картки.

Comparison Table — таблиця порівняння

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

---

Нові інструменти адмінпанелі

Демо-дані — швидкий старт

Кнопка [+ ▾] у списку блоків відкриває вибір типу та варіанту демо. 38 готових варіантів з реальним наповненням для всіх 18 типів — жоден не потрібно заповнювати вручну. Є окрема дія "Створити всі демо-блоки" одним кліком — зручно для першого знайомства з модулем.

Експорт / Імпорт блоків

Збереження блоків у файл для резервної копії або переносу між сайтами. Два режими: export — тільки контент блоку, backup — повна копія разом із зв'язками. Імпорт з автовизначенням режиму, підтримка різних мов сайту. Кнопки доступні у списку блоків і у формі редагування.

Редактор шаблонів

Вкладка "Шаблони" у налаштуваннях модуля: можна відредагувати шаблон відображення будь-якого типу блоку або створити власний варіант — прямо з адмінки, без доступу до файлів на сервері.

---

Покращення існуючих блоків

Акордеон

• Кнопки "Розгорнути все" / "Згорнути все" — керування всіма секціями одночасно
• Пряме посилання на конкретну секцію: якщо у посиланні вказана секція, вона відкривається автоматично при переході
• Автопрокрутка до заголовку при відкритті секції — окремо для десктопу і мобільного

Галерея / Банер

• Збереження пропорцій зображень
• Відкладене завантаження зображень (не завантажуються поки не видні на екрані)
• Підписи до зображень: кольори, режим появи при наведенні, анімація
• Заокруглення та тінь зображень
• Накладення кольору поверх зображення з налаштуванням прозорості
• Весь елемент банера може бути посиланням

Сітка (Grid)

• Ефекти при наведенні на картку: збільшення або підйом з тінню
• Тінь картки (три рівні)
• Заокруглення карток
• Збереження пропорцій зображення в картці
• Вирівнювання тексту карток (ліво / центр / право)
• Відступ між колонками
• Вся картка може бути посиланням

Меню

• Нова опція: підпункти відкриваються при наведенні або при кліці

Товарні віджети

• Перероблений вигляд: Product Slider, картки категорій
• Бейджі товарів: New / Sale / Немає в наявності
• Відкладене завантаження зображень
• Шорткод [bestsellers=N] — блок бестселерів у довільному місці сторінки
• Шорткод [categories parent_id=0 limit=12] — блок карток категорій

Таймер зворотного відліку

Шорткод [ldev_countdown date="2026-12-31"] — вставляється у будь-яке текстове поле, три стилі відображення.

Кнопки елементів

• Розмір кнопок (xs / sm / lg / на всю ширину) — задається для всього блоку одним вибором

---

Кольори та оформлення

• Індивідуальний колір фону та тексту для кожного елементу в більшості типів блоків
• Flip Cards та Counters: глобальні кольори налаштовуються без конфлікту зі стилями теми
• Pricing Table та Comparison Table: акцентні кольори налаштовуються у формі блоку

---

Адмінпанель

• Перероблений список блоків: колонка ID, сортування по типу та статусу
• Редагування порядку сортування прямо зі списку — без відкриття форми
• Пошук по назві або ID блоку одночасно
• Пагінація зверху і знизу таблиці
• Перемикач компактного / повного вигляду таблиці (зберігається між сесіями)
• Кожен тип блоку підсвічується унікальним кольором у списку
• Вимкнені блоки відображаються приглушено
• Кнопки Export / Backup у формі редагування блоку
• Перероблений вигляд сторінки налаштувань модуля
• Меню вставки змінних у текстові поля — з пошуком і групуванням по розділах

Підбір товарів за параметрами

• Нові умови фільтрації: назва товару, знижка, тег
• Нові оператори порівняння, зокрема діапазон значень (від/до) та перевірка на порожнє поле
• Кнопка попереднього перегляду — показує скільки товарів відповідають умові без збереження
• Кнопка редагування умови — відкриває форму з уже заповненими полями
• Кнопка "?" з прикладами готових умов фільтрації

---

Сумісність

• Модуль більше не залежить від Bootstrap — немає конфліктів із темами незалежно від версії або його відсутності
• Мінімальна версія PHP — 7.1. PHP 8.x підтримується
• Підтримку OpenCart 2.x завершено (лише для оновленень, попередні версії сумісні і присутні у файлах).
• Мінімальна версія — OpenCart 3.0 (Для версії модуля v.3.0+)