Jump to content
покупайте без комиссии
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

Народ, подскажите пожалуйста, как сделать так, чтобы в редакторе 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.

 

Edited by dirtsport
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.