[Поддержка] Grapes Web Builder - більше ніж візуальний редактор

[Seriusis]

25
Завантажити / Придбати розширення

Grapes Web Builder - більше ніж візуальний редактор

---

Інтеграція потужного js фреймворку GrapesJS на опенкарт. Забудьте про недоліки звичайних редакторів summernote та ckeditor та відкрийте можливості створення зручних та адаптивних сторінок за допомогою цього модуля. За допомогою звичайного перетягування drag-and-drop додавайте елементи з бібліотеки модуля та працюйте з ними.

 

ЯК ПРАЦЮЄ  

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

 

 

МОЖЛИВОСТІ 

• створення колонок
• робота з блочною структурою сторінки
• готова бібліотека блоків
• адаптивний дизайн
• окремі налаштування адаптиву у 3 варіантах пристроїв
• налаштування шаблону 
• додавання тексту, посилань, зображень, банерів та ін.
• додавання цитат, відео, карт
• додаткові елементи: поля та форми, таймер, підказки, анімований текст, вкладки
• зміна та додавання стилістики, параметрів та поведінки елементів - розміри, відступи, кольори, фон, тінь і тд. (Style Manager)
• зміна та додавання css класів
• зручний режим перегляду коду
• можливість змінювати та імпортувати код
• режим перегляду дерева елементів (Layer manager)
• історія дій та відміна команд

 

ДЕМО

Адмінка https://oc3.likedev.pro/admin/   логін/пароль: demo/demo

Стаття https://oc3.likedev.pro/grapes-js-uk

Товар https://oc3.likedev.pro/apple_cinema_30-uk

 

 

ПЕРЕВАГИ ТА ОСОБЛИВОСТІ 

• генерує чистий та валідний код, який можна підтримувати та редагувати
• не підключає ніякий бібліотек css та js для всього сайту. По мірі додавання блоків долається лише потрібний код, тому верстка дуже легка
• відкритий код
• модуль створює свої таблиці та працює із своїми полями, тому максимально сумісний з усіма вашими редакторами. У будь-який час його можна відключити
• модуль лише підміняє описи товарів, категорій і т.д. саме на тих сторінках, для яких це увімкнено. Оригінальні поля модуль не чіпає, тому ви можете користуватися ним паралельно з іншими редакторами.
• написаний на подіях для максимальної сумісності з модулями та шаблонами

 

ПРАЦЮЄ НА СТОРІНКАХ

• товар
• категорія
• виробник
• інформація (стаття)
• стаття блогу ocstore
• посадкова сторінка ocfilter
• стаття блогу шаблонів від @octemplates
• стаття блогу CyberStore
• стаття блогу шаблонів від @aridius

 

 

 

ВСТАНОВЛЕННЯ

 

Через установник в адмінці завантажуєте архів модуля ocmod для своєї версії опенкарт.

Для версій 2.x переконайтеся, що у вас вже встановлено модифікатор localcopy. ocmod, якщо його немає – встановіть.

Оновлення до версії 1.0.2: вставновити новий архів модуля через менеджер доповнень

 

ЛІЦЕНЗІЯ

 

Ліцензія видається на один домен. Також при необхідності на тестовий піддомен.

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

 

 

ПРОХАННЯ ВКАЗАТИ ДОМЕН ВІДРАЗУ ПРИ КУПІВЛІ

 

 

Також дивіться модулі:

Accordion & Tabs & Steps v2 - конструктор контенту

YouTube lazy load & popup - оптимізація і кастомізація iframe, галерея відео в картці товару

Smart Video Widgets - відео в фоні, банера, зображення, сповіщення з налаштуванням умов показу

Google Reviews - відгуки з гугл карт (Google Business) з віджетом довіри + відгуки про товари

 

 

 

 

 

---

• Автор
  Seriusis
• долучення
  23.03.24
• Категорія
  Редакторы
• Ioncube Loader
  Нет
• ocStore
  3.0
  2.3.0.2.4
  2.3
  2.2
• OpenCart.Pro, ocShop
  Opencart.pro 2.3
• Звернення до сервера розробника
  Нет

 

[cherednychenkoom]

 

 

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

[cherednychenkoom]

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

[Seriusis]

В 03.04.2024 в 22:32, cherednychenkoom сказав:

 

 

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

Доброго дня!

Буде, дасте в особистих адмін та фтп доступи, адаптую

В 03.04.2024 в 23:06, cherednychenkoom сказав:

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

для цього можна задати максимальну висоту в 100% ось так

або просто додати до зображення клас img-fluid (для старих шаблонів з bootstrap 3 клас img-responsive)

подумаю, щоб зробити це автоматично у майбутньому

upd: готово, буде у новій версії

Змінено 4 квітня користувачем Seriusis

[G_S_V]

Чи буде працювати даний модуль на сторінках створених з допомогою модуля "Конструктор форм"?
Або, як варіант, чи працюють форми, які можливо додати в GrapesJS, наприклад, щоб додати форму зворотнього зв'язку на довільній сторінці?

 

[Seriusis]

Доброго дня!

 

07.06.2024 в 13:11, G_S_V сказал:

Чи буде працювати даний модуль на сторінках створених з допомогою модуля "Конструктор форм"?

Сумісності з цим модулем немає.

07.06.2024 в 13:11, G_S_V сказал:

Або, як варіант, чи працюють форми, які можливо додати в GrapesJS, наприклад, щоб додати форму зворотнього зв'язку на довільній сторінці?

форми GrapesJS це лише html поля, на даний момент встроєного функціоналу відправки форм немає

[G_S_V]

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

Можливо є якийсь інший вихід, створити контент з Grapes Web Builder та зробити форму зворотнього зв'язку?

[Seriusis]

10.06.2024 в 17:02, G_S_V сказал:

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

Можливо є якийсь інший вихід, створити контент з Grapes Web Builder та зробити форму зворотнього зв'язку?

наскільки я розумію, вказаний вами модуль дозволяє вставляти форми шорткодами.

Логічно було б у полях, що створює Grape Wev Builder вставляти шорткоди форм там, де ви хочете. Треба протестувати цей момент, бо я не знаю як той модуль працює з технічної сторони. Може навіть запрацювати відразу, але скоріш за все потрібна буде адаптація, якщо це можливо, автором модуля форм до полів, які створює Grapes Web Builder. Треба розуміти, на якому етапі та як працюють шорткоди модуля форм. В теорії там не проблема це адаптувати.

[Seriusis]

версія модуля 1.1

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

- виправлена проблема з полями атрибутів для тегів (для мультимовних магазинів)

- додані заголовки h1-h6 у бібліотеку блоків