По работе иногда нужно установить модуль или доработать функционал. Так как я не являюсь программистом, всегда ищу помощи у тех, кто знает что делать.
Недавно возникла необходимость в CMS OpenCart 2.3.0.2 сделать открытие изображений на странице, как товара в каталоге.
Чтобы использовать класс thumbnails для любых изображений на текстовых страницах типа information понадобится отредактировать два файла.
Подключаемся к сайту через FTP, переходим в шаблон темы вашего сайта, обычно путь к ней: /public_html/catalog/view/theme/ваша тема/
Затем переходим в файл, который содержит информацию по работе страниц на сайте: /public_html/catalog/view/theme/ваша тема/template/information/information.tpl
В этом файле, в самом конце добавим скрипт:
<script type="text/javascript"><!--
$(document).ready(function() {
$('.thumbnails').magnificPopup({
type:'image',
delegate: 'a',
gallery: {
enabled:true
}
});
});
//--></script>
Затем идем в файл по адресу: /public_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');
После внесения изменений можно перейти к редактированию изображения. Используйте class=»thumbnails», чтобы картинка открылась в том же окне с затемнением фона. Отображение будет в точности как товара в каталоге.
<div class="thumbnails">
<a href="/image/catalog/image.jpg" title="Документ компании"><img src="/image/catalog/image.jpg" title="Документ компании" alt="Скан документа компании"></a>
</div>