Как в Summer Note или CKEditor добавить изображение, чтобы оно увеличивалось по клику?

[dirtsport]

Народ, подскажите пожалуйста, как сделать так, чтобы в редакторе Summer Note или CKEditor можно было добавить изображение, задав ему через код в этом редакторе например класс и в таком случае оно увеличивалось бы по клику? Ведь в Оксторе 2.3 есть скрипт увеличения изображения (на странице товара). Можно ли им воспользоваться? Модули галерей например используют этот скрипт.

 

Автор Noti модуля галереи Gallery RB подсказала возможное решение, но оно для статей, а хотелось бы универсальное для редактора Summer Note или CKEditor, чтобы например работало в модуле HTML-содержимое и других аналогичных, имеющих редактор:

(Данное решение ещё не пробовал, так как хотелось бы такое, как написал выше)

 

Спойлер

в контроллере \catalog\controller\information\information.php 

добавить после
$this->document->setKeywords($information_info['meta_keyword']);
строки

$this->document->addScript('catalog/view/javascript/jquery/magnific/jquery.magnific-popup.min.js');
$this->document->addStyle('catalog/view/javascript/jquery/magnific/magnific-popup.css'); 

В файле шаблона \catalog\view\theme\default\template\information\information.tpl

перед 

<?php echo $footer; ?>

добавить 

<script>

$(document).ready(function() {
    $('.thumbnails').magnificPopup({
        type:'image',
        delegate: 'a',
        gallery: {
            enabled:true
        }
    });
});

</script>

 

Ну и изображения которые будете вставлять обернуть в ссылку с классом thumbnails.

 

Змінено 13 червня 2018 користувачем dirtsport